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

body { margin: 0; padding: 0; font: 12px/16px Arial, Verdana, Helvetica, sans-serif; background-color: #e7e7e8; text-align:center;}

.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: #eb037d; }
a:hover { color: #006b6e; text-decoration: underline; }
a:active, a:focus { color: #eb037d; }

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: #006b6e;
	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 
{
background: #eb037d;
width: 129px;
/*height: 18px;*/
 padding: 1px;
margin: 0 0 0px 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
	font: 95% Arial, Verdana,sans-serif;
	font-weight: bold;
	letter-spacing: .5px;
	        border-right:2px solid #fff; /* add a 1px white border around items */ 



/*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: #fff;
}

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


.redtext { color: #eb037d; }

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


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

 }


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

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