/* CSS Document */

body {
	color:#000302;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
}
a {
color:#0E5C4A;
}
a:hover {
text-decoration:none;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
form {
margin:0;
padding:0;
}
img {
border:0 none;
display:block;
}
p {
	margin:20px 0 0;
	text-align: left;
	font-size: 12px;
}
p.no-space {
margin-top:3px !important;
}
h1 {
color:#B9004C;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:23px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
}
h2 {
color:#B9004C;
font-size:18px;
margin:5px 0 0;
}
h2.spacer {
margin-top:20px;
}
h3{font-size:16px;
font-weight:bold;
}
#main {
margin:0 auto;
padding:0 20px;
width:755px;
}
#header {
overflow:hidden;
padding-top:12px;
position:relative;
width:100%;
}
a.logo {
background:transparent url(../images/logo.gif) repeat scroll 0 0;
height:50px;
left:5px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
top:30px;
width:321px;
}
.search-form {
float:right;
padding-bottom:12px;
}
.search-form .text {
background:#BBECE0 none repeat scroll 0 0;
border:1px solid #1B1718;
color:#000302;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:16px;
line-height:normal;
padding:3px 2px;
width:163px;
}
.search-form .search-btn {
margin:7px 6px 0 0;
}
.search-form input {
float:left;
}
.top-links {
	clear:both;
	float:right;
	font-weight:bold;
	text-transform:uppercase;
}
.top-links li {
display:inline;
padding-left:10px;
}
.top-links a {
color:#009D7A;
text-decoration:none;
}
.top-links a:hover {
color:#000000;
}
.header-slogan {
clear:both;
color:#FF5C00;
float:right;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-top:4px;
}
ul#top-nav {
background:#105242 url(../images/topnav-bg.gif) repeat-x scroll 0 0;
clear:both;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin-top:5px;
text-align:center;
width:100%;
}
ul#top-nav li {
background:transparent url(../images/topnav-separ.gif) no-repeat scroll 0 50%;
display:inline;
line-height:40px;
padding:0 3px 0 9px;
}
ul#top-nav li.first {
background:transparent none repeat scroll 0 0;
padding-left:5px;
}
ul#top-nav a {
color:#FFFFFF;
text-decoration:none;
}
ul#top-nav a:hover, ul#top-nav .active a {
color:#ECD5AF;
}
ul#bottom-nav {
background:#105242 url(../images/topnav-bg.gif) repeat-x scroll 0 0;
clear:both;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin-top:0;
text-align:center;
width:100%;
}
ul#bottom-nav li {
background:transparent url(../images/topnav-separ.gif) no-repeat scroll 0 50%;
display:inline;
line-height:30px;
padding:0 3px 0 9px;
}
ul#bottom-nav li.first {
background:transparent none repeat scroll 0 0;
padding-left:5px;
}
ul#bottom-nav a {
color:#FFFFFF;
text-decoration:none;
}
ul#bottom-nav a:hover, ul#bottom-nav .active a {
color:#FFCE93;
}

#content {
margin-right:-1px;
overflow:visible;
}
.tophome-row {
overflow:hidden;
padding-top:1px;
width:100%;
}
.tophome-cell {
background:#A4D767 none repeat scroll 0 0;
float:left;
margin-right:1px;
}
.tophom-leftcell {
text-align:right;
}
.tophom-rightcell {
text-align:left;
}
.tophome-cell a {
background:transparent url(../images/row-o.gif) no-repeat scroll 100% 50%;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:25px;
padding-right:13px;
text-decoration:none;
text-transform:uppercase;
}
.tophom-leftcell a {
margin-right:68px;
}
.tophom-rightcell a {
margin-left:47px;
}
.tophome-cell a:hover {
text-decoration:underline;
}
.bottomhome-row {
overflow:hidden;
width:100%;
}
.bottomhome-row a {
font-size:11px;
letter-spacing:0;
}
.bottomhome-row a:hover {
text-decoration:underline;
}
.bottomhome-cell1 {
background:#007FAC none repeat scroll 0 0;
float:left;
margin-right:2px;
margin-top:2px;
width:130px;
}
.bottomhome-cell1 a, .cell2-include a {
background:transparent url(../images/row-c.gif) no-repeat scroll 100% 50%;
color:#FFFFFF;
font-weight:bold;
line-height:27px;
margin-left:6px;
padding-right:13px;
text-decoration:none;
}
.bottomhome-cell1 a {
background:transparent url(../images/row-c.gif) no-repeat scroll 100% 50%;
}
.bottomhome-cell2 {
float:left;
width:171px;
}
.cell2-include {
background:#009D7A none repeat scroll 0 0;
margin-top:2px;
}
.cell2-include a {
background:transparent url(..../images/row-v.gif) no-repeat scroll 100% 50%;
}
.bottomhome-cell3 {
background:transparent url(../images/blue-gradient.gif) repeat-x scroll 0 0;
float:left;
font-size:11px;
font-weight:bold;
line-height:14px;
min-height:219px;
padding:0 11px;
width:166px;
}
.bottomhome-cell3 {
height:219px;
}
.bottomhome-cell3 p {
margin:10px 0;
}
#news {
padding:14px;
}
ul#sub-nav {
background:url(../images/subnav.gif);
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:30px;
text-align:center;
width:755px;
}
ul#sub-nav li {
float:left;
padding:0 5px 0 12px;
position:relative;
z-index:2;
}
ul#sub-nav li a {
color:#00FF00;
text-decoration:none;
}
ul#sub-nav li a:hover, ul#sub-nav li.active a {
color:#009d7a;
}
ul#sub-nav ul {
background:#20BF99 none repeat scroll 0 0;
display:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
left:10px;
letter-spacing:normal;
line-height:normal;
overflow:hidden;
position:absolute;
text-align:left;
top:30px;
width:177px;
}
ul#sub-nav li:hover ul, ul#sub-nav li.hover ul {
display:block;
}
ul#sub-nav ul li {
border-top:1px solid #555555;
display:block;
line-height:normal;
margin-top:-1px;
padding:0;
width:177px;
}
ul#sub-nav ul li a {
color:#FFFFFF !important;
display:block;
height:1%;
line-height:22px;
padding:0 6px;
}
ul#sub-nav ul li a:hover {
background:#105746 none repeat scroll 0 0;
}
.right-holder {
	float:right;
	padding-top:0px;
	width:750px;
	position: absolute;
	left: 210px;
	top: 285px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.right-holder ul li {
background:transparent url(../images/dot.gif) no-repeat scroll 14px 14px;
padding:8px 0 0 25px;
}
.right-holder ol li {
background:transparent none repeat scroll 0 0;
}
.student-holder {
float:right;
width:231px;
}
.video-holder {
width:330px;
float:right;
padding:10px 10px 10px 10px;
}
.calendar-holder {
display:block;
float:right;
margin:10px 10px 10px 20px;
padding-left:15px;
width:145px;
}
.course-holder {
float:right;
padding-left:8px;
width:231px;
}
.student-holder em {
color:#FF7101;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:31px;
padding:0 20px 0 49px;
}
.left-holder {
	float:left;
	padding-top:15px;
	width:181px;
	position: absolute;
	left: 39px;
	top: 515px;
}
#left-nav {
height:1%;
line-height:17px;
overflow:hidden;
padding:0 30px 10px 11px;
}
#left-nav li {
	float:left;
	width:100%;
}
#left-nav li a {
background:transparent url(../images/row-leftnav.gif) no-repeat scroll 0 4px;
color:#000000;
display:block;
font-weight:bold;
padding-left:12px;
text-decoration:none;
}
#left-nav li a:hover {
background:transparent url(../images/row-leftnav.gif) no-repeat scroll 0 4px;
color:#B9004C;
}
.left-ads {
padding-top:10px;
}
.left-ads li {
padding-bottom:5px;
width:100%;
}
.content-list li {
padding-top:20px;
}
.content-list strong {
color:#FF7101;
}
.content-list ul {
padding:0 13px;
}
.content-list ul li {
background:transparent url(../images/dot.gif) no-repeat scroll 0 8px;
padding:2px 0 0 6px;
}
#breadcrumb {
color:#FF7101;
font-size:10px;
margin:-12px 0 -1px;
}
#breadcrumb li {
background:transparent none repeat scroll 0 0;
display:inline;
padding:0;
}
#breadcrumb a {
color:#FF7101;
text-decoration:none;
}
#breadcrumb a:hover {
text-decoration:underline;
}
#footer {
	overflow:hidden;
	padding-top:30px;
	width:900px;
	top: 903px;
	position: relative;
	float: left;
	margin-left: 50px;
	left: auto;
}
.footer-content {
	float:right;
	text-align:center;
	width:100%;
}
.footer-content p {
margin:0;
}
.footer-content ul {
text-align:center;
}
.footer-content ul li {
background:transparent url(../images/footer-separator.gif) no-repeat scroll 0 50%;
display:inline;
padding:0 1px 0 8px;
}
.footer-content ul li.first {
background:transparent none repeat scroll 0 0;
}
/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); 
/* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
size12 {
	font-size: 12px;
}
/* Fixes the dotted border on active links issue in Firefox */
a:active, a:focus {outline: 0 !important;}