body {
background: #ffffff url(../images/background.jpg) repeat;
padding: 0px;
margin: 0px auto;
font: small/1.6em Verdana, Geneva, Helvetica, Arial, sans-serif;
}

* {
margin: 0px;
padding: 0px;
}

/* General Hex Colors for Scientia

Scientia Blue: #0071bc, #005b97
Scientia Grey: #aaaaa9
Dark Blue: #013f67, #013658
Blue-Black: #2f363b, #384046

END Hex Colors */

/* General Font and Paragraph Styling */

p {
	color: #000000;
}

p, h1, h2, h3, h4, h5, h6, li {
	color: #000000;
}

h3 {
	font-weight: normal;
	font-size: 22px;
	color: #000000;
	margin: 8px 4px 0px 12px;
	padding: 0px;
}

h4 {
	font-weight: normal;
	font-size: 20px;
	color: #000000;
	margin: 8px 4px 0px 12px;
	padding: 0px;
}

h5 {
	font-weight: normal;
	font-size: 15px;
	color: #000000;
	margin: 8px 4px 0px 12px;
	padding: 0px;
}


a:link, a:visited, a:active {
	color: #0071bc;
	text-decoration: none;
}

a:hover {
	color: #005b97;
	text-decoration: none;
}

a.replace {
	display: block;
}

a.grey {
	color: #6d6d6d;
}

a.blue {
	color: #0071bc;
}

a.white {
	color: #ffffff;
}

a.black {
	color: #000000;
}


ul {
	list-style-type: none;
	margin: 0px;
}

hr {
	border: none 0px;
	border-top: 2px #0071bc dotted;
	width: 100%;
	height: 2px;
	
}

img {
	padding: 0px;
	margin: 0px;
	border: none;
}

img.left {
	padding: 0px 6px;
	margin: 0px;
	float: left;
}

img.right {
	padding: 0px 6px;
	margin: 0px;
	float: right;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.indent {
	text-indent: 20px
}

.blue {
	color: #0071bc;
}

.bluecenter {
	color: #0071bc;
	text-align: center;
}

.red {
	color: #ff0000;
}

.redcenter {
	color: #ff0000;
	text-align: center;
}

.black {
	color: #000000;
}

.white {
	color: #ffffff;
}

.silver {
	color: #f5f5f5;
}

.grey {
	color: #aaaaa9;
}

.greycenter {
	color: #aaaaa9;
	text-align: center;
}

/* END FONT/PARAGRAPH STYLING */

/* TJK Toggle Definition List Code from http://www.tjkdesign.com/articles/toggle_elements.asp */

/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px}
/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0px;padding:0px} 
/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0px; text-align: left;}
/* image and left padding for DDs */
#TJK_DL dd {background:url(answer.gif) no-repeat;}
/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;padding-left:32px;color:#000;text-decoration:none}
#TJK_DL dt a:visited {color:#000}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {font-weight:bold}
/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(../images/toggleDLplus.gif)}
#TJK_DL .DTminus a {background-image:url(../images/toggleDLminus.gif)}
/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;}

#TJK_ToggleON,#TJK_ToggleOFF {display:none}

/* END TJK TOGGLE DEFINITION LIST */

/* Table, Table Header, and Table Row Layouts and Colors */

table {
	table-layout: auto;
    margin-left: auto;
    margin-right: auto;
    
}

table.schematics {
	table-layout: fixed;
	width: 475px;
	height: 100%;
	border: none;
	padding: 0px;
	margin: auto;
}

table.poster {
	table-layout: fixed;
	width: 475px;
	height: 100%;
	border: 2px #6d6d6d solid;
	margin: auto;
}

table.equipment {
	table-layout: fixed;
	width: 550px;
	height: 100%;
	border: 2px #6d6d6d solid;
	margin: auto;
}

table.gallery {
	table-layout: auto;
    padding: 2px;
	margin: 0px;
}

table.gallery p, table.gallery p a img {
	padding: 0px;
	margin: 0px;
}

table.information {
	table-layout: fixed;
	width: 550px;
	height: 100%;
	margin: auto;
}

th.blue {
	background: #015b97;
	line-height: 15px;
	height: 25px;
	text-align: center;
}

th h4 {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

tr.ltgrey {
	background: #c0c0c0;
}
		
tr.silver {
	background: #f5f5f5;
}

td {
	padding: 4px;
}

td.top {
	vertical-align: top;
}

td.center {
	text-align: center;
}

td.form-label {
	text-align: right;
	font-weight: bold;
}

td.right {
	text-align: right;
}

/* END ALL TABLE STYLING */


/* DIV styling for layout and presentation */

#pageContainer {
	padding: 0px;
	margin: 10px auto;
	width: 776px;
}

#header {
	width: 776px;
	height: 75px;
	padding: 0px;
	margin: 0px;
}

	#header p {
		padding: 0px;
		margin: 0px;
	}

#eventSplash {
	background: #005b97 url(../images/headerbg.jpg) repeat-x;
	width: 776px;
	height: 194px;
	padding: 0px;
	margin: 0px;
}

	#events {
		background: url(../images/eventspanel.jpg) no-repeat top center;
		width: 174px;
		height: 194px;
		padding: 0px 10px;
		margin: 0px;
		line-height: 17px;
		float: left;
		
	}
	
		#events p {
			padding: 0px 10px;
			font-size: x-small;
		}

	#contact {
		background: url(../images/contactpanel.jpg) no-repeat top left;
		width: 174px;
		height: 194px;
		padding: 0px 10px 0px 0px;
		margin: 0px;
		line-height: 17px;
		float: right;
		
	}
	
		#contact p {
			padding: 0px 10px;
			font-size: x-small;
		}

	#contentSplash {
		background: url(../images/contentsplashpanel.gif) no-repeat top left;
		width: 388px;
		height: 194px;
		padding: 0px;
		margin: 0px 10px 0px 194px;
	}

	#contentSplash p, #contentSplash img, #contentSplash p img {
		padding: 0px;
		margin: 0px;
	}	
	
	
#mainContent {
	background: #aaaaa9 url(../images/contentbg.jpg) no-repeat;
	width: 776px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	clear: both;
}

		
#navMenu {
	background: url(../images/navmenu.gif);
	width: 776px;
	height: 25px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	line-height: 25px;
	clear: both;
}

/* CSS Drop-Down List */

#nav, #nav ul { /* all lists */
	padding: 0px 16px;
	margin: 0px;
	list-style: none;
	font-weight: bold;	
}

#nav a {
	display: block;
	width: 182px;
	padding: 0px 2px;
	color: #ffffff;
}

#nav li { /* all list items */
	float: left;
	width: 182px; /* width needed or else Opera goes nuts */
}

#nav li.divider { /* all list items */
	background: url(../images/navmenudivider.jpg) left no-repeat;
	float: left;
	width: 182px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 182px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	border-bottom: #f5f5f5 1px solid;
}

#nav li a:hover {
	/*background-color: #CFD5EE;*/
	background-color: #0071bc;
}
/*
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/*background: #7d7d7d;
	border: #525252 2px solid;
	left: auto;
}
*/
/* END CSS Drop-Down List */	
	


#sideNav {
	width: 174px;
	padding: 0px 10px;
	margin: 0px;
	float: left;
}
	
	#sideNav hr {
		border: none 0px;
		border-top: #ffffff 2px solid;
		width: 100%;
		height: 2px;
	}
	
	#sideNav p, #inlineMenu p {
		color: #f5f5f5;
		font-size: x-small;
		padding: 0px 10px;
		margin: 0px;
	}
	
	#sideNav p.indent {
		padding: 0px 4px;
		margin: 0px;
	}
	
	
	#sideNav p.xxsmall {
		font-size: xx-small;
		line-height: 12px;
	}
	
	#sideNav h5, #sideNav h5 a {
		margin: 0px;
		padding: 4px 0px;
		color: #000000;
		text-align: center;
}
	
	#sideNav ul, #inlineMenu ul {
		list-style: disc;
		padding: 2px 0px 2px 25px;
		text-indent: 0px;
		margin: 0px;
		color: #ffffff;
	}
	
	#sideNav li, #sideNav li a, #inlineMenu li, #inlineMenu li a {
		color: #ffffff;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}
	
	#sideNav ul.none, #inlineMenu ul.none {
		list-style: none;
		padding: 2px 0px 2px 20px;
		margin: 0px;
		color: #ffffff;
	}

	#sideNav a:hover, #inlineMenu a:hover {
		color: #000000;
		text-decoration: none;
	}
	
	#navPanelEGTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelEGMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelEGBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelNewsTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelNewsMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelNewsBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelSSTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelSSMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelSSBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelITTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelITMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelITBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelCSTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelCSMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelCSBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelMSTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelMSMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelMSBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelEPTop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelEPMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelEPBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#navPanelFETop {
		background: url(../images/optionpanelbluetop.gif) no-repeat;
		width: 174px;
		height: 124px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelFEMiddle {
		background: url(../images/optionpanelbluemiddle.gif) repeat-y;
		width: 174px;
		padding: 0px;
		margin: 0px;
	}
	
	#navPanelFEBottom {
		background: url(../images/optionpanelbluebottom.gif) no-repeat;
		width: 174px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
			
#contentPanel {
	width: 572px;
	padding: 0px 10px 6px 0px;
	margin: 0px;
	float: right;
}

	#contentPanelTop {
		background: url(../images/contentpaneltop.gif) no-repeat;
		width: 572px;
		height: 15px;
		padding: 0px;
		margin: 0px;
		line-height: 10px;
	}

	#content {
		background: #ffffff;
		width: 572px;
		padding: 0px;
		margin: 0px;
	}
	
	/* Content Styling */
		

		#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
			padding: 8px 13px 6px 13px;
			margin: 0px;
		}
		
		#content ul {
			list-style: disc;
			padding: 0px 0px 0px 40px;
			margin: 0px;
		}
		
		#content ul.none {
			list-style: none;
		}
		
		#content li {
			font-style: normal;
			color: #0071bc;
			padding: 0px;
			margin: 0px;
		}
		
		#content li.news, #content li.events {
			font-style: normal;
			color: #0071bc;
			padding: 0px;
			margin: 0px;
		}
	
		#content ol {
			padding: 0px 0px 0px 40px;
			margin: 0px;
		}
		
		#content ol li {
			font-style: normal;
			color: #000000;
			font-size: 11px;
		}
		
		#content ol.ualpha {
			list-style: upper-alpha;
		}
		
		#content ol.lalpha {
			list-style: lower-alpha;
		}
		
		#content ol.uroman {
			list-style: upper-roman;
		}
		
		#content ol.lroman {
			list-style: lower-roman;
		}
			
		#content p a:link, #content p a:visited, #content p a:hover, #content p a:active {
			border-bottom: 1px dashed #0071bc;
		}

		#content li a:link, #content li a:visited, #content li a:hover, #content li a:active {
			border-bottom: 1px dashed #0071bc;
		}

		#content p a.image {
			text-decoration: none;
			border-bottom: none;
		}
		
		#content p#listing {
			padding-top: 15px;
			letter-spacing: -1px;
			text-align: center;
		}

		#content p#listing a {
			font-weight: bold;
		}

		#content img {
			padding: 10px;
		}
		
		#content img.thumbs {
			padding: 0px;
			margin: 0px;
			border: 2px #000000 solid;
			float: none;
		}
		
		#content img.left {
			padding: 0px 10px 10px 0px;
			margin: 0px;
			border: 0px;
			float: left;
			clear: none;
		}
		
		#content img.leftmid {
			vertical-align: middle;
			padding: 0px 10px 5px 0px;
			margin: 0px;
			border: 0px;
		}
		
		#content img.right {
			padding: 0px 0px 10px 10px;
			margin: 0px;
			border: 0px;
			float: right;
			clear: none;
		}
		
		#content img.rightmid {
			vertical-align: middle;
			padding: 0px 0px 5px 10px;
			margin: 0px;
			border: 0px;
		}
		
		#content p a.thumbs {
			text-decoration: none;
			border-bottom: 0px;
		}
		
		#content p.center {
			padding: 0px;
			margin: 0px;
			text-align: center;
		}
		
	#contentPanelBottom {
		background: url(../images/contentpanelbottom.gif) no-repeat;
		width: 572px;
		height: 15px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
				
	/* END CONTENT STYLING */

	#inlineMenu {
		width: 542px;
		padding: 0px 15px;
		margin: 0px;
	}
	
		#inlineMenu1 {
			width: 174px;
			padding: 0px;
			margin: 0px;
			float: left;
		}
		
		#inlineMenu3 {
			width: 174px;
			padding: 0px;
			margin: 0px;
			float: right;
		}
		
		#inlineMenu2 {
			width: 174px;
			padding: 0px;
			margin: 0px 10px 0px 184px;
		}

		#contentSpacer {
			background: #ffffff;
			width: 572px;
			padding: 0px;
			margin: 0px;
			clear: both;
		}	
			
#spacer {
	width: 776px;
	height: 1px;
	padding: 0px;
	margin: 0px;
	clear: both;
}	
	
#wideView {
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	width: 776px;
	clear: both;
}

	#wideView p, #wideView h1, #wideView h2, #wideView h3, #wideView h4, #wideView h5, #wideView h6 {
		padding: 8px 13px 6px 13px;
		margin: 0px;
	}
		
	#wideView ul {
		list-style: disc;
		padding: 0px 0px 0px 40px;
		margin: 0px;
	}

	#wideViewTitle {
		width: 776px;
		padding: 0px;
		margin: 0px 0px 4px 0px;
	}	

		
	#wideViewTitle h3 {
		height: 40px;
		padding: 0px 9px;
		margin: 0px;
		color: #000000;
		line-height: 35px;
		text-align: left;
	}


#footer {
	background: url(../images/footer.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	width: 776px;
	height: 75px;
	clear:both;
}

#footer p {
	color: #ffffff;
	font-size: xx-small;
	line-height: 14px;
	padding-left: 10px;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #ff4a00;
	text-decoration: none;
}

#footer img {
	float: right;
	padding: 8px 0px 0px 0px;
}

#footer img.w3c {
	float: right;
	padding: 18px 10px 0px 5px;
}

#footerContent {
	width: 312px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#footerW3C {
	background: url(../images/footerbackground.jpg) repeat-x;
	width: 226px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#footerWordmark {
	background: url(../images/footerbackground.jpg) repeat-x;
	width: 220px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	float: left;
}
