@charset "utf-8";
/* CSS Document */


.container {
	width: 900px;
	border: 1px solid #000;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}

body {
	background-image: url(main-bg-2.jpg);
	font-family: "Segeo UI", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: small;
}

#pageHeader {
	width: 900px;
	height: 150px;
	padding: 0;
	margin: 0;
	background:url(header.png);
	border-bottom: 1px solid #000;
}

#left-navigation {
    float:left;
	width: 199px;
}

.glossymenu{
	margin: 0;
	padding: 0;
	width: 200px; /*width of menu*/
	border: 1px solid black;
	border-left:none;
	border-top:none;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 1em "Segeo UI", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #ccc;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 0.9em "Segeo UI", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background:#33f;
color: white;
}

#content{
	float:right;
	width: 699px;
	background-color: #FFFFFF;
}

#content-text{
	margin: 3em 3em 4em 3em;
	font-family: "Segeo UI", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#content h2{
	text-align:center;
}

#content h3{
	text-align:center;
}

#content h4{
	text-align:center;
}

#pages p{
	text-align:right;
}

#footer {
	clear: both;
	width: 900px;
	height: 25px;
	background:url(footer-bg.gif);
	border-top:1px solid #000;
}

#footer-text {
	text-align:center;
	margin:4px;
	font-size:small;
	font-weight:bold;
	color:#FFF;
}

#footnote p{
	text-align: center;
	font-size: 0.8em;
	color:#FFF;
}
	
#footnote a{
	color:#6699FF;
	text-decoration:none;
	text-shadow:#000;
}
	
#contact-form {
	background: #84A7F9;
	padding: 1em;
}