/* -- layout -- */

body {
padding: 0;
margin: 0;
background-color: #000099;
font: small  Verdana, Arial, sans-serif;
color: #000000;
}
#wrapper {
width: 900px;
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
margin: 10px auto;
background-color: #ffffff;
}
#masthead {
height: 85px;
background: url(images/masthead5.gif) no-repeat;
border-bottom: 3px solid #000099;
margin-bottom: 10px;
}
#emailContainer {
float: right;
font-size: 100%;
padding: 42px 10px 0 0;
}
#navigation {
padding-top: 134px;
}
.underNav {
clear: both;
height: 0;
}

/* -- sidebar -- */
#sidebar {
background:#ffffff;
width: 161px;
height: 100%;
padding: 50px 10px;
float: left;
margin-right: 10px;

}




#mainContent {
float: left;
width: 535px;
min-height:500px;
border-right: 2px solid #000099;
border-left: 2px solid #000099;
border-bottom: 3px solid #000099;
background-color: #ffff66;
}




#content-left {
display:inline-block;
text-align: center;
float: left;
width: 150px;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;


}




#content-text {

width: 535px;
height: 150px;
text-align: center;
padding-left: 180px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #ffffff;
}

#content-header {
float: left;
width: 100px;
height: 20px;
text-align: center;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #ffffff;
}


.separator {
clear: both;
height: 0;
}

#footer {
background-color: #000099;
border-top: 10px solid #ffffff;
text-align: right;
padding: 15px 20px;
color: #ffffff;
}




/* -- fonts -- */

h1 {
font-size: 110%;
font-weight: heavy;
margin: 0 0 5px;
}
#mainContent h1 {
text-align: center;
background-color: #000099;
color: #ffffff;
padding-bottom: 3px;
margin-bottom: 10px;
}

#mainContent h2 {
font-size: 100%;
text-align: center;
padding-left: 10px;
background-color: #ffffff;


}

#mainContent p {
font-size: 100%;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 10px;
background-color: #ffff66;
}



#sidebar h1 {
font-size: 85%;
}
h2 {
font-size: 100%;
font-weight: normal;
margin: 0 0 5px;
}
p {
font-size: 75%;
line-height: 1.3em;
margin: 0 0 1em;
}

#content-text p {
font-size: 100%;
line-height: 1.3em;
margin: 0 0 1em;
}

#content-text h2 {
font-size: 75%;
line-height: 1.3em;
margin: 0 0 1em;
}

#footer p {
margin: 0;
}

#footer a {
font: bold Arial, Helvetica, sans-serif;
font-size: 90%;
color: #ffffff;
}

/* -- links -- */
a {
font: bold Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000099;
}
#emailContainer a {
color: #000099;
}

/* -- drop down menu bar -- */



#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #ffffff;
	
	margin:0;
	padding: 10px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #000099;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #0000ff;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	top:0;
	left:100%;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */