@import url("reset.css");
@import url("typo.css");

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfix{display:inline-block}

.clear{clear:both}

html, body{ margin:0;  padding:0;  text-align:center;  background:#D4D4C9 url(../images/body_bk.png) top left repeat-x}
#pagewidth{ width:960px;  text-align:left;  margin-left:auto;  margin-right:auto;  background:#fff }
#slider #bannerPanels{ height:600px;  background:#fff;  width:100%}
#header{ height:569px;  background:#fff;  width:100%}
#bannerPanels #header{ height:639px;  background:#fff;  width:100%}
#secondaryNav{ width:240px;  float:left;  padding:0}
#mainContent{float:right; width:680px; margin:0 20px 0 0; min-height:400px}
#footer{ display:block;  float:left;  background:#f1f3f0;  clear:both;  width:960px}

.textonly{position:absolute; left:-1500px; width:1px; height:1px; overflow:hidden}

#logo a{background:transparent url(../images/logo.png) no-repeat scroll left top; color:#B43939; display:block; float:left; margin:15px 0 0 20px; padding:7px 0 14px 240px}
#logo a:hover{color:#000}

#bannerPanels #banner{display:block; width:960px; border-bottom:none; float:left}
#mainNav{width:960px;  float:left;  background:#F3F4F5; float:left; margin:12px 0 0 0}

#header .inner img{border-bottom:20px solid #000}

#mainNav h2{display:none}

#mainNav li{display:block; float:left}

#mainNav li a{display:block; float:left; border-right:1px solid #D9DBD9; width:219px; padding:20px 0 20px 20px; font-size:1.6em}

#mainNav li.last a{border-right:none}

#mainNav li a:hover{background:#d4d4c9}

#mainNav li.current a{background:#d4d4c9}

#searchbox{display:block; float:right; margin:45px 10px 0 0}
#searchbox label{display:none}
#searchbox input.searchBoxinput{border:0; background:#DFDFD7; color:#666; font-size:24px; padding:8px 10px 12px 10px; margin:0; height:30px; width:170px; float:left}
#searchbox button{text-indent:-5000px; border:0; background:url(../images/search_submit.png) top left no-repeat; width:40px; height:50px; margin:0; padding:0; float:right}

#header #searchbox legend{display:none}


#mainContent a{color:#B43939}
#mainContent a:hover{text-decoration:underline}

#mainContent .intro p{font-size:1.5em}

#mainContent h2{font-size:1.8em; color:#333; font-weight:bold}
#mainContent h3{font-size:1.6em}
#mainContent h4{font-size:1.4em}

#mainContent ul{ padding:0 1.2em;  margin:0 5px}
#mainContent li{ list-style:circle}

#mainContent .listings {margin: 0; padding: 0; }
#mainContent .listings li {margin: 0; padding: 0.5em 0; list-style: none; border-bottom: 1px dashed #d4d4c9;}
#mainContent .listings li:hover {background: #f1f3f0}

#mainContent .webblerimage{display:block; background:#f3f4f5; padding:5px}
#mainContent .left{float:left; margin:0 10px 10px 0}
#mainContent .right{float:right; margin:0 0 10px 10px}

#mainContent .image_blocks {display: block; float: left; width: 100%; margin: 0; padding: 0}
#mainContent .image_blocks li{list-style: none; width: 680px; float: left; padding: 1em 0; margin: 0; border-bottom: 1px dashed #d4d4c9;}
#mainContent .image_blocks li:hover {background: #f1f3f0}
#mainContent .image_blocks img {float: left;background:#f3f4f5; padding:5px; margin: 0 10px 0 0}

#mainContent form{border-bottom:1px solid #b3b4a5; float:left; margin:0 0 0.75em; padding:0 0 0.75em; width:680px}
#mainContent form p{border-bottom:1px dotted #b3b4a5; float:left; padding:7.5px 0; position:relative; width:680px;}
#mainContent form label{float:left; font-weight: bold; margin:0.5em 2% 0.5em 0; width:272px}
#mainContent form input.inputitem{border:1px solid #b3b4a5; float:left; font-size:1.2em; margin:5px 0 2px; padding:4px; width:365px}
#mainContent textarea{border:1px solid #b3b4a5; float:left; font-family:Helvetica,Arial,sans-serif; font-size:12px; height:150px; padding:4px; width:365px}
span.required{color:#F00; display:block; font-weight:bold; left:246px; position:absolute; top:1.5em}
#mainContent form .buttonHolder{float:left; padding:0.75em 0; position:relative; width:582px}
#mainContent form .buttonHolder input{background-color:#d4d4c9; border:medium none; color:#666; float:left; font-size:16px; letter-spacing:1px; padding:2px 4px 3px; text-transform:uppercase}
#mainContent .datenodate {display: none}
#mainContent form p select {border:1px solid #B3B4A5; padding: 0.1em}
#mainContent form p select.dateday, #mainContent form p select.datemonth {margin: 0 5px 0 0}
#mainContent form #submit {margin: 10px 0 0 0}
form .pymntlabel {display:inline-table;float:none !important;}

#secondaryNav h3{padding:0.5em 0 0.5em 20px; display:block; background:#d4d4c9; font-size:1.6em; letter-spacing:0}
#secondaryNav li{margin:0; padding:0}
#secondaryNav li a{padding:0.5em 0 0.5em 20px; display:block;  font-size:1.4em}
#secondaryNav li a:hover, #secondaryNav li.current a{background:#E9E9E4}
#secondaryNav ul li.current ul{border-bottom:1px solid #d4d4c9}
#secondaryNav ul li.current ul li a{background:#eee; padding:0.5em 0 0.5em 30px}

.webblerpaging, .results_per {float: left}
.paging {float: left; clear: both; width: 100%; margin: 0.5em 0}
.paging a {float: left; display :block; margin: 0 2px 2px 0; border: 1px solid #ccc; padding: 0; width: 20px; color: #333333; text-align: center; font-weight: bold; text-decoration: none}
.paging a:hover, .paging a:focus {border: 1px solid #ccc; background-color: #d4d4c9; color: #000}
.paging a.current {border: 1px solid #ccc; background-color: #d4d4c9; color: #000}
#mainContent .paging p {display: block; float: left; width: 45px; margin: 3px 0; padding: 0;}
#mainContent .paging a.pagingprevious, #mainContent .paging a.pagingnext{display: none}

#footer .links{display:block; float:left; height:130px; width:220px; margin:20px 20px 0 20px}
#footer .info, #footer .register {display:block; float:left; height:130px; width:240px; margin:20px 0 0 0}

#footer .info p, #footer .register p{margin:0; padding:0}
#footer .powered{background:#D4D4C9 none repeat scroll 0 0; display:block; float:left; padding:10px 10px 10px 0; text-align:right; width:950px}

#mainContent .sitemap {border-bottom: 1px dashed #D4D4C9; margin: 0 0 20px 0}
#mainContent .trunktitle {font-size: 1.4em; border-top: 1px dashed #D4D4C9; padding: 5px 0 0 0}
#mainContent .branch {padding: 0 0 10px 20px; margin: 0}

* html .clearfix{height:1%}
.clearfix{display:block}


@media print{ #leftcol{display:none}


#rightcol{display:none}

#twocols, #mainContent{width:100%; float:none}
}