/*  --------------------------------------
	Colors:
		body:		#1b1c1e
		green:		#99f522
		gray:		#969696
	-------------------------------------- */


body {
	background: #1b1c1e url(background.jpg) repeat-x top;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 14px;
}
#banner {
	margin: 0;
	padding: 0;
	font-size: 1px;
	text-indent: -5000px;
	background: url(logo.gif);
	height: 115px;
	width: 342px;
}

/* ---- TEXT STYLES ---- */

h1, h2, h3, h4, h5, h6 {
	color: #99f522;
	margin: 0;
}
h1 { font-weight: normal }
h2 {
	font-weight: normal;
	font-size: 24px;
}
h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: bold;
}
p, ul { margin-top: 0 }
a { color: #99f522; cursor: pointer }
a:hover { color: #fff }
img, a img { border: 1px solid #fff; text-decoration: none; }
a:hover img { border-color: #99f522; }

/* ---- NAVIGATION ---- */

#nav {
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav a {
	color: #969696;
	text-decoration: none;
	margin-left: 18px;
	padding-left: 40px;
	height: 36px;
	line-height: 36px;
	font-size: 20px;
	background-position: 0 0;
	background: no-repeat;
	display: block;
}
#nav a:hover {
	color: #99f522;
	background-position: 0 -36px;
}
#nav a.active {
	color: #fff;
	background-position: 0 -72px;
}
#home a { background-image: url(navhome.gif) }
#program a { background-image: url(navprog.gif) }
#instructor a { background-image: url(navinst.gif) }
#students a { background-image: url(navstud.gif) }
#facility a { background-image: url(navfaci.gif) }
#television a { background-image: url(navtele.gif) }
#news a { background-image: url(navnews.gif) }
#tbtv a { background-image: url(navalien.gif) }

/* ---- MAIN ---- */

#main {
	margin-left: 250px;
	margin-right: 320px;
	width: auto;
	padding: 20px;
	background: url(mainbkg.gif) repeat-y left;
}

/* ---- SECONDARY ---- */

#secondary {
	float: right;
	width: 318px;
	position: absolute;
	top: 116px;
	right: 0;
	text-align: center;
	padding: 20px 0;
}
#secondary .caption {
	display: block;
	font-size: 12px;
	margin: 0 20px 1em;
	color: #969696;
}
#secondary a:hover .caption {
	color: #fff;
}
#secondary h1, #secondary h2, #secondary h3 {
	margin-bottom: .5em;
}

/* ---- FOOTER ---- */

#footer {
	margin-left: 250px;
	padding: .5em 1em;
	background: url(mainbkg.gif) repeat-y left;
	font-size: 12px;
	color: #969696;
}
#footer span {
	margin: 0 1em;
}

/* ---- FORMS ---- */

form#login {
	width: 250px;
}
form#login fieldset {
	border: 0;
	text-align: center;
}
input.submit {
	background: #969696;
	border: 1px solid #000;
}
form legend {
	font-weight: bold;
	color: #99f522;
	margin-left: -.6em;
}
html>body form legend {
	margin-left: -1em;
}
input {
	background: #ccc;
	border: 1px solid #000;
	padding: 2px;
}
input.submit:hover {
	background: #99f522;
}

/*label {
	float: left;
	clear: left;
	width: 80px;
	text-align: right;
	margin: 7px 0;
}
input.submit {
	float: none;
	margin-top: 1.5em;
	background: #969696;
	border: 1px solid #000;
}*/

/* ---- NEWS ---- */

.postmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 0.9em;
	color: #969696;
	border-top: 1px solid #99f522;
}
h2.newstitle {
	margin-top: .5em;
	padding: 0;
	position: relative;
	right: 3px;
}
html>body h2.newstitle {
	top: 3px;
	right: 0;
}
h2.newstitle span {
	margin: 0;
	padding-top: 1px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 10px;
	background: #99f522 url(posttitle.gif) no-repeat top right;
	color: #1b1c1e;
}

/* ---- TEST CENTER ---- */

table#testresults {
	background-color: #666;
	padding: 0;
	border: 1px solid #000;
}
#testresults td, #testresults th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px;
}
#testresults tr {
	padding: 0;
	margin: 0;
}

#test {
	margin: 50px;
}
#testimage {
	float: left;
}
#test dt, #test dd {
	display: inline;
	margin: 0;
}

/* ---- STUDENT RESOURCES ---- */

div.popup {
	position: absolute;
	visibility: hidden;
	width: 200px;
	border: 1px solid #000;
	background: #ccc;
	padding: 5px;
	color: #000;
	left: 20px;
	font-size: 12px;
}
li.ritem:hover div.popup {
	visibility: visible;
}