* { padding: 0; margin: 0 }
img { border: 0 }
html { overflow-y: scroll }
a:focus { outline: 0 }
a{color:#007e7c;}
a:hover{color:#333333; text-decoration:none;}
body { font-family: Trebuchet MS, helvetica, Sans-Serif; font-size:11px; background: #ffffff; margin-top: 2px }
h1 { color: #333366; font-size: 2.9em; font-weight: normal; padding:none; margin:none; line-height:29px; }
h1 a{text-decoration:none; color:#333366;}
h2 { color: #333366; font-size: 4em; font-weight: normal; }
h3 { color: #333366; font-size: 2.6em; font-weight: normal; }

p { color: #333333; font-size: 1.1em;}
.intro { font-weight: bold }
u { text-decoration: none }

#dims{ text-align:left; width: 1004px; margin: 0 auto; position:relative;}
#border-back{float:left; clear:none; width:1004px; background:url(../images/border-mid.gif) repeat-y top left;}
#border-top{float:left; clear:none; width:1004px; background:url(../images/border-top.gif) no-repeat top left;}
#border-bottom{float:left; clear:none; width:1004px; background:url(../images/border-bottom.gif) no-repeat bottom left;}
#container { float: left; width: 972px; clear:both; padding:11px 16px 13px 16px;}

#header { float: left; width: 972px; clear:both;}
#topPanel{float:left; width:972px; background:#007e7c; border-bottom:solid 1px #ffffff; height:21px;}
#navPanel{float:left; width:972px; background:#cce5e5; height:115px;}
#navArea{width:743px; float:left; padding:21px 0 0 21px; clear:left;}
#logoArea{width:175px; height:115px; float:right;}

#navigation{padding-top:11px;}
#navigation ul{}
#navigation ul li{ color:#52a7a6; padding:0 0 0 8px; list-style-type:none; float:left;}
#navigation ul li a{color:#333333; text-decoration:none; padding: 0 8px 0 0;}
#navigation ul li a:hover, #navigation ul li .on{color:#52a7a6;}
.navBar{display:block; padding-bottom:10px; float:left; clear:left;}
#pageContent{width:927px; padding:25px 24px 23px 22px; float:left; clear:both;}
#leftCol{padding:0; border:solid 0 #cccccc; float:left; clear:left; width:232px;  }
#support { margin-bottom: 17px }
#hys{padding:16px; border:solid 1px #cccccc; float:left; clear:left; width:200px; }

.leftDivider{width:200px; height:1px; border-bottom:dotted 1px #808080; float:left; clear:both; margin:9px 0 9px 0;}
#midCol{width:369px; padding:16px 38px; float:left;}
.midDivider{width:369px; height:1px; float:left; clear:both; margin:9px 0 9px 0;}
#midCol p{padding:0 0 9px 0;}

#midCol p a{text-decoration:none;}
#midCol ul li{padding-bottom:9px;}
#rightCol{float:right; clear:right; width:233px; background:#ffffff;}
	.largePic{width:233px; height:411px; padding:0 0 1px 0; float:left; clear:both;}
	.leftThumb{width:116px; height:128px; float:left; clear:left; padding-right:1px;}
    .rightThumb{width:116px; height:128px; float:left; }



#logo { float: right; height: 100px }

#left { width: 193px; float: left; background: #c7dbed; padding-top: 13px; overflow: hidden }
#left ul { float: left; width: 180px; list-style-type: none }
#left ul li { float: left; clear: left; width: 180px; border-bottom: solid 1px #dee8f2 }
#left .last { border-bottom: solid 1px #c7dbed }
#left ul a { width: 144px; line-height: 12px; color: #000; text-decoration: none; display: block; font-weight: normal; font-size: 1.1em; padding: 5px 25px 5px 11px; background: url(../images/nav-arrow.gif) no-repeat top right } 
#left ul a:hover, #left ul .on { width: 157px; background: #6398c4 url(../images/nav-arrow-on.gif) no-repeat 172px 0}
#left ul a { width: 144px; line-height: 12px; color: #000; text-decoration: none; display: block; font-weight: normal; font-size: 1.1em; padding: 5px 25px 5px 11px; background: url(../images/nav-arrow.gif) no-repeat top right } 
#left ul ul li { float: left; clear: left; width: 193px; border-bottom: 0 }
#left ul ul { float: left; width: 193px; list-style-type: none; background: #FFF; padding: 3px 0 }
#left ul ul a { background: none; padding: 3px 0 3px 11px; width: 185px; font-size: 10px } 
#left ul ul a:hover, #left ul ul .on { width: auto; background: none; color: #6398c4 }

#loginform{ float:left; color:#333333;  width: 200px; margin-top: 14px }
#loginform div{ float:left; width:210px; height:200px;}
#loginform input{font-size:10px; font-family: Trebuchet MS, helvetica, Sans-Serif; }
#loginform label { width: 60px; float: left; font-weight: normal}
#loginform p{ padding:0 0 4px 0; color: #333333; margin-bottom: 0px; line-height: 12px}
#loginform p a{text-decoration:none;}
#loginform .sub{ float:left;background:transparent; border:0px; width: auto; cursor:pointer; margin:0 0 0 140px; color:#007e7c; }
#loginform .txt{ width: 125px; height: 14px; }
#loginform .sub:hover{ color:#333333;}
.lhsLink{ font-size:10px; text-align:right; width:187px; display:block; text-decoration:none; }

#main { float: left; width: 572px; min-height: 432px; height: auto !important; height: 432px; position:relative; background: #FFF }
#right { width: 400px; float: left; overflow: hidden  }
#pics { position: absolute; top: 0px; right: 0px; width: 200px }
#pics img { float: left; clear: left }
#text { float: left; padding: 13px 15px 13px 15px; min-height: 348px; height: auto !important; height: 348px; width: 342px; position:relative; background: url(../images/main-fade.jpg) repeat-x top left  }
#text h2 { color: #3399cc; font-size: 1.4em; font-weight: bold; margin-bottom: 1.4em }
#text p { color: #000; font-size: 1.1em; margin-bottom: 1.1em; line-height: 1.2em; }
#text ul, #text ol, #midCol ul { margin-left: 15px;}
#text li, #midCol li { color: #333333; font-size: 1.1em; line-height: 1.2em; }
#text a { color: #2c9acf; }
#text .intro { font-weight: bold }
#links select { color: #000; font-size: 1.1em; margin-bottom: 1.1em; line-height: 1.2em }
#links input { color: #000; font-size: 1.1em; margin-bottom: 1.1em; line-height: 1.2em }

#tbg { position: absolute; top: 0px; left: 0px; width: 372px; height: 58px; background: #00549c; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; z-index: 3 }
#title { float: left; width: 572px; height: 40px; z-index: 4; position: relative; padding: 18px 0 0 12px }
#title h1 { color: #FFF; font-weight: normal; font-size: 23px; line-height: 23px }

#footerStrip{width:972px; background:#007e7c; float:left; clear:both; height:16px; color:#ffffff; padding-top:5px;}
#footer { float: left; clear: left; width: 765px; height: 17px; background: #00549c; line-height: 17px; color: #FFF; font-size: 10px }
#fleft { float: left; width: 200px; padding-left: 6px }
#fright { float: right; width: 400px; padding-right: 6px; text-align: right }
#fright a { color: #FFF; text-decoration: none }

.frm{ border:solid 1px #b4c6c9; background:#CCE5E5; padding:10px; margin-bottom: 1.4em; float: left; width:349px}
.frm label{ display:block; width:130px; float: left;font-size: 11px; color: #000; padding-top: 2px; }
.frm input, .frm select { float: left; margin-bottom: 3px }
.frm br { clear: left }

.linkbox{ border: none; background:#fff; padding:10px 4px 10px 4px; margin:0 0 10px 0;}
.pdflink{ padding:0 0 10px 25px; background:url(../images/icon_pdf.gif) no-repeat top left;}
.intlink{ padding:0 0 10px 25px; background:url(../images/link_go.gif) no-repeat top left;}
.weblink{ padding:0 0 10px 25px; background:url(../images/world_link.gif) no-repeat top left;}

.right { text-align: right }
#text a.faqlink{ text-decoration:none; font-weight:normal;}
.right { text-align: right }

#midCol #exhibitionlist { list-style-type: none; float: left; margin-left: 0; margin-bottom: 10px }
#exhibitionlist li { float: left; width: 100px; padding: 0 15px 6px 0; list-style-type: none; }
#exhibitionlist li img { float: left; width: 100px; height: 142px }