/* pages/login.css */

#popup 
{
	width:200px; 
	border:0px ; 
	position:absolute;
	top:120px;
	left:-400px;
	z-index:110
}


.logoutButton{
	background-color:red;
	border:1px solid white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
}

.loginInput{
background: #fff url(../images/logon_fade.png) no-repeat top left;
vertical-align:middle;
border:1px solid #34487E;
font-size:9pt;
}

.loginButton{
background-color:#dbd5b9;
border:1px solid darkgray;
}

.loginText{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
}

.cmsTitle{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.link{
	color: #cf6500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.title{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
 
.textbox
{
	BORDER-RIGHT: #34487E 1px solid;
	BORDER-TOP: #34487E 1px solid;
	font-size:8.5pt;
	BORDER-LEFT: #34487E 1px solid;
	COLOR: #000000;
	background-color:#ffffff;
	BORDER-BOTTOM: #34487E 1px solid;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}
.dropdownmenu
{
	font-size:8.5pt;
	COLOR: #000000;	
	
	padding-top:1px;
	padding-bottom:1px;
	border: solid 1px #34487E;
	padding-left:1px;
	background-color:#FFFFFF;
	cursor: pointer;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 11px;
	text-decoration: none;
}
a:visited {	
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 11px;
	text-decoration: none;
}
a:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-seriff;
	color: #0066FF;
	font-size: 11px;
	text-decoration: underline;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 11px;
	text-decoration: none;
}


#flash {z-index:50}


/* these are menu classes */
a, div {border:0px;margin:0px;padding:0px;}
#navi {display:none;text-align:left; top:0px; position:relative; width:900; height:23px;background-color:#F3F3F3; z-index:100}
 

.menu {display:block;margin:0;padding:0;width:auto; }
 
.menu ul{position:absolute;display:block;margin:0;padding:0;}
.menu li ul{visibility:hidden;}
.menu li{list-style:none;height:auto;display:inline;display:block;float:none;float:left;margin:0;padding:0;line-height:20px;}
 

div[id="navi"]>.menu a {text-align:left;background-color:#000000;color:#FFFFFF;display:block;padding:0;margin:0px;}
div[id="navi"]>.menu a:hover {background-color:#820000;}
 
.menu a {text-align:left;background-color:#000000; color:#FFFFFF;display:block;font-weight:normal;font-size:0.6em;font-family:Arial, Helvetica, sans-serif;}

.menu a:active {font-weight:normal;font-size:0.6em;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:link {font-weight:normal;font-size:0.6em;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:visited {font-weight:normal;font-size:0.6em;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:hover {background-color:#820000;font-weight:normal;font-size:0.6em;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:focus {background-color: #aaf;}
.menu span {display:none;}
 
.top  {border:0px; background-color:#F3F3F3; margin:0px; padding:0px; top:0px; position:relative;}
 
#about {width:116;padding:0px; margin:0px; border:0px; top:1px;}
#about ul {width:160px; }
#about ul a{ width:160px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 
 
.menu li li a  img {position:absolute; left:144px; }
 
#programs ul{margin-left:0px;}
#programs ul{width:250px;}
#programs ul a{ width:250px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 
 
#news ul{margin-left:0px;}
#news ul{width:150px;}
#news ul a{ width:150px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 
 
#spotlights ul{margin-left:0px;}
#spotlights ul{width:180px;}
#spotlights ul a{ width:180px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 
 
#sponsors ul{margin-left:0px;}
#sponsors ul{width:180px;}
#sponsors ul a{ width:180px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 
 
#resources ul{margin-left:0px;}
#resources ul{width:160px;}
#resources ul a{ width:160px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 


#faq_av4 ul{margin-left:175px; margin-top:-20px;}
#faq_av4 ul a{ width:130px; padding:0px 1px 0px 10px; margin:-1px 0 0 0;} 



/*style for the search box on the top*/

.sbout  {text-align:left;}
#search{margin: 0;}
#search input.ttextbox {background-image: url(../images/shadow.gif);background-position: 100% 0; background-repeat: repeat-y;border: solid 1px #ffffff;    float: left;    width: 208px;height:16px;}
#search input.button{background-color:transparent; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; border-color:#000000;background-repeat:repeat; border:none; float:left; height:20px;}
#search label{display:none;}
#search span{clear: none; display:block; color:#000000; border:solid 1px #000000; background-position:0 45%; float:left; height:20px; background-image: url(../images/search.gif);}
#search #sitesearch {border:none; height:15px; padding-left:0px; padding-right:0px;}


/* google's styles: */
div,td{color:#000}
.f{color:#666}
.flc,.fl:link,.ft a:link,.ft a:visited,.ft a:hover,.ft a:active{color:#77c}
a:link,.w,a.w:link,.w a:link,.q:visited,.q:link,.q:active,.q{color:#00c}
a:visited,.fl:visited{color:#551a8b}
a:active,.fl:active{color:red}
.t{background:url(images/grad.png) repeat-x bottom;border:1px solid #ebebeb;border-bottom:1px solid #c7c7c7;color:#000;padding:5px 8px 8px}
.j{width:34em}
.h{color:#36c}
.l{font-size:12pt;color:#00c;}
.i,.i:link{color:#a90a08}
.a,.a:link{color:green}
.z{display:none}
div.n{margin-top:1ex}
.n a{font-size:10pt;color:#000}
.n .i{font-size:10pt;font-weight:bold}
.b a{font-size:12pt;color:#00c;font-weight:bold}
#np,#nn,.nr,#logo span,.ch{cursor:pointer;cursor:hand}
.tas{padding:3px 3px 3px 5px}
.taf{padding:3px 3px 6px 5px}
.tam{padding:6px 3px 6px 5px}
.tal{padding:6px 3px 3px 5px}
#gbar{float:left;height:22px}
#gbarl{border-top:1px solid #c9d7f1;font-size:0;height:1px;position:absolute;right:0;top:24px;width:110%}
#gbar a{color:#00c}
#gbar .gbard{background:#fff;border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;display:none;font-size:13px;position:absolute;top:24px;z-index:1000}
#gbar .gbard a{display:block;padding:.2em .5em;text-decoration:none;white-space:nowrap}
#gbar .gbard a:hover{background:#36c;color:#fff}
#gbar td{font-size:13px;padding-right:1em}
#guser{font-size:13px;padding-bottom:7px !important;padding-top:0}
#gbarc{font-size:0;height:1px}
.sl,.r{font-weight:normal;margin:0;display:inline}
.sl{font-size:84%}
.r{font-size:1em}
.e{margin:.75em 0}
.mblink:visited{color:#00c}
.sm{display:block;margin:0;margin-left:40px}
#navbar div,#logo span{background:url(/images/nav_logo.png) no-repeat;overflow:hidden;height:26px}
#navbar .nr{background-position:-60px 0;width:16px}
#navbar #np{width:44px}
#navbar #nf{background-position:-26px 0;width:18px}
#navbar #nc{background-position:-44px 0;width:16px}
#navbar #nn{background-position:-76px 0;width:66px;margin-right:34px}
#navbar #nl{background-position:-76px 0;width:46px}
#logo{display:block;width:150px;height:52px;position:relative;overflow:hidden;margin:15px 0 12px}
#logo span{background-position:0 -26px;position:absolute;top:0;left:0;width:100%;height:100%}
body,td,div,.p,a{font-family:arial,sans-serif}
.g{margin:1em 0}
#sd{font-size:84%;font-weight:bold}
#ap{font-size:64%}


/*style for the photo captions*/
#container {

	text-align: left;
}
div.captioned-img {
	margin: 0 0 10px 10px;
	padding: 5px;
	float: right;
	clear: right;
	border: 1px solid #333;
}
div.captioned-img p {
	font-size: 9px;
	color: #222;
	text-align: center;
}

tr.rowOdd {background-color: #EEEEEE;}
tr.rowEven {background-color: #FFFFFF;}
tr.rowHighlight {background-color: #CCDDEE;}