html{ overflow: auto; }
body{ margin: 0; padding: 0; background: #e3fcff url('images/bg.jpg') repeat-x;
    font: normal 12px 'Trebuchet MS', Helvetica, sans-serif;}

#wrapper{ margin: 0 auto; padding: 0; width: 980px;}

#top {height: 295px; margin-top: 5px;}
#top #searchTab {height: 44px; width: 960px;margin-left: 10px;background-image: url('images/top_bg.jpg'); overflow: hidden;}
#searchTab .searchBox {width: 277px; height: 40px; margin-top: 3px; background-image: url('images/search_bg.jpg'); float: right; margin-right: 16px;background-repeat: no-repeat;}
#searchTab .searchBox .text {border:0pt none;float:left;font-size:13px;height:20px;margin-left:14px;margin-top:13px;width:163px;}
#searchTab .searchBox .button {background-color:transparent;border:0pt none;cursor:pointer;float:left;height:30px;margin-left:32px;margin-top:5px;width:61px;}

#searchTab .contactLink {float: right;}
#searchTab .contactLink a,
#searchTab .contactLink a:visited{color: #fff;}
#searchTab .contactLink img {float: left;}
#searchTab .contactLink .link {float:left;margin-top:16px;text-decoration:underline;}

#searchTab .fontSizes {width: 125px; height: 44px; float: right; margin-left:8px;margin-right:10px;overflow: hidden;}
#searchTab .fontSizes .fontButton1 {display: block; float: left; height:44px;width:27px;border: 0;background-color: Transparent;cursor: pointer;background-image: url('images/a1.jpg');}
#searchTab .fontSizes .fontButton2 {display: block; float: left; height:44px;padding:7px;width:34px;border: 0;background-color: Transparent;cursor: pointer;background-image: url('images/a2.jpg');}
#searchTab .fontSizes .fontButton3 {display: block; float: left; height:44px;padding:13px;width:40px;border: 0;background-color: Transparent;cursor: pointer;background-image: url('images/a3.jpg');}

#top #navigation {width: 960px; height: 50px;background-image: url('images/nav_bg.jpg');}
#top #navigation h3 { font-size: 12px !important; }
#top #navigation a,
#top #navigation a:visited{color:#FFFFFF;float:left;height:20px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px;  }
#top #navigation a:hover{color:#00FFFF;background-color: #0876b4;}
#top #navigation li {float: left;}
#top .logo {overflow: hidden; height: 201px;background-image:url(images/logo_bg.jpg);background-repeat:repeat-y;height:201px;padding-left:10px;width:970px;}

#pageContent {background-color:#FFF;background-image:url(images/logo_bg.jpg);overflow:hidden;padding-left:10px;padding-top:20px;}
#pageContent .smallBoxContent {background-image: url('images/small_box_bg.jpg'); overflow:hidden; padding-bottom: 10px;}
#pageContent .smallBoxBottom {background-image: url('images/small_box_bottom.jpg'); width: 230px; height: 9px;overflow:hidden;}
#pageContent #leftSideBar {width: 230px; float: left; min-height: 100px; padding-left:10px;}

#pageContent #leftSideBar .adBox {width: 230px; overflow: hidden;margin-bottom: 10px;}
#pageContent #leftSideBar .adBox .adTop {background-image: url('images/adds_top.jpg'); width: 230px; height: 12px; overflow: hidden;}
#pageContent #leftSideBar .adBox .adBottom {background-image: url('images/adds_bottom.jpg'); width: 230px; height: 15px; overflow: hidden;}
#pageContent #leftSideBar .adBox .adContent {background-color:#39C2D2;text-align:center; overflow: hidden;}
#pageContent #leftSideBar .adBox .adContent a {display:inline-block;margin:10px 0;}

#pageContent #leftSideBar .nextClass {margin: 0 0 20px 0;overflow: hidden;}
#pageContent #leftSideBar .nextClass h2{ margin: 10px 10px 0 10px; color: #39c2d2; font-size: 16px; }
#pageContent #leftSideBar .nextClass h3{ margin: 0 10px 10px 10px; color: #eb99c2; font-size: 12px; }
#pageContent #leftSideBar .nextClass a,
#pageContent #leftSideBar .nextClass a:visited {color: #39c2d2; margin-top: 10px;display:block;text-decoration:underline;}

#pageContent #rightSideBar {width: 230px; overflow: hidden; float: left; min-height: 100px;}
#pageContent #rightSideBar .mailingList {padding:12px 18px 0 23px; overflow: hidden; background-image: url('images/mailinglist_bg.jpg');background-repeat:no-repeat;height:117px;}
#pageContent #rightSideBar .mailingList .text {height: 16px; width: 174px; margin: 10px 0; padding: 2px 3px; background-color:transparent;border:1px solid transparent;float:left; border: 0;}
#pageContent #rightSideBar .mailingList .submit {border: 0; background-color: Transparent; width: 61px; height: 26px;cursor: pointer;margin-left:3px;margin-top:3px;}
#pageContent #rightSideBar .mailingList span{ font-size: 14px; }
#pageContent #rightSideBar .bottomMailing {background-image: url('images/small_box_bottom.jpg'); width: 230px; height: 9px;overflow:hidden;}
#pageContent #rightSideBar .mailingInfo {background-image: url('images/mailinglist_bg_info.jpg');padding:0 15px;overflow: hidden;}
#pageContent #rightSideBar .lindaAvises {margin: 10px 0;}

#pageContent #rightSideBar #poll {margin: 0 0 10px 0;}
#pageContent #rightSideBar #poll .pollContent {overflow: hidden; padding:10px;width:208px; margin-left: 1px;text-transform:uppercase;}
#pageContent #rightSideBar #poll .pollContent input[type="radio"] {margin: 0 5px;}
#pageContent #rightSideBar #poll .pollContent ul {list-style-type: none;}
#pageContent #rightSideBar #poll .redbar {background-color:#F0A; overflow: hidden;}
#pageContent #rightSideBar #poll .greenbar {background-color:#0FA; overflow: hidden;}
#pageContent #rightSideBar #poll .bluebar {background-color:#0AF; overflow: hidden;}
#pageContent #rightSideBar #poll ul.pollResults {margin-left:5px;}
#pageContent #rightSideBar #poll .boxContent {background-image: url('images/small_box_bg.jpg'); overflow:hidden;}
#pageContent #rightSideBar #poll .boxBottom {width: 230px; height: 9px;overflow:hidden;}
#pageContent #rightSideBar #poll .text {font-weight: bold;margin-bottom:10px;}
#pageContent #rightSideBar #poll .voteButton {margin-top:10px;}

#pageContent h1.headlingSmall {background-image: url('images/headling_small.jpg'); width: 210px; height: 23px; padding: 10px; font-size: 19px;color: #fff; text-transform: uppercase; }
#pageContent h1.headlingPink {background-image: url('images/headling_small_pink.jpg'); width: 210px; height: 23px; padding: 10px; font-size: 19px;color: #fff; text-transform: uppercase; }
#pageContent h1.headlingLong {background-image: url('images/headling_long.jpg'); width: 665px; height: 23px; padding: 10px; font-size: 19px;color: #fff;margin-bottom: 20px; text-transform: uppercase; }

#pageContent .advert {width: 230px; overflow: hidden; margin-bottom: 10px;}

#pageContent .mainContent {width: 685px; padding: 0 10px;overflow:hidden;}
#pageContent .mainContent ul {list-style-type: disc; overflow: visible; margin-left: 15px;}
#pageContent .mainContent a {color: #39c2d2;}

#pageContent .mainContent .news {width: 441px;overflow:hidden;float:left;margin-right:10px;background-image:url(images/news_bg.jpg);}
#pageContent .mainContent .news .bottom {background-image:url(images/news_bottom.jpg);margin-top: 10px;height:10px;width:441px;overflow:hidden;}
#pageContent .mainContent .news .headling {background-image: url('images/headling_short.jpg'); overflow:hidden; font-size: 19px; padding: 10px; width: 440px; height: 23px; color: #fff; text-transform: uppercase; }
#pageContent .mainContent .news h1{font-size: 120%; color:#39c2d2; padding: 6px 0;font-weight:bold;}
#pageContent .mainContent .news .entry {overflow: hidden; border-bottom: dotted 3px #39c2d2; padding-bottom: 20px; margin-bottom: 20px; text-align: justify;}
#pageContent .mainContent .news .more {float: right;clear:both;}
#pageContent .mainContent .news .more a{color:#39c2d2;text-decoration: underline;}
#pageContent .mainContent .news .tmbImg {margin: 0 5px 2px 0;}
#pageContent .mainContent .news .newsArchiveLink {text-align: center; margin-top: 30px;}
#pageContent .mainContent .news .newsArchiveLink img {margin-top: -7px;}
#pageContent .mainContent .news .newsArchiveLink a,
#pageContent .mainContent .news .newsArchiveLink a{color: #39c2d2;}
#pageContent .mainContent .news .newsArchiveLink span {text-decoration: underline;}

#pageContent .mainContent #newsArchive .entry {margin:20px; width:300px; float: left;text-align: justify;}
#pageContent .mainContent #newsArchive .entry h1.title {font-size: 120%; color: #39c2d2;font-weight: bold;}
#pageContent .mainContent #newsArchive .entry h2.date {font-size: 110%; color: #000; margin:4px 0pt;}
#pageContent .mainContent #newsArchive .pages {height:10px;overflow:hidden;padding:10px;text-align:center;}
#pageContent .mainContent #newsArchive .pages a,
#pageContent .mainContent #newsArchive .pages a:visited {padding: 5px 9px; color: #39c2d2; margin: 0 5px;border: solid 1px #fff;}
#pageContent .mainContent #newsArchive .pages a.selected {background-color: #39c2d2; color: #fff; border: solid 1px #96dfe7;}
#pageContent .mainContent #newsArchive .pages a:hover {background-color: #96dfe7; color: #777; border: solid 1px #39c2d2;}
#pageContent .mainContent #newsArchive .lnkMore,
#pageContent .mainContent #newsArchive .lnkMore:visited {float: right; color: #39c2d2; text-decoration: underline;}
#pageContent .mainContent #newsArchive .newsImg {margin-right: 8px;}

#pageContent .mainContent .inContent {width: 685px; background-image: url('images/content_bg.jpg'); overflow: hidden;}
#pageContent .mainContent .inContent .bottom{width: 685px; background-image: url('images/content_bottom.jpg'); height:10px;overflow: hidden;}

#pageContent .contactForm {margin: 0 20px;}
#pageContent .contactForm .text {width: 300px; height: 20px; margin: 5px 0;}
#pageContent .contactForm textarea {width: 300px; height: 200px; margin-bottom: 20px;}
#pageContent .contactForm .submit {width: 71px; height: 30px; background-image: url('images/contact_submit.jpg'); float: left; margin: 0 20px; display: block;}
#pageContent .contactForm .submit:hover {background-image: url('images/contact_submit._hover.jpg');}
#pageContent .contactForm .submit input {cursor:pointer;width: 71px; height: 30px; border: 0;background-color: Transparent; float: left; display: block;}
#pageContent .contactForm .clearFields {width: 71px;display: block; height: 30px; background-image: url('images/contact_clear.jpg'); float: left;}
#pageContent .contactForm .clearFields:hover {background-image: url('images/contact_clear._hover.jpg');}

#pageContent .mainContent .products .item {width: 150px; height: 247px; background-image: url('images/products/prod_bg.jpg'); margin: 9px; float: left; text-align: center; overflow: hidden;}
#pageContent .mainContent .products .item:hover {background-image: url('images/products/prod_bg_pink.jpg'); }
#pageContent .mainContent .products .item h3 {text-align: center; color: #fff; height: 25px; font-size: 14px;line-height:25px;}
#pageContent .mainContent .products .item h3 a {color: #fff;} /* FF link recreate bug */
#pageContent .mainContent .products .item p {text-align: justify; color: #000; width: 140px; height: 40px;font-size:11px;width:140px;padding: 5px;display: block; overflow: hidden;}
#pageContent .mainContent .products .item .price {text-align: center; color: #fff; font-size: 16px;}
#pageContent .mainContent .products .item .price a {color: #FFF;}/* FF link recreate bug */
#pageContent .mainContent .products .item .image {height: 150px; width: 150px; margin: 0; padding: 0;overflow: hidden;}
#pageContent .mainContent .products .item a {display: block; cursor: pointer;overflow: hidden; color: #000; }
#pageContent .mainContent .pages {text-align: center;height:50px;overflow:hidden;padding:10px;}
#pageContent .mainContent .pages a {padding: 5px 8px;border: solid 1px #fff;margin: 0 5px;font-size:120%;color:#39c2d2;font-weight: bold;}
#pageContent .mainContent .pages a:hover,
#pageContent .mainContent .pages a.selected{background-color: #39c2d2; border: solid 1px #96dfe7;color:#FFF;}
#pageContent .mainContent .pages a.selected:hover {background-color: #96dfe7; border: solid 1px #39c2d2;}

#pageContent .mainContent .singleProduct .image {width: 320px; float:left; margin: 0 20px;text-align:center;overflow:hidden;}
#pageContent .mainContent .singleProduct .content {float:left;width:300px;text-align:justify;margin-right: 10px;}
#pageContent .mainContent .singleProduct .content a {display:inline-block;float:right;}

#pageContent .mainContent .videos .item {float: left; width: 275px; overflow: hidden;margin-left:50px;}
#pageContent .mainContent .singleVideo .video {width: 480px; margin: 0 auto;}

#pageContent .mainContent #sresults .result {margin: 0 20px;}
#pageContent .mainContent #sresults .result .message {font-size: 110%;}
#pageContent .mainContent #sresults .result h4 {font-size: 120%; font-weight: bold; margin: 10px;}
#pageContent .mainContent #sresults .result li {margin: 5px 0;}

.schedule {margin-left: 10px;}

.schedule #stundaskra .column .item .itemText a.closestEvent {color: Red;	font-weight: bolder;} 
.schedule #stundaskra .column .item .itemHeader span.closestEvent {color: Red;font-weight: bold;}

.schedule #stundaskra{width:642px;font-size: 8pt;background-color:#fff/*F67E4D*/; background-image: url('images/schedule_bg.jpg');}
.schedule #stundaskra .column{float:left;width:107px;}
.schedule #stundaskra .columnFrame{width:98px;float:left;border-right: solid 0px #333;margin-top:3px;height:100%;}

.schedule #stundaskra .column .header{color:#fff; background-color:#2BB3C7; font-size: 8pt; font-weight:bold; padding:8px 0 8px 5px; text-align:left; }
.schedule #stundaskra .column .item{padding:1px 3px;margin-top:3px;margin-bottom:2px;}
.schedule #stundaskra .column .item a, #stundaskra .column .item a:visited {color:#333;}

.schedule #stundaskra .column .itemHeader{}
.schedule #stundaskra .column .itemText{}
.schedule #stundaskra .column .empty{height:50px;}
.schedule .legend{margin:10px 0 5px 15px;float:left;}
.schedule .printer{margin:10px 45px 5px 0;float:right;}
.schedule .printer a, .schedule .printer a:visited {color:#333;font-weight:bold;}
.schedule .period {padding: 5px 0;}
.schedule .period a,
.schedule .period a:visited {text-decoration: underline; color: #39c2d2;}

#pageContent #event .text {width: 418px; background-color: #39c2d2; overflow: hidden; float: left;margin-left:10px;}
#pageContent #event .text .top {width: 418px; height: 11px; background-image: url('images/schedule/event_top.jpg'); }
#pageContent #event .text .bottom {width: 418px; height: 14px; background-image: url('images/schedule/event_bottom.jpg'); overflow:hidden;}
#pageContent #event .text .content {padding: 0 10px;}
#pageContent #event .text .content h2 {margin-bottom: 20px; color: #fff;}
#pageContent #event .info {float: left; padding: 0 20px;}
#pageContent #event .info .clear {height: 20px;}
#pageContent #event .info img {margin-right: 20px;}

#bottom {height: 141px; background-image: url('images/bottom_bg1.jpg');}
#bottom #bottomContainer {width: 980px; margin: 0 auto; overflow: hidden; height: 141px; background-image: url('images/bottom_bg2.jpg');}
#bottom #bottomContainer .bottomImage {width: 150px; float: left;overflow:hidden;}
#bottom #bottomContainer .navigation {margin-top: 65px; width:700px; float: left;}
#bottom #bottomContainer .navigation li {padding: 10px; float:left; }
#bottom #bottomContainer .navigation li a{color: #fff; font-size:10px !important; }
#bottom #bottomContainer .navigation li a h3{ font-size: 12px !important; }
#bottom #bottomContainer .navigation .info {text-align: center;margin-top:10px; color: #fff}
#bottom #bottomContainer .navigation .info a,
#bottom #bottomContainer .navigation .info a:visited{color: #fff; text-decoration: underline;}
#bottom #bottomContainer .bottomLogo {padding-left:5px;padding-top:65px;width:105px; float: left;}
#bottom #bottomContainer .shadowLeft {height:61px;width: 10px; float: left;background-image: url('images/bottom_shadow_left.jpg');}
#bottom #bottomContainer .shadowRight {height:61px;width: 10px; float: left;background-image: url('images/bottom_shadow_right.jpg');}
.clear, .clearBoth { clear: both; height: 0; overflow: hidden;}