/***********************************/
/***** Remove Browser Defaults ******/
/***********************************/
ul,ol,li,h1,h2,h3,h4,form,body,html,p {margin:0;padding:0;list-style:none;}
img {border:none;}
table, td, th, tr {border:none;background:none;font-weight:normal;text-align:left;}

/***** Main Body Layout *****/
html {background:url(images/background.gif) white;font:normal 12px Verdana, Sans-serif; color:#333;}
#content {width:780px;margin:auto;background:url(images/watermark.gif) white no-repeat bottom right;border:1px #F1F1F1 solid;}

/***** Default Styles *****/
h1 {font:bold 24px Helvetica;text-align:center;}
h2 {font:400 24px Trebuchet;color:#f94b4f;letter-spacing:-1px;margin-left:-15px;}
h2:first-letter {font-weight:600;}
h3 {font:bold 14px Tahoma;}
h4 {font:bold 12px Tahoma;}

a {color:#981a1d;font-weight:bold;font-size:90%;text-decoration:none;}
a:hover {color:#981a1d;font-weight:bold;font-size:90%;text-decoration:underline;}
a:visited {color:#981a1d;font-weight:bold;font-size:90%;text-decoration:none;}

p {padding:5px 0 20px 0px;}
img {float:left;}

.tablelayout th {text-align:right;vertical-align:top;font-weight:bold;font-size:90%;padding:2px 10px 0px 0px;}
.tablelayout td {padding-bottom:15px;vertical-align:top;}

.clearfloats {clear:both;}
.smaller {font-weight:bold;font-size:85%}

/************************/
/***** Main Styling *****/
/************************/
#header {clear:both;width:760px;margin:5px 5px 20px 5px;height:60px;}
#header-main {clear:both;width:760px;margin: 5px 5px 20px 5px;height:140px;}
#content {margin:10px auto;}
#body {margin:auto;width:780px;height:auto;clear:both;overflow:hidden;padding-bottom:10px;}
#footer {padding:8px;margin:10px 5px 5px 5px;height:auto;clear:both;font-size:10px;text-align:center;background:#fbe5e5;}
.content {overflow:hidden;clear:both;padding:15px;width:720px; margin:auto;height:auto;}

/***** Menus *****/
#leftMenu {width:150px;height:100%;float:left;margin:0 10px 0 10px;border-right:1px #fbe5e5 solid;}
#leftMenu h3 {text-align:center;}
#leftMenu li a {display:block;font:normal 11px Arial;width:140px;height:15px;background:#fcedee;margin:3px 0 3px 0;padding-left:5px;border:1px solid #fff;vertical-align:middle;}
#leftMenu li a:hover {border: 1px solid #fcb6b8;cursor:pointer;text-decoration:none;}

#topMenu {width:780px;clear:both;background:url(images/menubarbottom.gif) no-repeat bottom;}
#topMenu ul {width:693px;height:33px;margin:0 auto 0 auto;font-size:11px;}
#topMenu li {float:left;width:97px;height:32px;padding:0 1px 0 1px;text-align:center;}
#topMenu li a {display:block;width:97px;height:32px;padding-top:8px;background:url(images/topmenubutton.gif) top no-repeat;}
#topMenu li a.active {display:block;width:97px;height:32px;padding-top:5px;background:url(images/topmenubuttonover.gif) top no-repeat;}
#topMenu li a:hover {background:url(images/topmenubuttonover.gif) no-repeat;cursor:pointer;text-decoration:none;padding-top:5px;}

/***** Home Page *****/
#contentRight {overflow:hidden;width:570px;height:auto;padding-left:10px;}
#contentRight .missionStatement {text-align:center;font-size:16px;}
#contentRight #links {clear:both;margin:auto;width:280px;}
#contentRight #links .linkTitle {text-align:center;font-size:80%;font-weight:bold;width:280px;padding:15px 0 5px 0;}
#contentRight #links #MCSC {display:block;width:auto;text-align:center;}

/***** Courses *****/
#courses h3 {text-align:center;}

/***** Sessions *****/
.imgLeft {float:left}

/***** Photo Gallery *****/
#photo {width:456px;height:420px;margin:0px auto}

#photo ul {margin:auto;}
#photo ul li {display:inline; width:105px; height:80px; float:left; margin:3px; }
#photo ul li a {width:104px; height:79px; cursor:default; float:left; text-decoration:none; border:2px solid #ddd;}
#photo ul li a:hover {border:2px solid #fcb6b8;}
#photo ul li a img {width:100px; height:75px; border:2px solid #eee;}

/***** Lightbox Gallery *****/
#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; }