@charset "UTF-8";
/* CSS Document */



@import url(html.css);
@import url(layout.css);
@import url(navigation.css);
@import url(content.css);
@import url(forms.css);


/* IE6 specic - fixes the CSS :hover image flicker */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}

body {
	background-color:#DAE0E1;
}

#container {
	width:952px;
	text-align: left;
	margin: 0px auto;
	padding: 0 0 0 0;
}

#top, #middle, #bottom {
	clear:both;
	width:100%;
	float:left;
	margin: 0px auto;
	padding: 0 0 0 0;
}

#top {
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#middle {
	clear:both;
	border:1px solid white;
	border-top:none;
	float:left;
	background-color:#fff;
	background-image:url(../images/middle_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0.98em;
	min-height:12.52em;
}
	#middle.studentSection	{
		background-image: url(../images/backgrounds/blue-bg.png);
	}
		#middle.studentSection .content {
			background-color: transparent;
		}
		#middle.studentSection .main .normal .right {
			width: 725px;
		}
		#middle.studentSection .main .normal .right .crumbs {
			float: none;
			width: auto;
		}
		#middle.studentSection .search	{
			background-image: url(../images/search_bg.gif);
			right: 0px;
		}
		#middle.studentSection .section {
			background-image: none;
			position: relative;
			width: 725px;
		}
			#middle.studentSection .section .image,
			#middle.studentSection .section .image img {
				display: block;
				height: auto;
				margin: 0;
				padding: 0;
				width: auto;
			}
			#middle.studentSection .section .image {
				left: 0;	
				margin-right: 0px;
				overflow: hidden;
				position: absolute;
				top:0;
				width: 725px;
				z-index:1;
			}
				#middle.studentSection .section .image img {
				}
			#middle.studentSection .section .intro {
				margin: 37px 0 0 0;
				padding-left: 100px;
				position: relative;
				z-index: 2 !important;
			}
				#middle.studentSection .section .intro .text {
					position: relative;
				}
		#middle.studentSection .region {
			width: 725px;
		}

		#middle.studentSection h1 {
			display: block;
			background-image: none;
			font-size: 2.1em;
			width: 700px;
		}
			#middle.studentSection h1 span {
				color: #133F6A;
				display: block !important;
				line-height: 1.1em;
			}
		#middle.studentSection .sub .top {
			background-color: #EE3224;
			background-image: url(../images/navigation/sub-top-red.jpg)
		}
		#middle.studentSection .sub .btm {
			background-image: url(../images/navigation/sub-btm.gif)
		}
	#middle.diver .main {
		background: url(../images/backgrounds/diver.png) no-repeat 200px -10px;
	}
	#middle.dna .main {
		background: url(../images/backgrounds/dna.png) no-repeat 200px -10px;
		height: 1000px;
	}
		#middle.dna .section .intro {
			margin: 49px 0 0 0 !important;
			padding-left: 64px;
		}
	#middle.windturbines .main {
		background: url(../images/backgrounds/windturbines.png) no-repeat 200px -10px;
		height: 1000px;
	}
		#middle.windturbines .section .intro {
			margin: 45px 0 0 0 !important;
			padding-left: 64px;
		}
	#middle.waves .main {
		background: url(../images/backgrounds/waves.png) no-repeat 200px -10px;
		height: 1000px;
	}
		#middle.waves .section .intro {
			margin: 48px 0 0 0 !important;
			padding-left: 125px !important;
		}
	

#bottom {
	padding-top:0.313em;
}