/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                       BASICS
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html
{
  margin: 0px;
  padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
}

.clear { clear: both;}

.skip
{
	display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                       CONTAINER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page
{
	margin: 2em 2em 1em 2em;
	position: relative;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                       HEADER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#header
{
	width: 100%;
	margin: 0px;
}

#header h1 
{
  margin-left: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}


#header h2
{
	margin-left: 3em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                 NAVLIST
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.navlist h5
{
	display: none;
}

.navlist
{
  margin-left: auto;
  margin-right: auto;
  z-index: 1; 
  clear: both;
  border-top: 3px solid #3B4D51;
}

.navlist ul
{
  list-style-type: none;
  text-align: center;
  margin-top: -9px;
  padding: 0;
  position: relative;
  z-index: 2;
}

.navlist li
{
  display: inline;
  text-align: center;
  margin: 0 5px;
}

.navlist li a
{
  padding: .1em .7em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                 CONTENT AREA
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.contents
{
  clear: both;
	margin: 2em;
}

.contents p
{
	margin-left: 1.5em;
}

.contents div
{
	margin-left: 1.5em;
}

.contents blockquote
{
	margin-left: 2.5em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                 SIDE BAR
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#main.narrow
{
	float: left;
	width: 70%;
}

.sidebar
{
	float: right;
	clear: right;
	width: 12em;
	padding: .5em;
	margin-bottom: 2em;
	margin-left: 0em;
	font-size: .9em;
}
	
.sidebar div
{
	margin-left: 0em;
}

.sidebar h5, .sidebar h2
{
	font-size: 1em;
	margin-bottom: .5em;
	margin-top: .5em;
}

.sidebar ul
{
	padding-left: .5em;
	margin: .5em 0em .5em .0em;
	list-style-type: none;
}

.sidebar .text
{
	width: 11em;       
	margin: .5em .5em;
}

.sidebar .button
{
	margin: .5em;
}

.sidebar p
{
	margin: .5em 0em .5em 0em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                               FOOTER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.footer
{
	margin: 1em 2em;
	padding: 0em .5em;
	clear: both;
}

.footer ul
{
	text-align: center;
	padding: .1em 0;
	margin: 1em 0;
	width: 100%;
	line-height: 1em;
	font-size: .9em;
	padding: .2em .5em;
}

.footer ul li
{
	display: inline;
	padding: .2em .5em;
	border-left: 2px solid;
}

.footer ul li.first
{
	border-left: none;
}

.footer ul li a
{
	text-decoration: none;
}

.footer ul li a:hover
{
	text-decoration: underline;
}

#validation
{
	float: right;
	margin-right: 2em;
	margin-bottom: .5em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                 IMAGE BLOCK
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

.imageBlock
{
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
	padding: 0 5px;
	z-index: 9;
  width: 700px;
  text-align: center;
  background-color: #CCF;
	border: solid 2px #000;
}

.imageBlock h3
{
	font-size: 120%;
	margin: -10px 1em 0 1em;
	padding: 2px 6px;
  text-align: center;
  background-color: #669;
	color: #FC6;
	border: solid 2px #003;
}

.imageBlock img
{
  padding: 1em 0em 0em 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.displayimage
{
  float: left;
}

.imageBlock p
{
  color: #003;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                 CAPTION BLOCK
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

.caption
{
  
}

.caption h3
{
  font-size: 120%;
  margin: -10px 1em 0 1em;
  padding: 2px 6px;
}

.textBlock
{
	background-color: #ddd;
	border: solid 1px #000;
	margin: 25px 0;
	padding: 0 5px;
	z-index: 9;
  float: left;
  width: 30em;
}
.textBlock .vnav
{
	margin: -1px 0 5px 0;
}
.textBlock h3
{
	background-color: #ddd;
	color: #000;
	border: solid 1px #000;
	font-size: 120%;
	margin: -10px 0 0 0;
	padding: 2px 6px;
  text-align: left;
}

*/