@charset "UTF-8";
/* CSS Document */

body    {  margin: 0; padding: 0; color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;  background-color: #2b75a1; }
* {
	margin: 0;
	padding: 0;
	color: #000;
}
div#mainbody    {
	width: 946px;
	margin: 10px auto 0 auto;
	text-align: left;
	background-color: #ffffff;
}
/* Header styling */
div#header	{ width: 940px; height:157px; text-align: center; margin: 0 0 0 0; padding: 0; }

/* Button bar styling */
#navbuttons     {height: 23px; background-image: url("artwork/nav_bkg2.gif"); background-repeat: repeat-x; padding: 5px 0 0 0; margin: 0px; }
ul#navbar { list-style-type: none; font: normal 14px arial, verdana, sans-serif; text-align: center; padding: 2px 0px 2px 4px; }
ul#navbar li {display: inline; font: normal 14px arial, verdana, sans-serif; }
ul#navbar li a { padding: 7px 2px 5px 2px; color: #ffffff; text-decoration: none; margin-right: 5px; margin-left: 5px; }
ul#navbar li.selected a {background-color: #2b75a1; color: #00ffbb; }
ul#navbar a:hover {background-color: #2b75a1; color: #ff0000; }

/* Home Page Button bar styling */
div#content #homenavbuttons  {height: 23px; background-image: url("artwork/nav_bkg2.gif"); background-repeat: repeat-x; padding: 0px; margin: 0px 4px 0px 0px; }
div#content ul#homenavbar { list-style-type: none; font-weight: bold 14px arial, verdana, sans-serif; text-align: center; padding: 2px 4px 2px 4px; }
div#content ul#homenavbar li {display: inline; font: normal 14px arial, verdana, sans-serif; }
div#content ul#homenavbar li a { padding: 2px 2px 5px 2px; color: #ffffff; text-decoration: none; margin-right: 10px; margin-left: 10px; }
div#content ul#homenavbar li.selected a {background-color: #2b75a1; color: #00ffbb; }
div#content ul#homenavbar a:hover {
	background-color: #2b75a1;
	color: #ff0000;	font-weight: bold;
}

/* Left Column Style */
#leftcol	{
	padding:3px;
	background-color:#bbd5ee;
	
	border: 4px #2b75a1 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 5px 5px 3px #aaa; /* Firefox */
	-webkit-box-shadow: 5px 5px 3px #aaa; /* Safari and Chrome */
	box-shadow: 5px 5px 3px #aaa;
}

/* Left Bottom Column Style */
#leftbotcol	{
	padding:3px;
	background-color:#bbd5ee;
	
	border: 4px #2b75a1 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 5px 5px 3px #aaa; /* Firefox */
	-webkit-box-shadow: 5px 5px 3px #aaa; /* Safari and Chrome */
	box-shadow: 5px 5px 3px #aaa;
}

#rightcol	{
	padding:3px;
	background-color:#2b75a1;
	
	border: 4px #bbd5ee solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 5px 5px 3px #aaa; /* Firefox */
	-webkit-box-shadow: 5px 5px 3px #aaa; /* Safari and Chrome */
	box-shadow: 5px 5px 3px #aaa;
}
/* Center Column Style */
#centercol	{
	margin:10px auto;
	padding:5px;
	background-color:#bbd5ee;
	text-align:left;
	
	border: 4px #2b75a1 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 5px 5px 3px #aaa; /* Firefox */
	-webkit-box-shadow: 5px 5px 3px #aaa; /* Safari and Chrome */
	box-shadow: 5px 5px 3px #aaa;
}
#centercolc	{   /*center column, with text in center*/
	margin:10px auto;
	padding:5px;
	background-color:#bbd5ee;
	text-align:center;
	
	border: 4px #2b75a1 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 5px 5px 3px #aaa; /* Firefox */
	-webkit-box-shadow: 5px 5px 3px #aaa; /* Safari and Chrome */
	box-shadow: 5px 5px 3px #aaa;
}
#tabcol	{
	margin:0px auto 10px auto;
	padding:15px 5px 15px 5px;
	background-color:#bbd5ee;
	
	border-top: none;
	border-left: 4px #2b75a1 solid;
	border-right: 4px #2b75a1 solid;
	border-bottom: 4px #2b75a1 solid;
	-moz-border-radius: 10px;
	border-radius: 0px 0px 10px 10px;
	
	-moz-box-shadow: 5px 5px 3px #aaa; /* Firefox */
	-webkit-box-shadow: 5px 5px 3px #aaa; /* Safari and Chrome */
	box-shadow: 5px 5px 3px #aaa;
	
	width:80%;
}
/* Table Head Style */
div#content .thead {
	height: 23px;
	color: #ffffff;
	background-image: url("artwork/nav_bkg2.gif");
	background-repeat: repeat-x;
	padding: 4px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
}
a img	{
	border: 1;
	border-color: #000;
}

/* Button Style */
div#content .hbutton {height: 23px; background-image: url("artwork/nav_bkg2.gif"); background-repeat: repeat-x; padding: 8px 5px 0px 5px; margin: 0px 0px 0px 0px; }
div#content .hbutton a {padding: 8px 2px 5px 2px; color: #ffffff; font-weight: normal; text-decoration: none; margin: 6px 5px 0px 5px;  }
div#content .hbutton a:hover {background-color: #2b75a1; color: #ff0000; font-weight: normal; }

/* News Tabs */
div#content ul.newstabs {border-bottom: 2px solid #535165; list-style-type: none; font: bold 13px arial, verdana, sans-serif; text-align: center; padding: 3px 4px 3px 4px; }
div#content ul.newstabs li {display: inline; }
div#content ul.newstabs li a {padding: 3px 12px; border: 2px solid  #2b75a1; background-color: #2b75a1 ; color: #fff; text-decoration: none; margin-right: 40px; margin-left: 0px; border-bottom: none; }
div#content ul.newstabs li.sel a {background-color: #bbd5ee; color: #000; position: relative; top: 2px; padding-top: 3px; }
div#content ul.newstabs a:link {text-decoration: none; }
div#content ul.newstabs a:visited {text-decoration: none; }
div#content ul.newstabs a:hover {color: #00ffbb;background: #bbd5ee;}
div#content ul.newstabs a:active {text-decoration: none; }

/* Archives Tabs */
div#content ul.archivetabs {border-bottom: 2px solid #2b75a1; list-style-type: none; font: bold 13px arial, verdana, sans-serif; text-align: center; padding: 3px 4px 3px 4px; }
div#content ul.archivetabs li {display: inline; }
div#content ul.archivetabs li a {padding: 3px 6px; border: 2px solid  #2b75a1; background-color: #2b75a1 ; color: #fff; text-decoration: none; margin-right: 2px; margin-left: 0px; border-bottom: none; 
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
div#content ul.archivetabs li.sel a {background-color: #bbd5ee; color: #000; position: relative; top: 2px; padding-top: 3px; }
div#content ul.archivetabs a:link {text-decoration: none; }
div#content ul.archivetabs a:visited {text-decoration: none; }
div#content ul.archivetabs a:hover {color: #ff0000;background: #2b75a1;}
div#content ul.archivetabs a:active {text-decoration: none; }

/* Student Tabs */
div#content ul.studenttabs {border-bottom: 2px solid #2b75a1; list-style-type: none; font: bold 13px arial, verdana, sans-serif; text-align: center; padding: 3px 4px 3px 4px; }
div#content ul.studenttabs li {display: inline; }
div#content ul.studenttabs li a {padding: 3px 6px; border: 2px solid  #2b75a1; background-color: #2b75a1 ; color: #fff; text-decoration: none; margin-right: 2px; margin-left: 0px; border-bottom: none; 

	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
div#content ul.studenttabs li.sel a {background-color: #bbd5ee; color: #000; position: relative; top: 2px; padding-top: 3px; }
div#content ul.studenttabs a:link {text-decoration: none; }
div#content ul.studenttabs a:visited {text-decoration: none; }
div#content ul.studenttabs a:hover {color: #ff0000;background: #2b75a1;}
div#content ul.studenttabs a:active {text-decoration: none; }

/* Round Box Styles */
td.roundtl {width: 10px; height: 10px; background-image: url('artwork/stl.gif'); background-repeat: no-repeat; background-position:top left; }
td.roundtr {width: 10px; height: 10px; background-image: url('artwork/str.gif'); background-repeat: no-repeat; background-position:top right; }
td.roundbl {width: 10px; height: 10px; background-image: url('artwork/sbl.gif'); background-repeat: no-repeat; background-position:bottom left; }
td.roundbr {width: 10px; height: 10px; background-image: url('artwork/sbr.gif'); background-repeat: no-repeat; background-position:bottom right; }
td.roundside {width: 10px; background-color: #ffffff; }
td.roundhoriz {height: 10px; background-color: #ffffff; }
td.roundcontent {background-color: #ffffff; }

/* accordion header styling */
div.accheader {
	margin: 0 0 10px 0;
}

/* accordion box styling */
div.accbox {
	display: none;
}

/* Footer styling */
div#footer    { font-size: 10px; text-align: center; margin: 5px 0px 0px 0px; padding: 0px 0px 4px 0px; background-color: #ffffff; }
div#copy { color: #000000; font-size: 10px; text-align: center; margin-top: 8px; padding-top: 10px 0 0 0; }
div#cci  { color: #000000; font-size: 10px; text-align: center; margin-top: 4px; background-color: transparent; text-decoration: none; background-image: none }
div#cci a { color: #000000; font-size: 10px; text-align: center; margin-top: 4px; text-decoration: none; background-image: none }
div#cci a:hover  {background-color: #2b75a1; color: #ffffff; text-decoration: none; background-image: none }

/* Content styling */
div#content    { font-size: 12px; padding: 8px 0px 8px 0px;  }
/* table cells */
div#content td {
	font-size: 12px;
	padding: 2px;
	text-decoration: none;
}
/* headers */
div#content h1 { font-size: 18px; font-weight: bold; margin: 0px 0px 5px 0px; }
div#content h2 { font-size: 18px; font-weight: normal }
div#content h3 { font-size: 14px; font-weight: bold }
div#content h4 { font-size: 14px; font-weight: normal }
div#content h5 { font-size: 12px; font-weight: bold; margin: 10px 0px 10px 0px; }
/* links */
div#content a { color: #006; }
div#content a:hover { background-color: #2b75a1; color: #ffffff; }
/* lists */
div#content ul   { margin: 0; padding: 0 0 0 20px }
div#content li   { font-size: 12px; margin: 0; padding: 0 }
div#content ul li ul   { margin-top: 10px ; margin-bottom: 10px ; }
div#content ol   { margin: 0; padding: 0 0 0 20px }


div#content ul.dlist   { margin: 0; padding: 0 0 0 20px }
div#content ul.dlist li   { font-size: 12px; margin: 0 0 10px 0 ; padding: 0 }
/*div#content ul li ul   { margin-top: 10px ; margin-bottom: 10px ; }
div#content ol   { margin: 0; padding: 0 0 0 20px }*/


div#content td .hangpara { text-indent: -18px ; padding: 0 0 0 20px; }
div#content td .hangpara ul { padding: 0 0 0 20px; }
div#content td .hangpara ul li { padding: 0 0 0 20px; }

label {text-align: right; }

/* Form styling */
div#content fieldset {padding: 0.5em; border:1px solid #2b75a1; }
div#content legend {color:#2b75a1; font-size: 10px; }
div#content input    { color: black; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
div#content textarea { color: black; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
div#content option   { color: black; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
div#content select   { color: black; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding:2px; }
div#content label   { color: black; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
/* Other styling */
div#content .crpoint	     { cursor: pointer; }
div#content .headrow 	   { font-size: 10px; font-weight: bold; background-color: #2b75a1 }
div#content .evenrow 	   { font-size: 10px; background-color: #bbd5ee }
div#content .oddrow	  	 { font-size: 10px; background-color: #ffffff }
div#content .evenrowclick { font-size: 10px; background-color: #bbd5ee; cursor: pointer }
div#content .oddrowclick	 { font-size: 10px; background-color: #ffffff; cursor: pointer }
div#content img.map {
	border-color: #2b75a1;
	border-width: 2px;
	border-style: solid;
}

#cci a:hover {color: #000000; text-decoration: none;}
#cci img {
	border:none;
}

.crpoint	{ cursor: pointer; }

/* Popup Form styling */
#logincontent .bigbold, #newaccountcontent .bigbold {
	font-size: 14px;
	color: #2b75a1;
	font-weight: bold; 
} 
#logincontent .smallblue, #newaccountcontent .smallblue {
	font-size: 12px; 
	font-weight: normal;
	color: #000000;
}
#loginform, #newaccountform { 
	padding:5px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align:left;
}
#loginform table, #newaccountform table { 
	margin-left: 0px;
}
#loginform #responsemessage, #newaccountform #newresponsemessage { 
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:8px;
}
.errortext	{color:#ff0000;}
.successtext	{color:#00ffbb;}

div#loginform fieldset, div#newaccountform fieldset {padding: 0.5em; border:1px solid #000000; }
div#loginform legend, div#newaccountform legend {color:#000000; font-size: 12px; text-align:left;}
#loginform input,  #newaccountform input   { color: black; font-weight: normal; font-size: 12px;  }
#loginform textarea, #newaccountform textarea { color: black; font-weight: normal; font-size: 12px;  }
#loginform .label, #newaccountform .label   { 
	color: #000000; 
	font-weight: normal; 
	font-size: 12px; 
	text-align:right;
	margin-left:1px;
}

div#login, div#newaccount	{
	border: 4px #2b75a1 solid;
	display: none;
	position: absolute; 
	top: 100px;
	left: 178px; 
	width: 400px; 
	padding: 4px;
	background-color: #bbd5ee;
	z-index: 10; 
}
div#loginhide	{
	border: #2b75a1 1px solid; 
	float: right;
	width: 30%;
	color: #2b75a1;
	background-color: #bbd5ee;
}
div#closeclear{
	clear:both;
}

/* Table Sort Styling */
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #2b75a1;
	border: 1px solid #2b75a1;
	font-size: 10px;
	padding: 4px 20px 4px 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #000000;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
#content table.tablesorter tbody td {
	font-size: 10px;
}
table.tablesorter tbody tr.odd td {
	background-color:#bbd5ee;
}
table.tablesorter tbody tr.even td {
	background-color:#ffffff;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #00ffbb;
}

