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

html {width: 100%; background: url(../images/backrepeat.jpg) repeat-x top #ddeffc;}

body {width: 1000px; margin: 0 auto; background: url(../images/headerbg.jpg) top center no-repeat #ddeffc; font-family:Arial, Helvetica, sans-serif; color: #5c5c5c; postion: relative; padding-top: 20px;}

#mainframe {width: 900px; margin: 0 auto; background: #fff;}

#header { width: 900px; height: 250px; position: relative; background: url(../images/bannerbg.png) no-repeat;}

#whitebox { width: 880px; background:#FFFFFF; margin-bottom: 30px; margin-top: 10px; margin-left: 20px; min-height: 500px; }

#menuw { position: absolute; top: 10px; left: 60px; width: 200px;}

#menug { position: absolute; top: 30px; left: 80px; width: 200px; line-height: 25px;}

.vertical {width: 2px; height: 98%; background:url(../images/vertical.jpg) repeat-y; min-height: 480px; margin-left:16px; margin-right: 16px;}

.horizontal {height: 2px; width: 98%; background:url(../images/horizontal.jpg) repeat-x; margin-top: 10px; margin-bottom: 10px;}

.floatleft {float: left;}

.floatright {float: right;}

.frontboxes {width: 500px; height: 500px; border: 0px solid #000; padding:5px;} 

.frontbox {width: 500px; }

.blueboxes { width: 300px; margin-left:5px;} 

.blue { width: 300px; background:#9ed0de; margin-bottom: 10px; padding: 5px;} 

.bannerimage { position: absolute; right: 50px; top: 10px; width: 310px; height: 200px; border:1px solid #fff; z-index: 10;}

.sponsor {position: absolute; z-index:1; right: 30px; bottom: 1px; height: 30px; color:#fff;}

.logo {position: absolute; top: -10px; left: 250px;}

.frameoverlay {position: absolute; right: 5px; top:0px; width: 370px; height: 230px; z-index: 11;}

.featurefront { font-size: 10px;}

.eventfront { font-size: 10px;}

.newsfront {font-size: 10px; font-weight: bold;}

.searchbox {color:#fff; position: absolute; top: 40px; right: 200px; font-size:10px;}

.searchbox input { background: #9ed0de; border:0px; }

.botmenu {position: absolute; left: 120px; top: 30px;}

.tabon { margin: 0; margin-right:2px; background:#d9f5fc; width: 100px; height: 20px; font-size: 12px; text-align:center; padding-top: 7px; float: left; cursor: pointer;}

.taboff { margin: 0; margin-right:2px; background:url(../images/taboff.jpg); width: 100px; height: 20px; font-size: 12px; text-align:center; padding-top: 7px; float: left; cursor: pointer;}

.tabbox {width: 450px; background: #d9f5fc;}

.center {text-align:center;}

.header { font-size: 12px; width: 100%; font-weight: bold;}

.featurebox {width: 320px; border: 0px #999 solid; padding: 5px;}

.relative {position: relative;}

#footer {width: 100%; height: 122px; background:url(../images/footergrad.jpg) repeat-x; position:absolute; left:0;}

#gallery {width: 250px; height: 200px; margin: 0 auto; text-align:center;}

a.menuw {color: #FFFFFF; text-decoration: none; font-weight:bold; font-size:11pt;}

a.menug {color: #111; text-decoration: none; font-weight:bold; font-size:11pt; padding: 5px;}

.margin {margin:5px;}

.hidden {display: none;}

.clearleft {clear: left;}

.changer {padding:4px;}

.border {border: 1px solid #000;}

.imagebox { font-size: 12px; font-weight: bold; height: 210px;}

.padding {padding:5px;}
.readmorebox { float: right;}
a.readmore { font-size: 12px; text-align: right; color: #5c5c5c; text-decoration:none; font-weight:bold;}

a.sponsorlink {color:#fff; font-stretch: semi-expanded; font-weight: bold; font-size:10pt;}

a.bottom {color: #fff; font-size: 10px;}
img {border: 0px;}

a {text-decoration: none; font-size: 12px; color: #000066; margin-left:2px; margin-right: 2px;}

p {font-size: 12px; padding: 2px; margin: 0 px;}
.clear { clear: both;}
h2 {font-size: 14px; padding:2px; margin: 0px; color:#5c5c5c;} 
h3 {font-size: 14px; padding:2px; margin: 0px; color:#568896;} 
h4 {font-size: 14px; padding:5px; margin: 0px; color:#5c5c5c;}