body {font-size: 100%; background:#cdcdbf url(/_mods/images/tstretch.png) repeat-x;}
#container, #header, #footer { width:984px; margin:0px auto; position:relative }
dt{font-weight:bold;}
pre strong, dt strong{color: #0B8C8F;}
pre{padding: 20px; background-color: #FCF8BC;overflow:auto;width:auto;}

#container {background:white; position:relative; z-index:2; min-height:450px; padding-bottom:15px;}
#header {height:179px; position:relative; z-index:2;}
.google {padding:10px 0px 10px 15px;}
#footerContainer {width:auto; background:#38675f url(/_mods/images/footerstretch.png) repeat-x bottom; min-height:100px; border-top:1px solid white;}
#featureFooterContainer {width:auto; background:#40403b url(/_mods/images/featureFooterStretch.png) repeat-x bottom; min-height:100px; border-top:1px solid white; clear:both;}
#featureFooterContainer .footer, #footerContainer .footer  {width:984px; margin:0px auto;}
#featureFooterContainer .leftButton {margin:15px 0px 0px 10px}
#featureFooterContainer .rightButton, .campaignButton {margin:15px 10px 0px 0px;}
.campaignButton {padding-left:54px}

#featureFooterContainer .middle h3 {color:white; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; margin:0px; padding:15px 0px 4px 10px; font-style:italic;}
#featureFooterContainer .middle ul {
	margin:0px; padding:0px 0px 0px 10px;
	width:100%;
	overflow:hidden;
}
#featureFooterContainer .middle li{
	font-size:.7em;
	line-height:1.5em;
	float:left;
	display:inline;
	width:33.333%;
	margin:0px; padding:0px;
}

#featureFooterContainer .middle li a {color:#bcbec0; text-decoration:none;}
	#featureFooterContainer .middle li a:hover {color:white;}
	
#footerContainer ul.info {
    display: inline;
    list-style: none outside none;
    margin: 0px 0px 0px 10px;
    padding: 0;
}

.campaignButton {margin-top:5px;}
#footerContainer .footer {padding-top:10px;}
#footerContainer ul.info li {
    border-right: 1px solid white;
    display: inline;
    margin: 0;
    padding: 0 7px 0 0;
	font-size:.7em;
}
#footerContainer ul.info li.lastItem {border:none; padding-right:0px;}
	#footerContainer ul.info li a {color:white; text-decoration:none;}
	#footerContainer ul.info li a:hover {color:#eedfa5;}
	
#footerContainer p {font-size:.7em; padding:5px 0 0 0; color:white; margin:0px 0px 0px 10px;}

.department {}
.computerScience {}

#header div.wreath {background:transparent url(/_mods/images/cWreath.jpg) no-repeat; width:151px; height:173px; margin-left:-62px;}
	body.department #header div.wreath {display:none;}

#header #title {background:transparent url(/_mods/images/cLogo.png) no-repeat; width:418px; height:69px; position:absolute; top:21px; left:93px; margin:0px; padding:0px; display:block;}
	#header #title a{width:418px; height:69px; }
	
	body.department #header #title {background:transparent url(/_mods/images/deptLogo.png) no-repeat; width:251px; height:47px; position:absolute; top:5px; left:0px; margin:0px; padding:0px; display:block;}
	body.department #header #title a{width:251px; height:47px; }
	
body.department #header #departmentTitle {position:absolute; top:52px; left:0px; margin:0px; padding:0px; display:block; width:649px; height:48px;}	
	body.department.computerScience #header #departmentTitle {background:transparent url(/_mods/images/mathematics.png) no-repeat;}
	
	body.department.mathematics #header #departmentTitle {background:transparent url(/_mods/images/mathematics.png) no-repeat;}
	
	
	body.department.computerScience #header #departmentTitle a {width:649px; height:48px;}
	
#header #logo {background:transparent url(/_mods/images/logo.png) no-repeat; width:346px; height:53px; position:absolute; top:11px; right:0px; margin:0px; padding:0px; display:block;}

#title a, #logo a, #departmentTitle a {display:block; text-indent:-9876em; overflow:hidden;}

#header #search {background:transparent url(/_mods/images/searchBox.png) no-repeat; width:235px; height:24px; position:absolute; top:70px; right:3px; margin:0px; padding:0px; display:block;}

#quickSearch {background:transparent url(/_mods/images/searchBox.png) no-repeat; width:235px; height:24px; position:absolute; top:70px; right:3px; margin:0px; padding:0px; display:block;}
    #quickSearch form {margin:0px; padding:0px;}
    #quickSearch label {display:none;}
    #quickSearch #searchbox {background:transparent; border:0px; padding:0px 0px 0px 4px; margin:4px 0px 0px 0px; width:205px; font-size:.8em; color:#848687;}
    #quickSearch #searchbox:focus {outline:white solid 0px; color:black;}
	#quickSearch .button {position:absolute; right:1px; top:1px;}
	
.hNav ul {display:block; list-style-type:none; margin:0px; padding:0px; overflow:auto; zoom:1}
.hNav ul li {display:block; float:left; height:42px; margin:0px 9px 0px 0px; padding:0px 0px 0px 0px; font-size:1.05em; font-weight:bold; font-style:italic; overflow:hidden;}
	.hNav ul li.lastItem {margin-right:0px;}
.hNav ul li a {display:block; padding:10px 4px 12px 4px; text-decoration:none; color:#0a443a; text-shadow:1px 1px 0px #d6d6ca;}

#topNav {
	position:absolute;
	top:108px;
	left:75px;
	height: 85px;
}
	body.department #topNav {left:0px}
#topNav ul li {margin:0px 0px 0px 0px; padding:0px;}
	#topNav ul li.lastItem {margin-right:0px;}
#topNav li a {padding:10px 10px 12px 10px; margin:0px; height:20px}
	#topNav li a:hover {background:transparent url(/_mods/images/navHover.png) bottom center no-repeat; }
	#topNav li.active {background:transparent url(/_mods/images/activeArrow.png) bottom center no-repeat; }

#topNav .lowerNav {position:absolute; top:42px; left:0px;}
	body.department .lowerNav {left:0px}
#topNav .lowerNav {display:none;}
	#topNav li.active .lowerNav {display:block;}
#topNav .lowerNav ul li {display:block; height:28px; font-size:.8em; font-weight:bold; font-style:normal; margin:0px 0px 0px 0px;}
#topNav .lowerNav ul li a {padding:7px 20px 11px 20px; color:#6e6e5e}
	#topNav .lowerNav ul li a:hover {background:#dcdcd2; color:#323232;}

#bodyContent {padding-right:5px}
#sideBar {border:1px solid black; background:#e9e9e3; margin:15px 13px 0px 8px}
#sideBar h3{display:block; padding:6px 0px 6px 5px; color:#0a443a; text-shadow:1px 1px 0px #bebeb0; background:#d7d7cc url(/_mods/images/sideNav.png) repeat-x bottom; font-weight:bold; font-style:italic; text-transform:uppercase; font-size:1em; letter-spacing:-.3px}
#sideBar ul, #sideBar ul li {list-style-type:none; margin:0px; padding:0px;}
#sideBar ul {margin:7px 0px 12px;}
#sideBar ul li a {text-decoration:none; display:block; color:#09382c; padding:2px 0px 2px 8px; font-size:1.1em}
	#sideBar ul li a:hover {background:#bbbbaf;}
#sideBar .video-wrapper {
	width:auto;
	margin:0px 10px 15px;
	border:1px solid #7f7f74;
}

#sideBar .topics {margin:0px; background:transparent; padding:10px 0px 10px 0px}
	#sideBar .topics h3 {margin:-10px 0px 10px; font-style:normal; border-top:4px solid #295140; background:transparent; text-shadow:none;}
	#sideBar .topics h3:before {padding:0px 5px 0px 5px;}

#mainBoxes {padding:10px 0px 0px 0px;}
.newsItem:before, .eventItem:before, .topicItem:before, .newsItem:after, .eventItem:after, .topicItem:after{content:"";display:table;}
.newsItem:after, .eventItem:after, .topicItem:after{clear:both;}
.newsItem, .eventItem, .topicItem {clear:both;}

.more {background:#e1e1d1 url(/_mods/images/mainBoxFooter.png) repeat-y; position:absolute; bottom:0px; left:0px; width:100%; height:20px;}
	.more p {text-align:right; font-size:.76em; padding:0px 5px 0px 0px; margin:0px;}
	.more p a{text-decoration:none; color:#6c6c64}
	.more p a:hover{color:#404030}
#news, #longNews, #events, .topics {position:relative; padding-bottom:20px;}

.right-box {margin:0px 10px 0px 5px; background:#e0e0d0 url(/_mods/images/rightBack.png) repeat-y;}
	.right-box .more {background:#E1E1D1 url(/_mods/images/rightFooter.png) repeat-y bottom right                                !important;}
.middle-box {margin: 0 5px;}
.left-box {margin:0px 5px 0px 10px;}

#longNews {margin:0px 5px 0px 10px; background:url(/_mods/images/longFeatureBack.png) repeat-y;}
#news {margin:0px 5px 0px 10px; background:url(/_mods/images/newsBack.png) repeat-y;}
	#news h3, #longNews h3 {display:block; background:url(/_mods/images/greenHR.png) top left repeat-x; margin:0px; padding:7px 0px 20px 0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#0c3d28; text-decoration:none;}
		#news h3:before, #longNews h3:before {content:url(/_mods/images/eventsIcon.png); padding:0px 5px 0px 10px; position:relative; top:1px;}
	.newsItem {margin:0px 0px 15px 10px;}
	.newsItem a {text-decoration:none}
	.newsItem a:hover p {color:#8f8f7e}
	.newsItem a:hover h4 {color:#1a6042}
	.newsItem h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:.75em; color:#0c3d28; padding:0px 0px 0px 0px; margin:0px 0px 0px 25px;}
	.newsItem p {padding:4px 0px 0px 0px; margin:0px 0px 0px 30px; font-size:.78em; line-height:1.17em; color:#6c6c64}


		
#events {}
	#events h3 {display:block; background:url(/_mods/images/goldHR.png) top left repeat-x; margin:0px; padding:7px 0px 7px 0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#0c3d28; text-decoration:none;}
		#events h3:before {content:url(/_mods/images/eventsIcon.png); padding:0px 5px 0px 10px; position:relative; top:1px;}
	#events p {font-size:.78em; color:#98988b; margin:0px 0px 10px 0px; padding:0px 10px 0px 10px}
	div.date {background:url(/_mods/images/eventIconLg.png) no-repeat; height:57px; width:56px; position:relative; float:left;}
	div.date span.month {font-size:.56em; font-weight:bold; text-transform:uppercase; position:absolute; top:1px; left:7px; display:block;}
	div.date span.day {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-weight:bold; text-transform:uppercase; position:absolute; top:16px; left:20px; width:34px; display:block; text-align:center}
	#events .eventItem {margin:0px 0px 20px 10px;}
	#events .eventItem a {text-decoration:none}
	#events .eventItem a:hover p {color:#8f8f7e}
	#events .eventItem a:hover h4 {color:#1a6042}
	#events .eventItem h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:.75em; color:#0c3d28; padding:0px 0px 0px 0px; margin:0px 0px 0px 66px;}
	#events .eventItem p {padding:4px 0px 0px 0px; margin:0px 0px 0px 67px; font-size:.78em; line-height:1.17em; color:#6c6c64}
	#events .eventItem p.details {font-size:.7em; color:#7d7d71}
	#events .more {background:#e1e1d1;}
	
.topics {}
	.topics h3 {display:block; background:url(/_mods/images/greenHR.png) top left repeat-x; margin:0px; padding:7px 0px 7px 0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#0c3d28; text-decoration:none;}
		.topics h3:before {content:url(/_mods/images/topicsIcon.png); padding:0px 5px 0px 10px; position:relative; top:2px;}
	.topics .topicItem {margin:0px 0px 10px 10px;}
	.topics .topicItem a {text-decoration:none}
	.topics .topicItem a:hover p {color:#8f8f7e}
	.topics .topicItem a:hover h4 {color:#1a6042}
	.topics .topicItem h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:.75em; color:#0c3d28; padding:0px 0px 0px 0px; margin:0px 0px 0px 83px;}
	.topics .topicItem p {padding:4px 0px 0px 0px; margin:0px 0px 0px 84px; font-size:.78em; line-height:1.17em; color:#6c6c64}
	.topics .topicItem img {padding:5px; background:url(/_mods/images/newsPhotoBox.png) no-repeat; float:left;}
	.topics .topicItem div.thumb {background:url(/_mods/images/newsPhotoBox.png) no-repeat; width:75px; height:75px; position:relative; z-index:50; margin-bottom:-75px; float:left;}	
	
	
/*Feature Area */
#featureArea {width:auto; display:none;}

#slider img {display:block;}
#slider {width:484px; height:450px; position:relative;}
#slider ul.slides {display:block; list-style:none; margin:0px; padding:0px; width:958px; height:318px; overflow:hidden;}
#slider ul.slides li {display:block; width:984px; height:450px; list-style-type:none; overflow:hidden; margin:0px; padding:0px; position:absolute; top:0px; left:0px;}
#slider ul.slides li div.sDescription {position:absolute; top:10px; right:9px; width:240px; height:240px; background:url(/_mods/images/featureDescriptionBack.png) repeat-x; overflow:hidden;}
	#slider ul.slides li div.sDescription h3{margin:0px 5px 0px 5px; padding:5px 0px 3px 0px; background:url(/_mods/images/featureDescriptionUl.png) left bottom no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:.9em; text-transform:uppercase;}
	#slider ul.slides li div.sDescription p{margin:0px; padding:12px 5px 0px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:.8em;}

	#slider ul.slides li div.sDescription div.dWrap {}
	#slider ul.slides p, #slider ul.slides h3 {color:white;}
	#slider ul.slides p a:link, #slider ul.slides p a:visited{color:#edd687}
	#slider ul.slides p a:hover, #slider ul.slides p a:active{color:white}

#slider ul#tabs {position:absolute; z-index:500; bottom:10px; left:4px; width:982px; height:80px; margin:0px; padding:0px; overflow:hidden; font-size:.9em}
#slider ul#tabs li {display:block; width:104px; height:78px; margin:0px 0px 0px 4px; padding:0px; overflow:hidden; float:left; background:transparent; position:relative;}
	#slider ul#tabs li.current {background:#f2c30c;}
			#slider ul#tabs li.current a{border-color:#f2c30c;}
	#slider ul#tabs li a {display:block; width:100px; height:73px; background:white; border:1px solid white; position:absolute; bottom:1px; left:1px;}
		#slider ul#tabs li a img {}
	#slider ul#tabs li a:hover img {opacity:.8}
	#slider ul#tabs li a.current img {opacity:1}
	
div.fArrow {background:url(/_mods/images/fArrow.png) no-repeat; width:17px; height:8px; position:absolute; left:50px; top:352px; z-index:600;}

ul#tabs a {text-decoration:none;}
ul#tabs a p {position:absolute; bottom:0px; left:0px; width:100%; z-index:100; background:url(/_mods/images/white-50.png); margin:0px; padding:4px 0px; font-size:.75em; font-weight:bold; text-align:center; display:none; line-height:1.2em; border-top:1px solid white; color:#262626;}
	ul#tabs a:hover p{display:block;}

/*End Feature Area*/

/* Large background image */
div#background-image {position:absolute; background:#184130 url(/_mods/images/back-oval.jpg) top center no-repeat; width:100%; top:179px; left:0px; height:450px; z-index:1;}
	/*these need to be created by the college*/
	body.biochemistry div#background-image {background-image:url(/_mods//_mods/_support/images/back-biochemistry.jpg);}
	body.biology div#background-image {background-image:url(/_mods//_mods/_support/images/back-biology.jpg);}
	body.chemistry div#background-image {background-image:url(/_mods//_mods/_support/images/back-chemistry.jpg);}
	body.computerScience div#background-image {background-image:url(/_mods/images/back-computer-science.jpg);}
	body.mathematics div#background-image {background-image:url(/_mods/images/back-oval.jpg);}
	body.physics div#background-image {background-image:url(/_mods//_mods/_support/images/back-physics.jpg);}
	body.psychology div#background-image {background-image:url(/_mods//_mods/_support/images/back-psychology.jpg);}
	body.statistics div#background-image {background-image:url(/_mods//_mods/_support/images/back-statistics.jpg);}
	
	


/*General Formatting*/
body, select, input, textarea { color: #444; }
p {line-height:1.5em; font-size:.9em;}
a:hover, a:active { outline: none; }

a:link, a:visited {color:#004812}
a:hover, a:active {color:#b5985a}

table, td, th {border:0px solid black; border-collapse:collapse; }
table {margin:3px 10px 7px 10px; font-size:85%;}
	table thead th {background-color:#E6E1C6; font-size:1.3em;}
	td {padding: 4px 7px 4px 5px; vertical-align:top;}
	th {background-color:#EEEDE6; font-weight:bold; color:#0c470e; padding:5px;}
	td p {padding:1px;}
	

ol, ul {padding:5px 10px 5px 40px; margin:0px; font-size:.9em}
	ul ul, ol ol {padding:5px 50px 10px 20px;}
	ul p, ol p {padding-left:0px}
	li {padding-bottom: 5px;}

img {border:none;}

sup {vertical-align:text-top; font-size:85%;}
hr {width:90%; margin:0px auto; height:2px; text-align:center;}

address {font-size:85%; margin:3px 5px 7px 18px; line-height:125%;}

form {margin: 0px; padding: 0px;}

fieldset {margin: 5px 0px 0px 0px; padding: 4px; border: 1px solid #000000;}

legend {font-weight: bold;}

h2, h3, h4, h5, h6 {padding:3px 0px 7px 0px; margin:0px;}

p {margin:0px; padding:3px 10px 10px 12px;}

h1 {
	font-size:1.8em;
	line-height:1.01em;
	padding:10px 0px 0px 10px;
	margin:0px 1px 10px 0px;
	color:#0a443a;
}
	div.container h1 {border-bottom:1px solid #CCC;}
	
h2 {
	color:#818173;
	font-size:1.5em;
	padding:3px 10px 5px 10px;
	margin:0px;
}
h3 {
	color:#0a443a;
	font-size:1.3em;
	padding:7px 10px 5px 10px;
}
h4 {
	color:#0b3d29;
	font-size:1.1em;
	padding:7px 10px 5px 10px;
}
h5 {
	color:#0a443a;
	font-size:100%;
	padding:7px 10px 5px 10px;
}
h6 {
	color:#0a443a;
	font-size:90%;
	padding:7px 10px 5px 10px;
	font-style:italic
}

/*End Formatting*/

/*Common Styles*/

			.indent {padding-left:40px;}

			img.img-right {margin:10px 5px 10px 17px; padding: 15px; float:right; border: 1px solid #6e6e5e; background:#e9e9e3;}				
			p img.img-right {margin-right: -5px; margin-top:5px;}				
			img.img-left {margin:10px 17px 10px 12px; padding: 15px; float:left; border: 1px solid #6e6e5e;  background:#e9e9e3;}		
			p img.img-left {margin-left: 0; margin-top:5px;}

			div.captioned-photo-right { float: right; margin: 10px 5px 10px 17px; padding: 15px 15px 0 15px; border: 1px solid #6e6e5e; width:auto; position:relative; background:#e9e9e3;}

			div.captioned-photo-right img { margin: 0; padding: 0;}
			div.captioned-photo-right p { margin: 0 !important; padding: 10px 0 10px 0 !important;}
					
			div.captioned-photo-right ul { margin: 0 !important; padding: 5px 5px 5px 20px !important;}
			
			div.captioned-photo-left, div.captioned-video-left { float: left; margin:10px 17px 10px 12px; padding: 15px 15px 0 15px; border: 1px solid #6e6e5e; width:auto; position:relative; background:#e9e9e3;}
			div.captioned-photo-left img { margin: 0; padding: 0;}
			div.captioned-photo-left p, div.captioned-video-left p { margin: 0 !important; padding: 10px 0 10px 0 !important;}
			
			p.preheadline {margin: 0px 0px -7px 0px; padding:10px 5px 1px 10px; font-size: .8em; color: #004810; font-weight: bold}

			/* quote box inside of a general, blank slate page */				
			div.quoteBox { float: right; width: 300px; background: #E9E9E3; margin: 10px 5px 10px 17px;}
			div.quoteBox p { color: #222; line-height: 1.6em; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 7px 14 3px 14px;}
			div.quoteBox p.quoteSource { float: right; font-style: italic; padding: 5px 10px 10px 15px; color: #444; font-size:80%; font-weight: normal;}
					
			/* side box inside of a general, blank slate page */									
			div.sideBox {width:300px; float:right; border:1px solid #76837b; margin:7px 5px 7px 17px; background-color:#E9E9E3; position:relative;}
			div.sideBox h3 {font-size: 1.2em; color:#004810; font-style:normal; margin:0px; padding:4px; background-color:#ABABA0; clear:both; border-bottom:1px solid #76837b;}
			div.sideBox ul {margin:0px; padding:5px 3px 3px 10px; list-style-type:disc;}
			div.sideBox li {padding: 0px 0px 5px 0px; margin:0px 0px 2px 15px; font-size:90%; line-height:100%;}
			div.sideBox a {text-decoration:none;}
			div.sideBox p {margin: 0; padding: 2px 7px 1em 10px; line-height: 1.5em;}
			
/*End Common Styles*/



/* Video */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 
/* video fixed width wrappers */
.video-wrapper {
	width: 600px;
	max-width: 100%;
}
.video-wrapper2 {
	width: 500px;
	max-width: 100%;
}

/* Responsive Images */
div.img-right {float:right; margin:0px 10px 10px 10px;}
.rImage {width:325px}
	.rImage img {width:100%;}
	
/* **************** GRIDS ***************** */
.line:before,.line:after{content:"";display:table;}
.line:after{clear:both;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit, .last{float:none;display:block;display:table-cell;width:9999em;*width:auto;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}