html, body, div, span, object, iframe {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
background-color: white;
font: 12px/1.75em Arial, Helvetica, sans-serif;
color:#333;
margin:0 auto
}
* { margin:0; padding:0; }
/*--------------------
Layout Styles
-------------------- */
#wrap { width:900px; margin: 0 auto 50px auto; text-align:left; }
#header {
margin-top: 25px;
height: 75px;
}
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content { margin: 0 0 40px 0; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #content { height:1%; }
#mainnav { float:left; margin:30px 0 40px 0; }
#mainnav li { float:left; margin: 0 20px 0 0; }
#footer { margin:0 0 20px 0; border-top:3px solid #333; }
#subnav { float:left; }
#subnav li { float:left; margin: 10px 15px 0 0; }
#subnav_hp li { float:left; margin: 10px 8px 0 0; }
.line { width:430px; border-bottom:1px solid #ccc; line-height:0px; }
/*--------------------
Arrow Styles
--------------------*/
a.big_arrow { width:21px; height:21px; display:block; padding: 0 0 0 21px; background:url(../imgs/nav/arrow_large_right0.gif); background-repeat: no-repeat; background-position: 0px 0px; }
a.big_arrow:hover { background-position: 0px -1px; }
/*--------------------
Module1 Styles
--------------------*/
#module1 { float:left; width: 430px; margin: 20px 0 0 0; }
#module1 .item { width: 215px; float:left; padding: 0 0 0 0; font-size:11px; line-height:18px;}
#module1 .item:last-child { margin: 0 0 0 0; } /* for FF */
#module1 .item { margin: expression((this.parentNode.lastChild == this)? "0 0 0 0" : "0 0 0 0"); } /* for IE */
#module1 .item p { margin:0; padding:0; color:#666; }
#module1 .item img { margin: 0 0 5px 0; }
#module1_container { float: left; }
/*--------------------
Module2 Styles
--------------------*/
#module2 { float:left; margin: 20px 0 0 0; }
#module2 .item_about { width:320px; margin: 0 0 20px 0; font-size:11px; line-height:20px; }
#module2 .item { float:left; width:150px; margin: 0 45px 0 0; font-size:11px; line-height:18px; }
#module2 .item:last-child { margin: 0 0 0 0; } /* for FF */
#module2 .item { margin: expression((this.parentNode.lastChild == this)? "0 0 0 0" : "0 45px 0 0"); } /* for IE */
#module2 .item p { margin: 0 0 20px 0; padding:0; color:#666; }
#module2 #calendar { }
#module2 img { margin: 0 0 5px 0; }
/*--------------------
Module3 Styles
--------------------*/
#module3 { float:left; margin: 45px 0 0 0; }
#module3 .section_title { display:block; margin: 0 0 5px 0; clear:both; }
#module3 #cat_img { float:left; margin: 0 10px 0 0; }
#module3 #item { display:inline; margin: 5px 0 0 0; font-size:11px; line-height:18px; }
#module3 #item img { margin: 0 0 5px 0; }
#module3 #item p { margin: 0 0 0 0; color:#666; }
/*--------------------
Module4 Styles
--------------------*/
#module4 { float:left; margin: 20px 0 0 0; }
#module4 .item { float:left; font-size:11px; line-height:18px; width: 250px; }
#calendar_header { float:left; display:block; padding: 0 130px 0 0; margin: 0 0 20px 0; }
#module4 .right{ float: right; width: 155px; margin: 0 0 0 45px; }
#module4 .right img { margin: 0 0 5px 0; clear:both; }
#arrow_holder { float:left; margin: 0 0 20px 0; clear:both; }
#module4 .right p { margin: 0 0 20px 0; padding:0; }
/*--------------------
Calendar Styles
--------------------*/
#calendars { height: 200px; margin: 0; overflow: hidden; position: relative; }
#calendars div { position: absolute; width: 90000px; }
#calendars dl { float: left; list-style: none; margin-right: 30px; width: 250px; }
#calendars dt { border-bottom: solid 1px #d8d8d8; line-height:0; padding: 0px 0 8px 0; }
#calendars dd { float: left; margin: 8px 18px 8px 0; text-align: center; width: 20px; line-height:0; }
#calendars dd img { height:11px; }
#calendars dd.last { margin-right: 0; }
#calendarEvents div { background: #fff; border: solid 1px #000; display: inline; padding: 20px 40px 30px 40px; position: absolute; top: 0; width: 380px; voice-family: "\"}\""; voice-family: inherit; width: 300px; z-index: 100;}
#calendarEvents div h3 { font-size: 11px; font-weight: normal; margin-bottom: 10px; }
#calendarEvents div h3 em { color: #e08; font-style: normal; }
#calendarEvents div p { color: #333; font-size: 11px; line-height: 16px; padding-bottom: 15px; }
#calendarEvents div p a { margin-left: 20px; }
#calendarEvents div p:last-child { border-bottom: solid 3px #000; }
#calendarEvents div p {
border-bottom: expression((this.parentNode.lastChild == this)? "solid 3px #000" : "0");
}
.off-left { position: absolute; left: -9999px; height: 0px; width: 0px; }
/*--------------------
Module5 Styles
--------------------*/
#module5 { float:left; margin: 20px 0 0 0; }
#module5 .item { width:130px; float:left; margin: 0 20px 0 0; font-size:11px; line-height:18px; }
#module5 .item:last-child { margin: 0 0 0 0; } /* for FF */
#module5 .item { margin: expression((this.parentNode.lastChild == this)? "0 0 0 0" : "0 45px 0 0"); } /* for IE */
#module5 .item p { margin:0; padding:0; color:#666; }
#module5 .item img { margin: 0 0 5px 0; }
#module5_container { float: left; }
/*--------------------
Image Gallery Styles
--------------------*/
#gallery { float: left; height: 380px; overflow: hidden; position: relative; width: 530px; }
#gallery ul { left: 0px; position: absolute; width: 90000px; z-index: -1; }
#gallery li{ float: left; text-align: center; width: 530px; }
#gallery_network { float: left; height: 229px; overflow: hidden; position: relative; width: 448px; }
#gallery_network ul { left: 0px; position: absolute; width: 90000px; }
#gallery_network li { float: left; text-align: center; width: 448px; }
#gallery_about { float: left; height: 181px; overflow: hidden; position: relative; width: 448px; }
#gallery_about ul { left: 0px; position: absolute; width: 90000px; }
#gallery_about li { float: left; text-align: center; width: 448px; }
/*--------------------
Self-clearing
--------------------*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block;}
/* hide from ie mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
.clearfloat {
clear: both;
font-size: 0px;
height: 0px;
}