/* CSS Document */
body {
	background-color:#ffffff;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}


a {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#0268b2;
	text-decoration:none;
}


td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1 {
	font-size:16px;
	margin:0px;
	padding-bottom:8px;
	padding-top:8px;

}
h2 {
	font-size:14px;
	margin:0px;
	padding-bottom:6px;
	padding-top:6px;
}


#imgborder {
	border:1px solid #eeeeee;
}
/* text right at the top of the website */
#topnav { 
	background-color:#ebecf1;
	border-bottom:1px solid #cbd1dd;
	text-align:right;
	padding-right:10px;
	height:14px;
}

#topnav a { 
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

/* Page header where logo is */
#pagehdr {	
	padding-left:5px;
	padding-top:5px;
	vertical-align:top;
}

/* main menu */




#mainmenuhdr_purple{
	background-image:url(/images/main_nav_purple_bg.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#ffffff;
	height:27px;
	padding-left:5px;
	padding-right:5px;
}
#mainmenuhdr_purple a {color:#ffffff; text-decoration:none;}

#mainmenuhdr_blue {
	background-image:url(/images/main_nav_blue_bg.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#ffffff;
	height:27px;
	padding-left:5px;
	padding-right:5px;
}
#mainmenuhdr_blue a {color:#ffffff; text-decoration:none;}

#mainmenuhdr_green {
	background-image:url(/images/main_nav_green_bg.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#ffffff;
	height:27px;
	padding-left:5px;
	padding-right:5px;
}
#mainmenuhdr_green a {color:#ffffff; text-decoration:none;}

#mainmenuhdr_yellow{
	background-image:url(/images/main_nav_yellow_bg.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#ffffff;
	height:27px;
	padding-left:5px;
	padding-right:5px;
}
#mainmenuhdr_yellow a {color:#ffffff; text-decoration:none;}
#mainmenuhdr_red{
	background-image:url(/images/main_nav_red_bg.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#ffffff;
	height:27px;
	padding-left:5px;
	padding-right:5px;
}
#mainmenuhdr_red a {color:#ffffff; text-decoration:none;}



.mainmenuhdr {
	background-color:#336699;
	font-weight:bold;
	color:#ffffff;
	height:24px;
	padding-left:5px;
	padding-right:5px;
}
.mainmenuhdr a {color:#ffffff; text-decoration:none;}

.mainmenuhdr_white {
	background-image:url(/images/mainnavtab_white_bg.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	font-weight:bold;
	color:#333333;
	height:24px;
	padding-left:5px;
	padding-right:5px;
}
.mainmenuhdr_white a {color:#336699; text-decoration:none;}




.mainmenu {
	background-color:#336699;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:text-top;
	width:994px;
	padding-left:8px;
	font-weight:bold;
}
.mainmenu a {text-decoration:none;color:#ffffff;padding-right:15px;padding-left:10px;}
.mainmenu a:hover {text-decoration:underline;color:#ffffff;padding-right:15px;padding-left:10px;}






#mainmenu_purple {
	background-color:#a266a9;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:text-top;
	width:1002px;
}

#mainmenu_purple a {text-decoration:none;color:#ffffff;padding-right:15px;padding-left:10px;}	
#mainmenu_purple a:hover {text-decoration:underline;color:#ffffff;padding-right:15px;padding-left:10px;}

#mainmenu_blue {
	background-color:#3d619e;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:text-top;
	width:1002px;
}
#mainmenu_blue a {text-decoration:none;color:#ffffff;padding-right:15px;padding-left:10px;}
#mainmenu_blue a:hover {text-decoration:underline;color:#ffffff;padding-right:15px;padding-left:10px;}

#mainmenu_green {
	background-color:#459e67;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:text-top;
	width:1002px;
}
#mainmenu_green a {text-decoration:none;color:#ffffff;padding-right:15px;padding-left:10px;}
#mainmenu_green a:hover {text-decoration:underline;color:#ffffff;padding-right:15px;padding-left:10px;}

#mainmenu_yellow {
	background-color:#d0a739;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:text-top;
	width:1002px;
}

#mainmenu_yellow a {text-decoration:none;color:#ffffff;padding-right:15px;padding-left:10px;}
#mainmenu_yellow a:hover {text-decoration:underline;color:#ffffff;padding-right:15px;padding-left:10px;}

#mainmenu_red {
	background-color:#a95555;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:text-top;
	width:1002px;
}

#mainmenu_red a {text-decoration:none;color:#ffffff;padding-right:15px;padding-left:10px;}
#mainmenu_red a:hover {text-decoration:underline;color:#ffffff;padding-right:15px;padding-left:10px;}



/* The Directory diplay: shows where the user is */
#navdir {
	background-color:#ebecf1;
	border-top:1px solid #c1c8d8;
	border-bottom:1px solid #c1c8d8;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

#navdirtext {
	font-size:10px;
}

#navdirtext a {
	text-decoration:none;
	color:#000000;
}

/* Sub menu which appears on the left */
#submenuhdr {
	background-image:url(/images/menuhdrbg.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#FFFFFF;
}
#submenu {
	background-image:url(/images/mainmenubg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-top:5px;
	background-color:#fafafa;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
}

#submenu a {

	text-decoration:none;
	color:#000000;

}

#submenu ul {
	padding:0px; 
	margin:0px; 
	list-style-type:none;
	
}
#submenu img {
	vertical-align:bottom;
}
#submenu li {
	padding-bottom:5px;
}
#submenu li a {
	padding-left:5px;
	text-decoration:none;
	color:#000000;
	display:block;
}

#submenu li a:hover {
	padding-left:5px;
	text-decoration:none;
	color:#0268b2;
	display:block;
}

/* Login Box */
#loginbox {
	padding-left:5px;
	padding-top:5px;
	background-image:url(/images/mainmenubg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
}

#loginbox a {
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

#loginbox a:hover {
	font-size:10px;
	color:#0268b2;
	text-decoration:none;
}

#logintextfield {
	width:120px;
	border:1px solid #dddddd;
	height:18px;
	font-size:10px;
	padding-top:2px;
	padding-left:3px;
}

#loginbutton {
	background-color:#3d8cc4;
	border:1px solid #eeeeee;
	color:#FFFFFF;
	font-size:10px;
	height:20px;
	
}

#logoutbutton {
	background-image:url(/images/mainmenubg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#logoutbutton ul {
	padding:0px; 
	margin:0px; 
	list-style-type:none;
	width:100%;
	line-height:18px;
}

#logoutbutton li a {
	padding-left:5px;
	padding-top:5px;
	text-decoration:none;
	display:block;
	color:#000000;
	background-color:#f0f0f0;
	border:1px solid #cccccc;
	font-weight:bold;
}

#logoutbutton li a:hover {
	padding-left:5px;
	padding-top:5px;
	text-decoration:none;
	display:block;
	color:#f0f0f0;
	background-color:#333333;
	border:1px solid #c1c8d8;
}


/* Body */
#bodyhdr {
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	padding-left:5px;
	background-image:url(/images/bodyhdrbg.gif);
	background-repeat:repeat-x;
}

#mainbody {
	padding:5px;
	padding-top:10px;
}

#mainbodytutorial ul {
	list-style-type:none;
	padding:0px;
}
#mainbodytutorial a {
	display:block;
	font-weight:bold;
}


/* footer */
#footer {
	background-color:#ebecf1;
	border-top:1px solid #c1c8d8;
	border-bottom:1px solid #c1c8d8;
	font-size:10px;
	padding-right:5px;
	text-align:right;
	height:20px;
}

#footer a {
	text-decoration:none;
	color:#000000;
}

/* Pop over form */
#theFormDiv {
 	display:none;
 	position:absolute;
 	top:2em;
 	right:30em;
	margin:0px;
	background-image:url(/images/mainmenubg.gif);
	background-position:bottom;
	background-repeat:repeat-x;

}

.nocss {
  display:none;
}