*{margin:0;padding:0;}
body{background:#eaeeef url(../../assets/images/background.jpg) repeat-y;background-position:center;}
h1{font:bold 18px/22px arial;color:#4B6A76;margin: 4px;}

h2{font:bold 16px/20px arial;color:#4B6A76;margin: 4px;}
p{font:normal 12px/13px arial;color:#4B6A76;line-height: 1.7em;margin: 4px;}
ul{
	font:normal 12px/13px arial;
	color:#4B6A76;
	line-height: 1.7em;
	margin: 4px;
	list-style-position: inside;
	list-style-type: square;
}


#container{position:relative;margin:0 auto;width:990px;}
#header{margin-left: 50px;height:182px;}
#blob{position:absolute;top:0px;left:35px;width:357px;height:241px;}
#aquaport{position:absolute;top:82px;left:517px;width:377px;height:95px;}
#innercontainer{position:relative;width:990px;margin:0;padding:0;}
#navbar{float:left;margin-left:50px ! important;margin-left:25px;min-height:500px;height:auto ! important;height:500px;width:197px;}
#navcontent{margin-top:-4px;margin-left: 21px; min-height: 440px;height:auto ! important;height:440px;width:148px;background:#eaeeef;}
#navcontent a{margin-left: 22px; font:bold 9px "arial";  color: #4B6A76;text-decoration:none;}
#navcontent a:hover {color: #a6a6a6; }
#navcontent p.on { padding-top: 5px; height: 20px; background: #4B6A76; }
#navcontent p.on a { color: #fff; }
#content{float:left;width: 690px;min-height:500px;}
#footer{margin-left: 50px;}
#footer_left{float:left; width:200px;}
#footer_right{float:left;width:640px;margin-top:40px;}
#footer_right{font: bold 9px arial;color: #A6A6A6;}
#footer_right .pleft { float: left; }
#footer_right .pright { float: right; }
#footer_right a { text-decoration:none; color: #a6a6a6;}
#footer_right a:hover { color: #0BA8C9; }
#textsizer { margin-left: 22px; margin-bottom: 5px; font: bold 9px arial; color: #0BA8C9; }
#textsizer a { margin-left: 0 ! important; }
#textsizer .smallsize { font: bold 10px arial; }
#textsizer .largesize { font: bold 12px arial; }

/* Sub menus */
.submenu { display: none; }
.submenu a { margin-top: 5px; margin-left: 40px ! important; }
.submenu p { margin-left:0px ! important;}

/* Subject headers */
#subject1 {float: left; width: 164px;}
#subject1 .title {width:164px;background:url(../../assets/images/subject_header_1.jpg) no-repeat; height: 28px; font: bold 18px/22px arial;color:#fff;}
#subject1 h1,#subject2 h1,#subject3 h1,#subject4 h1 {font: normal 14px/18px arial; margin-left: 10px; margin-top: 5px; padding-top: 5px; color:#fff;}
#subject2 {float: left; width: 169px;}
#subject2 .title {width:169px;background:url(../../assets/images/subject_header_2.jpg) no-repeat;height: 28px; font: bold 18px/22px arial;color:#fff;}
#subject3 {float: left; width: 169px;}
#subject3 .title {width:169px;background:url(../../assets/images/subject_header_3.jpg) no-repeat; height: 28px; font: bold 18px/22px arial;color:#fff;}
#subject4 {float: left; width: 165px;}
#subject4 .title {width:165px;background:url(../../assets/images/subject_header_4.jpg) no-repeat; height: 28px; font: bold 18px/22px arial;color:#fff;}

/* Subject Hierarchy */
.subjectheader{font: normal 11px/13px arial;}
.levelone{margin-bottom: 10px;margin-top:3px;}
.subjectheader2{font: normal 9px/12px arial; color: #80969E;text-decoration:none;}
.subjecthdropen{float:left;margin:0;background:url(../../assets/images/arrow_open.jpg) no-repeat;width:12px;height:12px;margin-right: 5px;}
.subjecthdrclose{float:left;margin:0;background:url(../../assets/images/arrow_close.jpg) no-repeat;width:12px;height:12px;margin-right: 5px;}
.verticalseparator{float:left;width:2px;height:468px;background:url(../../assets/images/subject_vert_separator.jpg) no-repeat 0 28px;}
.subjectsinner { margin-top: 3px; display:none;}
.subjectheader { color: #80969E; text-decoration: none; }
.subjectheader:hover { text-decoration: none; }
.subjectsinner p { text-indent: 20px; width:100%; margin-bottom: 5px; }

/* Feeds */
.feed { float:left; width: 220px; height: 322px; }
.feed_header { width: 220px; height: 27px; margin: 0; background: url(../../assets/images/feed_header.jpg) no-repeat; }
.feed_footer { width: 220px; height: 15px; margin: 0;background: url(../../assets/images/feed_footer.jpg) no-repeat; }
.feed h1 { margin-left: 10px; font: bold 14px arial; color: #fff; }
.feed_content { margin: 0 0 0 0; font: normal 10px arial; width: 220px;min-height:280px; height: 280px; background: url(../../assets/images/feed_content.jpg) repeat-y; overflow:hidden;}
.feed_content a { text-decoration: none; color: #80969E; margin-left: 10px;}
.feed_content a:hover { text-decoration: underline; }

.video { float: left; width: 197px; height: 218px; background: url(../../assets/images/videobox.jpg) no-repeat;}
.video_large h1, .video_small h1 { padding: 8px 0 0 14px;font: bold 14px/18px arial; color: #fff; }
.video_large { width:530px; height: 397px; background: url(../../assets/images/video_large.jpg) no-repeat;}
.video_small { width:395px; height: 352px; background: url(../../assets/images/video_small.jpg) no-repeat;}
.video_large .videoobj { margin: 15px 0 0 3px; width: 520px; height: 342px; overflow:hidden; }
.video_small .videoobj { margin: 15px 0 0 3px; width: 390px; height: 295px; overflow:hidden; }

/* Classes */
.blueexpand{font: normal 9px arial; color: #0BA8C9;}
.blueseparator{width:148px;height:8px;margin-top:3px;margin-bottom:3px;background:url(../../assets/images/blue_bar.jpg) no-repeat;}
#footer_right .blueblock { color: #0BA8C9; }
.wideblock {margin-right: 10px; margin-bottom: 10px; float:left;width:441px;height:192px;background:url(../../assets/images/wideblock.jpg) no-repeat;}
.wideblock h2 { margin-left: 10px; margin-top: 5px; font: normal 18px/22px arial; color:#fff; }
.wideblock_content { overflow:hidden;padding:4px; margin-left: 4px; margin-top: 7px; width: 424px; height: 135px; font: normal 12px arial;}
.wideblock_content a {text-decoration:none;color:#ACAB7B;}
.wideblock_content a:hover { text-decoration:underline;}

.smallblock {margin-right: 10px; margin-bottom: 10px; width: 185px; height: 192px; float:left; background: url(../../assets/images/narrowblock.jpg) no-repeat;}
.smallblock h2 { margin-left: 10px; margin-top: 5px; font: normal 18px/22px arial; color:#fff; }
.smallblock_content { overflow: hidden; padding: 4px; margin-left: 4px; margin-top: 7px; width: 168px; height: 135px; font: normal 12px arial; }
.smallblock_content a {text-decoration:none;color:#ACAB7B;}
.smallblock_content a:hover { text-decoration:underline;}

.midbrownblock {margin-right: 10px; margin-bottom: 10px; width: 346px; height: 192px; float:left; background: url(../../assets/images/midbrownblock.jpg) no-repeat;}
.midbrownblock h2 { margin-left: 10px; margin-top: 5px; font: normal 18px/22px arial; color:#fff; }
.midbrownblock_content { overflow: hidden; padding: 4px; margin-left: 4px; margin-top: 7px; width: 328px; height: 135px; font: normal 12px arial; }
.midbrownblock_content a {text-decoration:none;color:#ACAB7B;}
.midbrownblock_content a:hover { text-decoration:underline;}

.midcyanblock {margin-right: 10px; margin-bottom: 10px; width: 280px; height: 192px; float:left; background: url(../../assets/images/midcyanblock.jpg) no-repeat;}
.midcyanblock h2 { margin-left: 10px; margin-top: 5px; font: normal 18px/22px arial; color:#fff; }
.midcyanblock_content { overflow: hidden; padding: 4px; margin-left: 4px; margin-top: 7px; width: 258px; height: 135px; font: normal 12px arial; }
.midcyanblock_content a {text-decoration:none;color:#ACAB7B;}
.midcyanblock_content a:hover { text-decoration:underline;}

.widebrownblock {margin-right: 10px; margin-bottom: 10px; width: 369px; height: 192px; float:left; background: url(../../assets/images/widebrownblock.jpg) no-repeat;}
.widebrownblock h2 { margin-left: 10px; margin-top: 5px; font: normal 18px/22px arial; color:#fff; }
.widebrownblock_content { overflow: hidden; padding: 4px; margin-left: 4px; margin-top: 7px; width: 348px; height: 135px; font: normal 12px arial; }
.widebrownblock_content a {text-decoration:none;color:#ACAB7B;}
.widebrownblock_content a:hover { text-decoration:underline;}

.smallearthblock {margin-right: 10px; margin-bottom: 10px; width: 253px; height: 192px; float:left; background: url(../../assets/images/smallearthblock.jpg) no-repeat;}
.smallearthblock h2 { margin-left: 10px; margin-top: 5px; font: normal 18px/22px arial; color:#fff; }
.smallearthblock_content { overflow: hidden; padding: 4px; margin-left: 4px; margin-top: 7px; width: 258px; height: 135px; font: normal 12px arial; }
.smallearthblock_content a {text-decoration:none;color:#ACAB7B;}
.smallearthblock_content a:hover { text-decoration:underline;}


.clear{clear:both;}