html {height: 101%}
body { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 81.25%; background: #f6f7f7 url(../images/body-back.gif) repeat-x; }

h1, h2, p { margin: 0; padding: 0; }
img {border: none}
.clear { clear: both; }

.sg_left { float: left; padding: 0; margin: 0 10px 10px 0; }
.sg_right { float: right; padding: 0; margin: 0 0 10px 10px; }
.sg_center { display: block; margin: 0 auto; }
.sg_default { margin: 0 5px 0 0; }

.main { width: 971px; margin: 0px auto; padding: 0px; background: url( ../images/middle.gif ); }

.bottom { width: 960px; height: 50px; margin: 0px auto; background: url( ../images/bottom.gif ); }

.header { background: url(../images/maincontent-back.jpg) no-repeat; height: 399px; width: 971px; display: block;}
.header .logo{position: relative; margin: 0 41px; background: url(../images/header-back.jpg) no-repeat; height: 399px; display: block;}
.header .logo object{position: absolute; top: 0px; left: 0;}
.header .logo object#banner{position: relative; height: 352px; width: 889px; padding: 0; margin: 0;}
.header .logo object#banner img{position: absolute; left: 0; top: 0;padding: 0; margin: 0;}
a#video {position: absolute; top: 257px; left: 813px; width: 44px; height: 44px; display: block; background: url(../images/videotrans.gif) no-repeat}
.header .logo a#hull{position: absolute; top: 293px; left: 41px;}
.header .logo a#register {width: 163px; height: 19px;position: absolute; top: 296px; left: 493px; background: url(../images/videotrans.gif) no-repeat}
.header .logo .heading {position: absolute; bottom: 0; left: 0;  height: 39px; width: 889px}
.header .logo .heading .title {width: 340px; float: left;padding: 5px 0 5px 195px;}
.header .logo .heading .title h1{font-size: 140%; }
.header .logo .heading .breadcrumb {float: left;padding: 10px 0 5px 40px; font-size:80%; width: 630px; line-height: 130%}
.header .logo .heading .breadcrumb a{color: #000; text-decoration: none;}
.header .logo .heading .breadcrumb a:hover{text-decoration: underline}
.header .logo .heading .breadcrumb p strong{color: #000;}
.header .logo .heading .searchbox{width:203px; float: right;}

.searchbox { margin: 0 0 10px 0; height: 21px }
.searchbox h2 { background: #008FC5; color: #fff; margin: 0; padding: 6px; font-size: 100%; }
.searchbox label {display: none;}
.searchbox .inner { border: 1px solid #ccc; padding: 10px 6px 6px 6px; }

.searchbox p input {vertical-align: middle;font-size: 100%; }
.searchbox p input#search {border: none; background: url(../images/searchbox.gif) no-repeat; width:162px; margin: 3px 5px 0px 0!important; padding: 2px 5px; height: 17px; font-size: 80%;color: #666;}
.searchbox p { padding: 0; margin:5px 0 0 0;  }

.header img { border: 0; }

.content { margin: 0; padding: 5px 0 0px 0; background: url( ../images/maincontent-backmiddle.gif ) top no-repeat; }
.content .left {position: relative; width: 173px; float: left; margin: 0 0px 0px 41px; padding: 0 0 72px 0; }
.social {padding: 4px 0 24px 35px; width: 128px; margin: 1px 0 0 10px; background: url(../images/joinus-back.jpg) no-repeat; height: 23px; display: block; font-size: 80%; font-weight: bold;}
.social img {float: left; margin:1px 4px 2px 4px }
.social img#twitter{margin:0px 0px }
.social p {float: left; margin: 2px 0 0 0}

.content .centre { width: 470px; float: left; padding: 5px 10px 0 10px; margin: 0 10px;border-left: 1px solid #c1c9cf; border-right: 1px solid #c1c9cf}

.content .centre .centreleft { width: 230px; padding-right: 10px; float: left; }
.content .centre .centreright { width: 230px; float: left; }

.content .centre p { color: #333; }
.content .right { width: 190px; float: left; margin: 0; padding: 0 0 0 2px; }
.content .right img.sg_left {border-top: 3px solid #000}
.quicklinks {width: 169px; float: left; margin: 0 0 5px 0}
.quicklinks .top {background: url(../images/quicklink.gif) no-repeat;display: block; height: 29px;}
.quicklinks .top p{color: #fff; padding: 6px 0 0 33px; font-weight: bold}
.quicklinks .link {position: relative; margin: 0; padding: 0; display: block; width: 169px; height: 81px; }
.quicklinks .link a{ border-top:3px solid #000; padding: 0; margin: 0; width: 169px; height: 81px; display: block; background-position: 0 0}
.quicklinks .link a:hover{background-position: 0 -81px;}
.quicklinks .link a#link1{background-image: url(../images/link1.jpg)}
.quicklinks .link a#link2{background-image: url(../images/link2.jpg)}
.quicklinks .link a#link3{background-image: url(../images/link3.jpg)}
.quicklinks .link a#link4{background-image: url(../images/link4.jpg)}
.quicklinks .link a#link5{background-image: url(../images/link5.jpg)}
.quicklinks .link a#link6{background-image: url(../images/link6.jpg)}

.content .centre2 {width: 700px; float: left; padding: 10px 10px 0 10px; margin: 0 0 0 10px; border-left: 1px solid #c1c9cf; }
.content .centre table{width: 440px}
.content .right table{width: 170px}
.content .centre table th, .content .right table th {text-align: left;background: #d7de31; color: #000; padding: 0 5px;}
.content .centre table tr, .content .right table tr { margin: 1px 0 0 0;}
.content .centre table td, .content .right table td { padding: 0 5px;}
.content .centre table tr, .content .right table tr{background: #e5e86d;}
.content .centre table tr.row1, .content .right table tr.row1{background: #e5e86d;}
.content .centre table tr.row2, .content .right table tr.row2{background: #f3f5c0}

.content .centre .form table td {padding: 5px; text-align: left; vertical-align: top}
.content .centre .survey table {width: auto; padding: 0 0 5px 0; margin: 0; }
.content .centre .survey table tr{background: #fff; }
.content .centre .survey table td{padding: 2px 0; text-align: left; vertical-align: top;}
.content .centre .survey table td.d1{margin; 0 20px 0 0}

.content h1 { padding: 0 0 10px 0; color: #333; font-size: 160%; }
.content h2 { padding: 0 0 10px 0; color: #333; font-size: 140%; }
.content h3 { padding: 0 0 10px 0; color: #333; font-size: 120%; }
.content p { line-height: 130%; padding: 0 0 10px 0; color: #333; }
.content ul { padding: 0 0 10px 0; margin: 0 0 0 20px; }
.content li { padding: 0 0 5px 0; margin: 0; }
.content a { color: #333; }

.content .atoz h2 { background: #dfdf34; margin: 0 0 1px 0; padding: 4px; font-size: 110%; }
.content .atoz p.normal { margin: 00; padding: 0 0 10px 0; }
.content .atoz p { margin: 0 0 1px 0; padding: 4px; }
.content .atoz p.secs { font-size: 120%; font-weight: bold; padding: 0 0 20px 0; }
.content .atoz p.secs a { display: inline-block; padding: 3px; margin: 0 10px 0 0; }
.content .atoz p.secs a:hover { text-decoration: underline; }
.content .atoz p.secs a.selected { background: #dfdf34; }
.content .atoz p.odd { background: #f5f6c3; }
.content .atoz p.even { background: #eae971; }
.content .atoz p a { text-decoration: none; }
.content .atoz p a:hover span { text-decoration: underline; }

.quoteL {font-size: 80%; float: left;margin: 40px 7px 0 0;width: 180px; min-height: 79px; background: url(../images/quote-back.gif) no-repeat; padding: 5px 10px 0 40px}
.quoteR{font-size: 80%; float: left;margin: 40px 0px 0 0;width: 180px; min-height: 79px; background: url(../images/quote-back.gif) no-repeat; padding: 5px 10px 0 40px}

.footer {position: relative; background: url(../images/maincontent-footer.jpg) no-repeat; font-size: 90%; padding: 0px 0; height: 191px;}
.addThis {position: absolute; right: 52px; bottom: 60px}

.footeroverlay {display: block; position: absolute; top: -73px; left: 41px;}
.footeroverlay img{display: block; position: absolute;  width: 182px; height: 73px;}
.footeroverlay #star{position:absolute; top: 59px; left: 396px; width: 68px; height: 14px;}

.footerouter {position: absolute; bottom: 20px; right: 50px; }
.footerouter p{font-size: 75%; color: #26262a; }
.footerouter a { color: #26262a; }
.newsfeed { margin: 0 0 10px 0; color: #666; }
.newsfeed h2 { background: #9a9a9d url(../images/search_back.gif) repeat-x; color: #fff; margin: 0; padding: 6px; font-size: 100%; }
.newsfeed .inner { border: 1px solid #ccc; background: #f2f2f2; }
.newsfeed .inner .an .img { float: left; width: 200px; }
.newsfeed .inner .an .img img { display: block; margin: 0; padding: 0; border: 0; }
.newsfeed .inner .an .txt { float: left; width: 270px; }
.newsfeed .inner .an { border-top: 1px solid #f2f2f2; padding: 10px; }
.newsfeed h3 a { color: #0072bd; text-decoration: none; }




.navigation {width: 163px;padding: 0px; margin: 0 0 0px 10px; height: 100%; font-weight: bold; font-size: 90%; }
.navigation ul { margin: 0px; padding: 0; }
.navigation li { background: #ffffff url(../images/nav-back.gif) top no-repeat; width: 127px; color: #000000; display: block; padding: 7px 5px 9px 31px; margin: 0px; float: left; }
.navigation li.selected { background: url(../images/nav-selected.gif) top no-repeat; }
.navigation a { color: #000000; text-decoration: none }
.navigation a:hover { text-decoration: underline; }
.navigation li.selected a { color: #ffffff; }

.secondarynavigation {width: 162px;background: url(../images/snav-back.gif) repeat-y; padding: 0 0 72px 0; margin: 2px 0 -72px 11px; }
.secondarynavigation ul { margin: 0; padding: 0; }
.secondarynavigation li { color: #000; padding: 0; margin: 0; list-style-type: none; }
.secondarynavigation li.selected li { margin-left: 5px; }
.secondarynavigation a {font-size: 85%; color: #000; text-decoration: none; padding: 4px 10px 4px 35px; display: block; margin: 0 0 2px 0; height: 100%;font-weight: bold  }
.secondarynavigation a:hover { text-decoration: underline; }
.secondarynavigation li.selected a {  color: #000; background: url(../images/snav-selected-back.gif) no-repeat 15px 0px;  }
.secondarynavigation li.selected li a { background: #008FC5; padding: 6px 25px;  }
.secondarynavigation li.selected li.selected a { background: #00526F }
.secondarynavigation li.selected ul { margin: 0 0 5px 0; }

.searchresult { margin: 0 0 10px 0; border-top: 1px solid #ddd; padding: 10px 0 0 0; }
.searchresult a { color: #333333; }


div.googlemap { display: block; width: 470px; height: 250px; border: 1px solid #ccc; }

p.question { margin-top: 1em };
