/* CSS Document 
COLOR PALETTE
Magenta:	#eb037d
Dark Teal:	#006b6e
HomeBar & Light Teal:	#7db5b9
Lightest Teal:	#d9e9ec
Grey background: #e7e7e8
*/

body {
	margin: 0;
	padding: 0;
	background-color: #e7e7e8;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}

.context {
	padding: 0;
	width: 900px;
	background-color: #fff;
	margin:0px auto;
	overflow: auto;
	height: auto;
}


.wrapper {
	padding: 0;
	width: 800px;
	background-color: #fff;
	margin:0px auto;
	overflow: auto;
	height: auto;
}


a { text-decoration: none; }
a:link, a:visited {
	color: #9c1414;
}
a:hover { color: #006b6e; text-decoration: underline; }
a:active, a:focus {
	color: #FFF;
}

img { border: none; }
blockquote { margin: 0; padding: 0; font-style: italic; }

h2 { font-size: 24px; font-weight: normal; color: #63648e; line-height: 28px; }
h3 { font-size: 12px; font-weight: bold; line-height: 16px; }
h4 { font-size: 12px; font-weight: bold; line-height: 16px; margin: 0; padding: 0; }


.utility{
	font: 95% Arial, Verdana,sans-serif;
	text-align: right;
	top: 16px;
	right: 0px;
	color: #555;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.1em;




	margin-left: 0.1em
	background-color: #fff; 
}

.logoplace { text-align: center;

}

#whitearea {
	height: 2px;
	background: #fff;
}

/*.utility a{
	color: #eb037d;
}

.utility a:hover{
color: #006b6e;
	text-decoration: underline;
}*/


/*.login{
	font: 95% Arial, Verdana,sans-serif;
    text-align: right;
	color: #000000;
	
}*/

a.login{
	color: #000000;
}

a.login:link, a.login:visited{
	color: #000000;
}

a.login:hover{
        color: #000000;
	   text-decoration: underline;
}

a.me { color: #000; }


#navcontainer
{
margin:0px auto;
padding: 0;
text-align: center;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a 
{
	width: 129px;
	/*height: 18px;*/
 padding: 1px;
	margin: 0 0 0px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
	border-right:2px solid #fff; /* add a 1px white border around items */
	font-family: Arial, Verdana, sans-serif;
	font-size: 95%;
	background-color: #000;

/*font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; */
}

#navcontainer ul li a:hover
{
color: #000;
background: #ebebeb;
    padding: 1px; 

}

#navcontainer a:active
{
background: #eb037d;
color: #999;
}

#navcontainer a:focus
{
	background: #eb037d;
	color: #999;
}


.redtext {
	color: #ffcc33;
}

.top { font-size: smaller; line-height: 150%; }


.colorcopyright {
	font: 85% Arial, Verdana,sans-serif;
	background-color: #4A5350;
	color: #fff;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	float: left;
	/*width: 780px;*/
 text-align:right;
	width:793px;

 }


.navfooter {
	color: #5D7569;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
	/*width: 780px;*/
 text-align:center;
	width:800px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 85%;

 }
 
 .navfooter a, .navfooter a:link, .navfooter a:visited { color: #827977; }
 
 .navfooter a:hover, .navfooter a:active, .navfooter a:focus {text-decoration: underline; }
 

