@charset "UTF-8";

/* --- global styles --- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border:0;
}
body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: left;
	color: #000;
}
p, td, th { padding: 0.2em 0 0.5em 0; }
h1, h2, h3 { padding: 0.8em 0 0.2em 0; }
h4 { padding: 0.5em 0 0.2em 0; }
h5, h6 { padding: 0.5em 0 0 0; }
h1 { font-size: 120%; color: #a75; font-weight: normal; }
h2 { font-size: 110%; color: #77a; font-weight: normal; }
h3 { font-size: 90%; color: #a75; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 100%; color: #684; font-weight: bold; }
h5 { font-size: 90%; color: #666; font-weight: bold; }
h6 { font-size: 90%; color: #666; font-weight: bold; }
p, td, th, li { font-size: 85%; color: #000; }
strong, bold { font-size: 83%; color: #000; }
ul, ol { 
	list-style-position: outside;
	margin-left: 20px;
}
a:link, 
a:visited { 
	color: #559; 
	font-size: 85%; 
	line-height: 150%; 
	text-decoration: none; 
	font-weight: bold; 
}
a:focus,
a:hover,
a:active { 
	color: #d70; 
	font-size: 85%; 
	line-height: 150%; 
	text-decoration: none; 
	font-weight: bold; 
}
hr {
	border: 0;
	color: #8b9580;
	background-color:#8b9580;
	height: 2px;
	width: 100%;
	margin: 5px 0;
	text-align: left;
}

table  {
	font-size: 90%;
	width: 90%;
}
table td {
	vertical-align: top;
	padding: 0 10px 5px 0;
}

/* --- layout styles --- */
#header {
	width: 780px;
	height: 40px;
	background: #000;
}
#header img{
	float: left;
}
#header form{
	float: right;
	padding: 10px 10px 0 0;
}
#header form select {
	font-size: 10px;
}
#wrapper { 
	width: 770px;
	background: #fff;
	margin: 10px 0 0 10px;
	text-align: left;
} 
#mainContent { 
	margin: 0 0 0 160px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ddd; 
}

/* --- banner styles --- */
#banner { 
	position: relative;
	background-color: #544540;
	background-position: top left;
	background-repeat: no-repeat;
	width: 740px;
	height: 110px;
	padding: 0 10px 0 20px;
} 
.home #banner { 
	width: 770px;
	height: 200px;
	padding: 0;
} 
.current #banner { 
	background-image: url(../images/banner/currentBanner.gif);
} 
.future #banner { 
	background-image: url(../images/banner/futureBanner.gif);
} 
.administrators #banner { 
	background-image: url(../images/banner/administratorsBanner.gif);
} 
.news #banner { 
	background-image: url(../images/banner/newsBanner.gif);
} 
.info #banner { 
	background-image: url(../images/banner/infoBanner.gif);
} 
#banner ul {
	position: absolute;
	bottom: 3px;
	right: 10px;
	margin: 0;
	padding: 0;
	z-index: 10;
}
#banner li {
	display: inline;
	list-style: none;
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0 3px;
}
#banner a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#banner a:link, #banner a:visited { color:#fff; }
#banner a:focus, #banner a:hover, #banner a:active { color:#da5; }

/* --- navigation styles --- */
#sidebar1 {
	float: left;
	width: 160px;
	padding: 0;
	margin: 6px 0 0 0;
	background: #fff;
	border-right: 1px #ccc solid;
}
#sidebar1 ul, #sidebar1 ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar1 li {
	font-size: 11px;
	color: #666;
	padding: 5px 0 5px 0;
	border-bottom: 1px #ccc solid;
}
#sidebar1 p {
	background: #8b9580;
	color: #fff;
	font-weight: bold;
	padding: 6px 0;
	border-bottom: none;
	text-indent: 10px;
}
#sideNav a {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
	padding-left: 15px;
}
#sideNav a:link,
#sideNav a:visited {
	color: #444;
	background: #fff url(../images/nav/inactive.gif) top left no-repeat;
}
#sideNav a:focus, 
#sideNav a:hover, 
#sideNav a:active {
	color: #d70; 
	background: #fff url(../images/nav/expand.gif) top left no-repeat;
}
#sideNav .subMenu {
	display: block;
	background: #eee;
	margin: 0;
	padding: 0;
}
#sideNav .subMenu li {
	padding: 2px 0;
	margin: 0 0 0 8px;
	border-bottom: none;
	border-right: none;
}
#sideNav .subMenu a {
	background: #eee;
	background-image: none;
}
#sideNav .subMenu a:link, 
#sideNav .subMenu a:visited {
	color: #444;
}
#sideNav .subMenu a:focus, 
#sideNav .subMenu a:hover, 
#sideNav .subMenu a:active { 
	color: #d70;
}
#sideNav .noSub a {
	display: block;
	background-image: none;
	margin-left: 15px;
	padding: 0;
}

/* sidebar 1 login form styles */
#sidebar1 form {
	font-size: 10px;
	background: #ddc;
	margin: 10px 0 0 0;
	padding: 5px 0;
}
#sidebar1 input, #sidebar1 label {
	margin: 5px 0 0 10px;
}
#sidebar1 form p {
	background-color: #ddc;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 3px 0;
}
#sidebar1 form h2 {
	margin: 0 0 3px 10px;
}

/* footer styles */
#footer {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	height: 30px;
	width: 770px;
	background-color:#fff;
	border-top: 4px #ddd solid;
	text-align: center;
}
 #footer p {
	color: #444;
	font-size: 90%;
	padding: 0;
}
#footer ul {
	list-style: none;
	padding: 0;
}
#footer ul li{
	display: inline;
}
#footer a {
	font-weight: normal;
	text-decoration: none;
	padding: 0 5px 0 0 ;
}
#footer a:link, #footer a:visited { color:#444; }
#footer a:hover { color:#d90; }
#footer a:active { color:#444; }
#footer .spacer {
	font-weight: normal;
	font-size: 9px;
}
#institutions {
	width: 760px;
	margin: 0 auto;
}

/* --- print & handheld styles --- */
#cellHeader {
	display: none; 
}
#cellBanner {
	display: none; 
}

/* --- class styles --- */
.alphabet {
	font-size: 90%;
	letter-spacing: 2px;
	margin: 10px 0;
	padding: 0.2em 0 0.3em 0;
	border-top: #ec7 2px solid;
	border-bottom: #ec7 2px solid;
}
.alphabet a:link, .alphabet a:visited { color: #d70;text-decoration: none; font-weight: bold; }
.alphabet a:hover { color: #693; text-decoration: none; font-weight: bold; }
.alphabet a:active { color: #d70;text-decoration: none; font-weight: bold;}

.disclaimer {
	padding-left: 15px;
}
.introBlue {
	font-size: 100%;
	color: #77a;
	font-style: italic;
}
.introTan {
	font-size: 100%;
	color: #a75;
	font-style: italic;
}
.introLime {
	font-size: 100%;
	color: #9d9b5f;
	font-style: italic;
}
.pixLeft {
	float: left;
	margin: 5px 5px 5px 0;
}
.pixRight {
	float: right;
	margin: 5px 0 5px 5px;
}
.hotLink {
	font-size: 90%; 
	color: #a75; 
	font-weight: bold; 
	text-transform: uppercase;
	border-top: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
	margin: 2px 0;
}
.hotLink a:link,
.hotLink a:visited {
	color: #a75; 
}
.hotLink a:focus,
.hotLink a:hover,
.hotLink a:active {
	color: #930;
}