body { margin: 0 auto; text-align: center; background: #333333; }
#wrapper { background: #ffffff; position: relative; text-align: left;
	width: 770px; margin: 0 auto;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 770px;
}
html>#wrapper {
  	width: 770px;
}
#popupwrapper { margin: 0; background: #ffffff;}
body, td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.header {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #0160BF; font-style: italic;}
.headerhr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #009999; font-style: italic;}
.black {  background-color: #000000;}
.gray {  background-color: #E8E8E8;}
.navbar {  background-image: url(images/navbar.bg.gif);}
.hdr {  background-image: url(images/hdr.bg.gif);}
.ftr {  background-image: url(images/ftr.bg.gif);}
.box {  border-color: #E8E8E8; border-style: solid; border-width: 1px;}
.boxlinks {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline;}
.boxlinks:hover {  color: #0000FF; text-decoration: none;}
.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000;}
.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
.footer A {  color: #FFBA07; font-weight: bold;}
.caption {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000;}
.sub {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
.sub A {  font-weight: bold; color: #FFFFFF; text-decoration: underline;}
.sub A:hover {  text-decoration: none;}
#sitemap .sub, #sitemap .sub A  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF;}
.cgc {	background: url(images/cgcbackground.gif) top left no-repeat;}

.menu0 A, .menu1 A, .menu2 A, .menu3 A, .menu4 A, .menu5 A, .menu6 A, .menu8 A {
    display: block;
    padding: 2px 5px;
    color: #000000;
    text-decoration: none;
}

.menu0 A:hover {
    color: #ffffff;
    background-color: #009B74;
    text-decoration: none;
}
.menu0bg {  background-color: #009B74;}
.menu0body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu0body A {  color: #009B74;}
.menu0body A:hover {  color: #000000;}
.menu0title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #009B74;}
.menu0bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #009B74;}

.menu1 A:hover {
    color: #ffffff;
    background-color: #FF6600;
    text-decoration: none;
}
.menu1bg {  background-color: #FF6600;}
.menu1body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu1body A {  color: #FF6600;}
.menu1body A:hover {  color: #000000;}
.menu1text { color: #FF6600; }
.menu1title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6600;}
.menu1bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF6600;}
.menu1body h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FF6600; font-style: italic; font-weight: normal}
.menu1header {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #FF6600; font-style: italic;}

.menu2 A:hover {
    color: #ffffff;
    background-color: #CC0000;
    text-decoration: none;
}
.menu2bg {  background-color: #CC0000;}
.menu2body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu2body A {  color: #CC0000;}
.menu2body A:hover {  color: #000000;}
.menu2title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #CC0000;}
.menu2bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000;}


.menu3 A:hover {
    color: #ffffff;
    background-color: #009999;
    text-decoration: none;
}
.menu3bg {  background-color: #009999;}
.menu3body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu3body A {  color: #009999;}
.menu3body A:hover {  color: #000000;}
.menu3title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #009999;}
.menu3bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #009999;}

.menu4 A:hover {
    color: #ffffff;
    background-color: #0160BF;
    text-decoration: none;
}
.menu4bg {  background-color: #0160BF;}
.menu4body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu4body A {  color: #0160BF;}
.menu4body A:hover {  color: #000000;}
.menu4title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0160BF;}
.menu4bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0160BF;}

.menu5 A:hover {
    color: #ffffff;
    background-color: #66097B;
    text-decoration: none;
}
.menu5bg {  background-color: #66097B;}
.menu5body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu5body A {  color: #66097B;}
.menu5body A:hover {  color: #000000}
.menu5title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #66097B;}
.menu5bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #66097B;}

.menu6 A:hover {
    color: #ffffff;
    background-color: #093C6F;
    text-decoration: none;
}
.menu6bg {  background-color: #093C6F;}
.menu6body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu6body A {  color: #093C6F;}
.menu6body A:hover {  color: #000000;}
.menu6title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #093C6F;}
.menu6bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #093C6F;}

.menu7bg {  background-color: #009999;}
.menu7body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu7body A {  color: #009999;}
.menu7body A:hover {  color: #000000;}
.menu7title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #009999;}
.menu7bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #009999;}

.menu8 A:hover {
    color: #ffffff;
    background-color: #fdb706;
    text-decoration: none;
}
.menu8bg {  background-color: #fdb706;}
.menu8body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.menu8body A {  color: #fdb706;}
.menu8body A:hover {  color: #000000;}
.menu8title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fdb706;}
.menu8bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fdb706;}

/*********** start PORTAL SIDE NAV STYLE ***********/
#portalMainNav {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;	
}
#portalMainNav, #portalMainNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#portalMainNav li { /* all list items */
	float: left;
}
#portalMainNav a {
	border: 0;
	display: block;
	color: #ffffff;
	text-decoration: none;
	line-height: 21px;
}
#portalMainNav.hure a {
	background: #009999;
}
#portalMainNav.recr a {
	background: #0160bf;
}
#portalMainNav a.topnav, #portalMainNav a.topnav:visited {	
	display: block;
	width: 180px;
	padding: 0;
	text-align: left;
	text-decoration: none;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 180px;
}
#portalMainNav.hure a.topnav:hover {
	background: #33cccc;
}
#portalMainNav.recr a.topnav:hover {
	background: #ffb908;
}
#portalMainNav a.subnav {
	display: block;
	width: 190px;
	padding: 0 5px;
	text-align: left;
	text-decoration: none;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 180px;
}
#portalMainNav.hure a.subnav:hover {
	background: #33cccc;
}
#portalMainNav.recr a.subnav:hover {
	background: #ffb908;
}
#portalMainNav li.topnavli {
	float: left;
	position : relative;
}
#portalMainNav li ul li { /* all list items */
	width: 180px; /* width needed or else Opera goes nuts */
}
#portalMainNav li ul { /* second-level lists */
	position: absolute;
	text-align: left;
	margin-left : 180px;
	margin-top : -21px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#portalMainNav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 180px;
}
#portalMainNav li:hover ul ul, #portalMainNav li.sfhover ul ul {
	left: -999em;
}
#portalMainNav li:hover ul, #portalMainNav li li:hover ul, #portalMainNav li.sfhover ul, #portalMainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
html>#portalMainNav a.topnav, html>#portalMainNav a.topnav:visited {
  	width: 180px;
} 
html>#portalMainNav a.subnav, html>#portalMainNav a.subnav:visited {
  	width: 180px;
}
/*********** end PORTAL SIDE NAV STYLE ***********/


#summer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
#summer h1 {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff6600;
}
#summer a.sdc {
	font-size: 14px;
	font-weight: bold;
	color: #008080;
}
#summer a.ssc {
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}
#summer a.sc {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
}
#summer a:hover {
	text-decoration: none;
}
#summer .normal {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.errMsg {
	color: red;
	font-weight: bold;
}

.userMsg {
	color: green;
	font-weight: bold;
}