/* mid gray - most text and borders - #67717D */
/* dark blue - emphasised text, some borders - 313A7D */
/* pale blue - backgrounds - E7EBEE */
/* white - backgrounds */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image:  url("/images/bluestyle/page-bgd.gif");
	background-repeat: repeat-x;
	margin: 0px;
}

#header {
background-image:url(/images/bluestyle/header.gif);
height:68px;
width:878px;
float:left;
}

#clickablelogo {float:left}
#clickablelogo a img {border:none}

#sitesmenu {
padding-top:3px;
float:right;
color:gray;
font-size:10px;
}

#sitesmenu a{
color:#313A7D;
text-decoration:none;
}

#sitesmenu a:hover {
color:black;
text-decoration:underline;
}

#graphic {
height:199px;
width:165px;
float:left;
overflow:hidden;
}

#subheader {
height:199px;
width:633px;
float:left;
background-color:red;
}

#menu {
height:22px;
/*width:663px;*/
width:527px;
background-color:white;
position:absolute;
	left: 165px;
	top: 71px;
	z-index:1;
padding-top:3px;
border:1px solid #67717D;

}
#secure-menu {
height:22px;
width:860px;
background-color:white;
position:absolute;
	left: 10px;
	top: 71px;
	z-index:1;
padding-top:3px;
border:1px solid #67717D;

}

#centermenu {
/*width:580px;*/
width:505px;
margin:auto;
}

#headertext {
height:97px;
width:527px;
border:1px solid yellow;
background-color:white;
position:absolute;
	left: 205px;
	top: 108px;
font-size:10px;
color:#313A7D;
overflow:auto
}

#headertext p{padding:4px; padding-bottom:0px;margin:0px}

#headertext a{font-weight:bold;
text-decoration:underline;
}
#headertext a{
color:black;
font-weight:bold;
text-decoration:underline;
}
#headertext a img{
margin:0px;
border:none;
}

#headerbanner {
height:97px;
width:527px;
position:absolute;
	left: 165px;
	top: 108px;
font-size:10px;
color:#313A7D;
overflow:hidden
}

#headerbanner p{padding:4px; padding-bottom:0px;margin:0px}

#headerbanner a{font-weight:bold;
text-decoration:underline;
}
#headerbanner a{
color:gray;
font-weight:bold;
text-decoration:underline;
}
#headerbanner a img{
margin:0px;
border:none;
}

#logon {
height:101px;
width:128px;
position:absolute;
	left: 701px;
	top: 107px;
}
#logon form{
margin-bottom:0px;
}

#logon input{
background-color:#E7EBEE;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
height:16px;
width:120px;
margin-bottom:2px;
margin-top:1px;
padding-left:4px;
padding-right:4px;
}

#logon a{
color:#67717D;
text-decoration:none;
font-size:10px;
}
#logon a:hover{
color:black;
text-decoration:underline
}
#logon .imagebutton {
width:103px;
height:23px;
text-align:center;
border:none;
margin-left:8px;
background-color:white
}

#logout {
height:92px;
width:122px;
position:absolute;
	left: 701px;
	top: 107px;
	background-color:#ffffff;
	border:1px solid silver;
	vertical-align:bottom;
	text-align:center;
	padding:3px;

}
#logout form{
margin-bottom:0px;
}

#logout input{
background-color:#E7EBEE;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
height:16px;
width:120px;
margin-bottom:2px;
margin-top:1px;
padding-left:4px;
padding-right:4px;
}

#logout a{
color:#67717D;
text-decoration:none;
font-size:10px;
}

#logout a img {margin:0px;border:none}

#logout a:hover{
color:black;
text-decoration:underline
}
#logout .imagebutton {
width:103px;
height:23px;
text-align:center;
border:none;
margin-left:8px;
background-color:white
}




#subtitle {
	width:673px;
	height:53px;
	background-image: url("/images/bluestyle/subtitle-bgd.gif");
	position:absolute;
	left: 165px;
	top: 214px;

}
#secure-subtitle {
	width:878px;
	height:53px;
	background-image: url("/images/secure/secure-subtitle-bg.gif");
	position:absolute;
	left: 0px;
	top: 103px;

}
#subtitle p {	
	font-size:16px;
	color:#003366;
	font-weight:bold;
	text-align:right;
	padding-right:16px;
	padding-top:4px;
	margin-top:0px;
}
#secure-subtitle p{
	font-size:16px;
	color:#003366;
	font-weight:bold;
	text-align:right;
	padding-right:16px;
	padding-top:4px;
	margin-top:0px;

}
#contentarea {
background-image: url("/images/bluestyle/content-bgd.gif");
width:838px;
position:absolute;
	left: 0px;
	top: 267px;
}
#secure-contentarea {
background-image: url("/images/bluestyle/content-bgd.gif");
width:878px;
position:absolute;
	left: 0px;
	top: 143px;
}



#tabcontainer {width:73px;float:left}
.tabbtn {padding:0px;margin:0px;height:60px;}
 
#homepage {width:810px;margin-left:20px}

.leftC {
	float: left;
	width:250px;
	background-color:white;
	margin-left:0px;
	padding: 0px;
	padding-bottom:0px;
	border:1px solid #67717D;

		
}
.rightC {
	float: left;
	width:250px;
	background-color:white;
	margin-left:12px;
	padding:0px;
	padding-bottom:0px;
	border:1px solid #67717D;

	
}

.centerC {
	float: left;
	width:250px;
	margin-left:12px;
	background-color:white;
	padding:0px;
	padding-bottom:0px;
	border:1px solid #67717D;
	
} 

.articleHead {
width:245px;
font-weight:bold;
color:white;
font-size:14px;
margin-bottom:0px;
background-image:url(/images/articlehead.jpg);
background-repeat:no-repeat;
position:relative;
left: 0px;
top:0px;
height:40px;
padding-left:5px;
padding-top:2px;
}
.articleBody {
font-size:10px; 
padding:5px;
padding-bottom:0px
}


#articleBody {
font-size:10px;
}
#articlebody td{
font-size:10px;
}
#articleBody table{
border:none;
}

#content {
width:810px;
margin-left:12px;
color:#555555;
/*min-height:300px; creates open space on pages where this div is not used e.g. vdesk*/
}

#content p{
margin:0px;
margin-bottom:10px;
}


#content b{
color:#313A7D;
font-weight:normal
}

#content a{
color:#313A7D;
text-decoration:underline;
/*border-bottom:1px solid blue;*/
}
/*#content a img{border-bottom:1px solid white;border:none;text-decoration:none}*/

/*#content a img{border-bottom:3px solid white;margin:-4px} /*general image links*/

#content a:hover{
color:black;
text-decoration:none;
/*border-bottom:1px solid black;*/
}


#content a.noline{border:none;text-decoration:none}
#content a.noline:hover{border:none;text-decoration:none}

#content h1{
color:#313A7D;
font-size:13px;
margin-bottom:0px;
}
#content .reptitle{
color:#313A7D;
font-size:13px;
margin-bottom:0px;
}


#content table{
width:100%;
border:1px solid #313A7D;
background-color:white;
border-collapse:collapse;

}

#content .halfsize {
width:50%}

#content .title{
background-color:#67717D;
color:white;
font-weight:bold;

}
#content td{
empty-cells:show;
padding:4px;
font-size:12px;

}

#content input{
background-color:#E7EBEE;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
/*height:16px;*/
margin-bottom:2px;
margin-top:1px;
padding-left:4px;
padding-right:4px
}
#content textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E7EBEE;
	border:1px solid #67717D;
	font-size:12px;
	}

#content select{
background-color:#E7EBEE;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
height:20px;
margin-bottom:2px;
margin-top:1px;
}

#content .plain{
border:none;
background-color:white;
}
#content a.plain{
margin:0px;
border:none;
}
#content .srcinput{
margin:0px;
padding:0px;
border:none;
}
#content .button{
background-color:white;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
border-bottom:2px solid #67717D;
border-right:2px solid #67717D;
height:20px;

margin-bottom:2px;
margin-top:1px;
}
#content .button:hover{
color:black;
background-color:#E7EBEE;
border:1px solid black;
border-bottom:2px solid black;
border-right:2px solid black;

}

#content h2{font-size:16px;color:#67717D}
#content h3{font-size:16px;margin-bottom:0px;color:#67717D}

#verticalads {
background-color:#FFFFFF;
/*min-height:500px;*/
position:absolute;
	left: 876px;
	top: 214px;
}
#verticalads a img{margin:0px;border:none}


#contentfooter {
background-image: url("/images/bluestyle/footer.jpg");
width:838px;
height:48px;
position:relative
}


#footer {
width:838px;
background-color:white;
text-align:center;
font-size:10px;
font-family:tahoma,verdana, arial;
}
#footer a{color:#333333;text-decoration:none}
#footer a:hover{color:black;text-decoration:underline}

#content .small_note { color:#000000; font-size:7pt; }

#content .plain {border:none;}

#content .errors {color:red; }
.errors {color:red; }
.error {color:red; }


#faq .faq_section_title {
text-align:center;
background-color:#FFFF98;
color:#313A7D;
font-size:16px;
border-bottom:1px dotted gray;
font-weight:normal;
border-top:1px dotted gray;
padding:0px;
height:22px
}
#faq-print .faq_section_title {
text-align:center;
background-color:#FFFFFF;
color:#313A7D;
font-size:16px;
border-bottom:1px dotted gray;
font-weight:normal;
border-top:1px dotted gray;
padding:0px;
height:22px
}


#faq .maintable {background-color:#FFFFFF;border:1px solid silver;color:#67717D;padding-left:20px}
#faq-print .maintable {border:none;width:90%;padding:0px}

#faq td {padding:10px}

#faq b{font-weight:normal;color:black}

#faq li{line-height:20px}

#faq a img{border:none;margin:2px}


#faq h1{
color:#313A7D;
font-size:13px;
margin-bottom:0px;
}

#faq h2{
color:gray;
font-size:13px;
margin-bottom:0px;
}

#faq h3{
color:#313A7D;
font-size:13px;
margin-bottom:0px;
font-weight:normal;
}

/*a img{border-bottom:3px solid white;margin:-4px} *//*general image links*/

#tabcontainer a img{border:none;margin:0px;} /*tab area */




#vdesk b{
color:#313A7D;
font-weight:normal
}

#vdesk a{
color:#313A7D;
text-decoration:underline;
/*border-bottom:1px solid blue;*/
}


#vdesk a:hover{
color:black;
text-decoration:none;
/*border-bottom:1px solid black;*/
}


#vdesk a.noline{border:none;text-decoration:none}
#vdesk a.noline:hover{border:none;text-decoration:none}

#vdesk table{
border:1px solid #313A7D;
background-color:white;
border-collapse:collapse;
}

#vdesk h1{
color:#777777;
font-size:14px;
margin-bottom:0px;
}


#vdesk td{
padding:0px;
empty-cells:show;
font-size:12px;
}

#vdesk input{
background-color:#E7EBEE;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
height:16px;
margin-bottom:2px;
margin-top:1px;
padding-left:4px;
padding-right:4px
}


#vdesk select{
background-color:#E7EBEE;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
height:20px;
margin-bottom:2px;
margin-top:1px;
}

#vdesk .plain{
border:none;
background-color:white;
}
#vdesk a.plain{
margin:0px;
border:none;
}
#vdesk .srcinput{
margin:0px;
padding:0px;
border:none;
}
#vdesk .button{
background-color:white;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
border-bottom:2px solid #67717D;
border-right:2px solid #67717D;
height:20px;

margin-bottom:2px;
margin-top:1px;
}
#vdesk .button:hover{
color:black;
background-color:#E7EBEE;
border:1px solid black;
border-bottom:2px solid black;
border-right:2px solid black;

}

.backlink {border:none;font-size:14px;color:gray;vertical-align:middle;text-decoration:none} 
a.backlink {border:none;font-size:14px;color:gray;text-decoration:none;font-weight:bold} 
#content .backlink {border:none;font-size:14px;color:gray;vertical-align:middle;text-decoration:none} 
#content a.backlink {border:none;font-size:14px;color:gray;text-decoration:none;font-weight:bold} 

a.calendarlink {border:1px solid #CC99FF;padding-left:6px;padding-right:6px;padding-top:1px;padding-bottom:1px;text-decoration:none}

#content .buttonfull{
background-color:white;
color:#333333;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid #67717D;
border-bottom:2px solid #67717D;
border-right:2px solid #67717D;
height:20px;
margin-bottom:2px;
margin-top:1px;
}

#content .buttonfade{
color:black;
background-color:#E7EBEE;
font-family:tahoma,verdana,arial;
font-size:12px;
border:1px solid black;
border-bottom:2px solid black;
border-right:2px solid black;
font-family:tahoma,verdana,arial;
font-size:12px;
height:20px;
margin-bottom:2px;
margin-top:1px;
}

#content .active_personal_page {border:1px solid #67717D;border-left:none;width:736px;height:539px;overflow:hidden;float:left;
position:absolute;top:0px;left:85px}

#content .pp_shadow {vertical-align:top;position:absolute;left:85px;top:541px}

#reptitle {font-size:18px;width:100%;text-align:center;}


#webpages table{font-size:10px}
#webpages .gray{background-color:#EEEEEE;border:1px solid gray;width:274px}
#webpages .white{background-color:#FFFFFF;border:1px solid silver;width:274px}


#vtable table{width:720px;border:1px solid silver}

#vtable td{padding:0px;}
#vtable .vtitle {color:white;background-color:#333333;font-weight:bold;text-align:center}
#vtable a{border-bottom:none;text-decoration:none;color:#333333}
#vtable a:hover{}
#vtable .message{background-color:#FFFF99;border-top:1px solid silver;text-align:center;vertical-align:middle;}
#vtable .linkcell{width:120px;background-color:#e7e7e7;text-align:center;border:none}
#vtable .acname{padding:4px;width:120px;font-weight:bold;background-color:white;text-align:left;}
#vtable .tabletitle {font-weight:bold;color:#006699;text-align:center;font-size:14px}
#vtable .premiumacname {padding:4px;color:black;text-align:left;width:120px;font-weight:bold;background-color:white;text-align:left;border-top:1px solid silver;border-bottom:none}
#vtable .prlinkcell{width:120px;background-color:#e7e7e7;text-align:center;border-top:1px solid silver;border-bottom:none}
#vtable .parentname{padding:4px;width:120px;font-weight:bold;background-color:white;text-align:left;}
#vtable .parentcell{width:120px;background-color:#e7e7e7;text-align:center;border-top:none;border-bottom:none}
#vtable .noborder{border-top:none}
#vtable a.yesbutton{text-decoration:none;border:none;background-color:#B6D2DC;font-weight:bold;color:black;border:1px solid gray;height:18px}
#vtable a.yesbutton:hover{background-color:#FFFF00}
#vtable .maintenance{background-color:white}
#vdeskwood {background-image:url(/images/parent_page/ply.gif);width:840px;margin:0;padding:0}
#vdeskchrome {margin-left:18px;width:843px;}
#vtable table{margin:0;padding:0;border-collapse:collapse;background-color:white}
#vdeskchrome table.desk{width:843px;margin:0;padding:0;border-collapse:collapse}
#vdeskchrome td.top{background-image:url(/images/parent_page/chrometop.gif);background-repeat:no-repeat;width:843px;height:38px;margin:0;}
#vdeskchrome td.middle{background-image:url(/images/parent_page/chrome.gif);background-repeat:repeat-y;width:843px;margin:0;}
#vdeskchrome td.bottom{background-image:url(/images/parent_page/chromebottom.gif);background-repeat:no-repeat;width:843px;height:38px;margin:0;}
a.CourseId {text-decoration: none; padding: 2px; border:solid 2px #FF0000;}
a.CourseIdSelected {text-decoration: none; padding: 2px; border:solid 2px #FF0000;}
a.CourseId:hover {text-decoration: none; padding: 2px; border:solid 2px yellow;}
a.CourseIdSelected:hover {text-decoration: none; padding: 2px; border:solid 2px yellow;}

#starlite{width:196px;height:460px;background-color:white;border:1px solid #006599;display:none;position:fixed;left:100px;top:150px;text-align:center;padding:10px}

