html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
.clear{clear:both}

body{font:62.5%/1.6 Arial,Helvetica,sans-serif; text-align:center}
a{color:#666; text-decoration:none}
a:hover{color:#000}
h1{font-size:2.1em; font-weight:normal; line-height:1.3em; letter-spacing: -1px}
#mainContent h1 {margin: 1px 0}
h2{font-size:1.75em; font-weight:normal; line-height:1.6em}
#mainContent h2{font-size:1.4em;line-height:1.3em;margin:10px 0 0;}
h3{font-size:1.8em; font-weight:normal; line-height:1.6em}
h4{font-size:1.5em; font-weight:normal; line-height:1.6em}
#header, 
#mainContent,
#mainNav,
#secondaryContent, 
#footer{font-size:1.4em}
p{ line-height:1.4em;  padding:0.7em 0}
 
/* */
 
html, body{ margin:0;  padding:0;  text-align:center; }
body {background: #f2f2f2 url(../images2/body_bk.png) top left repeat-x}

#pagewidth{ width:940px; text-align:left; margin-left:auto; margin-right:auto; background:#fff}

#header{ position:relative; height:173px; width:100%}
.home #header{border-bottom:1px solid #DDDDDD;height:167px;margin:0 0 20px;position:relative;width:100%;}

#mainNav{ width:220px;  float:left;  position:relative; background: #e0ebd8}
#mainContent{float:left; position:relative; width:460px; margin: 0 0 20px 0}
#mainContent sub {font-size: 0.7em; margin: 0 1px;  vertical-align: bottom;}
#content{ width:700px;  float:right;  position:relative; margin:0 }
 
#secondaryContent{ width:220px; float:right; position:relative;}
 
#footer{ background:#eae9e9; clear:both; border: 10px solid #fff;  float: left; width: 920px}

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

#rack-functions {display: block; background: #000; width: 100%; height: 40px}

#rack-functions p.url {color:#FFFFFF;float:left;padding:8px 0 0;}
#rack-functions p.url a {background: #000;border-right:1px solid #CCCCCC;color:#FFFFFF;float:left;font-size:1.6em;margin:0 20px 0 0;padding:2px 10px;width:280px;text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.9); -moz-border-radius: none}

#rack-functions ul li {color: #fff; float: left; margin: 9px 2px}
#rack-functions a {background:none repeat scroll 0 0 #C1D7B1;color:#000000;padding:2px 5px; margin: 0 2px 0 0; -moz-border-radius:2px; -webkit-border-radius: 2px}
#rack-functions a:hover {background: #fff}

#rack-functions .subscribe a {background:#86578a;color:#fff;padding:2px 5px; margin: 0 2px 0 0; -moz-border-radius:2px; -webkit-border-radius: 2px; border: 1px solid white}
#rack-functions .subscribe a:hover {background: #fff; color: #000}

#rack-functions #searchbox {float: right; margin: 5px 0 0 0}
#rack-functions #searchbox label, #rack-functions #searchbox legend {display: none}
#rack-functions #searchbox .searchBoxinput {padding: 6px; border: 1px solid #000; width: 180px; background: #f2f2f2}

#rack-functions #searchbox button {padding: 5px; border: 1px solid #000; width: 30px; background: #f2f2f2}
#rack-functions #searchbox .searchBoxinput:hover, #rack-functions #searchbox button:hover {background: #fff}

#rack-banners {float: left; margin: 20px 0 0 0; clear: both; width: 960px}
#rack-banners h1 a {background: url(../images2/logo.png) top left no-repeat; width: 319px; height: 91px; text-indent: -9999px; float: left; margin: 0 0 0 -14px}

#galleryContainer {background: #c2abc4; margin: 0 0 20px 0; float: left; width: 220px}
h2.gallery {background:url(../images2/arrow_gallery.png) no-repeat scroll left bottom ;padding:0 0 10px 10px;width:210px; color: #fff; z-index: 50; position: relative}
#galleryContainer div img {margin: 0; z-index: 5; position: relative; top: -10px; left: 0}
#galleryContainer p {margin: -10px 0 0 0}
#galleryContainer p a {background: #86578a; border: 2px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; float: right; padding: 2px 5px}
#galleryContainer p a:hover {background: #333;}

#rack-banners .bannerAds {float: left; background: url(../images2/header_ads_bk.png) top left; width: 478px; height: 91px; margin: 0 0 0 12px}
#rack-banners .bannerAds span {margin: 2px 0 0 3px; float: left}

#rack-banners .support a{float: right; background: url(../images2/header_support_bk.png) top left; width: 147px; height: 91px; margin: 0 5px 0 0}
#rack-banners .support a .head {color: #fff; font-size: 1.2em; margin: 10px 0 0 15px; display: block}
#rack-banners .support a .strap {color: #fff; font-size: 1em; margin: 12px 0 0 15px; display: block; line-height: 1.1em}

#mainNav h2.topics {background:url(../images2/arrow_topics.png) no-repeat scroll left bottom #c1d7b1;padding:0 10px 10px 0;width:210px; text-align: right; float: left}
#mainNav ul {margin: 10px 0; padding: 0; float: left}
#mainNav ul li {margin: 0; padding: 0; text-align: right}
#mainNav ul li a {width: 210px; padding: 3px 10px 3px 0; float: left; font-size: 1.1em; color: #000}
#mainNav ul li a:hover {background: #cee0c1}

#mainNav ul ul {margin: 0;}
#mainNav ul li.current a{background: #c1d7b1; font-weight: bold; }
#mainNav ul li.current li a{font-weight: normal; color: #666}
#mainNav ul li.current li a:hover {color: #000}
#mainNav .ads1_text {background:none repeat scroll 0 0 #2277AA;color:#FFFFFF;float:left;margin:20px 0 0;padding:5px 10px 0;}
#mainNav .ads1_text p {padding: 5px 0 15px;}
#mainNav .ads1_text a {color: #fff; border-bottom: 1px dotted #fff}
#mainNav .ads1 { float: left; margin: 0 0 0 50px}
#mainNav .ads2 { float: left; margin: 0 0 20px 50px}

#secondaryContent #latest {background: #f9f9f9; float: left; margin: 0 0 20px;}
#secondaryContent h2.latest {background:url(../images2/arrow_latest.png) no-repeat scroll left bottom #eae9e9 ;padding:0 0 10px 10px;width:210px; color: #000; }
#secondaryContent #latest ul {margin: 10px 0; padding: 0; float: left}
#secondaryContent #latest ul li {margin: 0; padding: 0;float: left; }
#secondaryContent #latest ul li a {width: 200px; padding: 3px 10px 3px 10px; float: left; font-size: 1.1em; line-height:1.4em; color: #000}
#secondaryContent #latest ul li a:hover {background: #eae9e9}

#secondaryContent #subNav {background: #fcfcd8; float: left; margin: 0 0 20px 0}
#secondaryContent h2.sub {background:url(../images2/arrow_subnav.png) no-repeat scroll left bottom #fcfcd8 ;padding:0 0 10px 10px;width:210px; color: #000; }
#secondaryContent #subNav ul {margin: 10px 0; padding: 0; float: left}
#secondaryContent #subNav ul li {margin: 0; padding: 0;float: left; }
#secondaryContent #subNav ul li a {width: 200px; padding: 3px 10px 3px 10px; float: left; font-size: 1.1em; line-height:1.4em; color: #000; text-transform:capitalize;}
#secondaryContent #subNav ul li a:hover {background: #fafab1}
#secondaryContent #subNav ul li.current a {background: #fafab1; font-weight: bold; color: #000}

#secondaryNav li a{display:block; width:150px; height:40px; background:#F3F4F5}
#secondaryNav li a:hover{background:#DFE0E5}

#mainContent a {color: #000; border-bottom: 1px dotted #000}
#mainContent a:hover {color: #000; background: #f2f2f2}

#mainContent ul, #mainContent ol{ padding:0 1.2em;  margin:0 5px}
#mainContent ul li{ list-style:circle}
#mainContent ol li{ list-style:decimal}
#mainContent .highlight {display: block; background: #cef4f3; width: 440px; padding: 10px; margin: 1.4em 0 0 0; float : left}
#mainContent h3 {font-size: 1.3em; line-height: 1.3em}

#mainContent .quote_text {float: left; background: #e9f0fb ; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 10px; margin: 1.4em 0; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}

#mainContent .sub-nav {float: left; width: 100%; margin: 0; padding: 0}
#mainContent .sub-nav li {list-style: none; background: #e0ebd8; float: left; width: 90px; margin: 0 2px 2px 0; padding: 2px 10px}
#mainContent .sub-nav li.this {background: #ccc}
#footer .info {margin: 8px 0 5px 10px; color: #333; float: left}
#footer .webbler {margin: 8px 10px 5px 0; color: #333; float: right}
#footer a {color: #333}
* html .clearfix{height:1%}
.clearfix{display:block}
 
#mainContent .listings {border-top: 1px solid #f2f2f2; font-size: 1em; float: left;margin: 0 !important; padding: 0 !important;}
#mainContent .listings ul {margin: 0 !important; padding: 0 !important;}
#mainContent .listings li {margin: 0; padding: 0.4em 0 0 0; border-bottom: 1px solid #f2f2f2; list-style: none}
#mainContent .listings li:hover {background: #f2f2f2}
#mainContent .listings h2 {font-size: 1.2em}
#mainContent .listings h3 {font-size: 1em}
#mainContent .listings a {color: #000; font-weight: bold}

#mainContent .webblerimage {display: block; background: #f2f2f2; padding: 5px}
#mainContent .webblerimage .imagecaption {display: none}
#mainContent .webblerimage .imagecredits {padding: 0.8em 0 0.5em 0; font-size: 0.9em}
#mainContent .center {margin: 0 auto 10px auto}
#mainContent .left {float: left; margin: 0 10px 10px 0}
#mainContent .right {float: right; margin: 0 0 10px 10px}

#mainContent .paging{border-bottom:1px solid #F2F2F2; display:block; float:left; width:100%; padding:0.8em 0 0.4em 0}
#mainContent .paging p{float:left; font-weight:bold; margin:0 3px 0 0; padding: 0}
#mainContent .paging .pagingprevious,#mainContent .paging .pagingnext{display:none}
#mainContent .webblerpaging {float: right; width: 410px}
#mainContent .paging a{border:1px solid #c1d7b1; margin:0 0 5px 5px; text-align:center; text-decoration:none; width:25px; float:left; font-size: 0.9em}
#mainContent .paging a.current, #mainContent .paging a:hover{background:#c1d7b1; color:#000; text-decoration:none}

#searchExtras {background:none repeat scroll 0 0 #E6F9F9;display:block;float:left;margin:0 0 20px;padding:0;width:220px;}
#searchExtras h3 {font-size:1.3em;font-weight:normal;padding:5px 0 5px 10px;}
#searchExtras h4 {font-size:1.1em;font-weight:normal;padding:0 0 5px 10px;}
#searchExtras h3.title {background:url(../images2/arrow_commentary.png) no-repeat scroll left bottom transparent;margin:0; width: 210px; padding: 5px 0 15px 10px}
#searchExtras #search {display:block; border:1px solid #fff; width:195px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0; margin:10px 0 0 10px; }
#searchExtras legend{display:none}
#searchExtras input{width:159px; margin:3px 0 0 0; padding:1px 0 0 2px; border:none !important; background:#fff; font-size:14px; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif}
#searchExtras button{background:none repeat scroll 0 0 #F2F2F2;border:1px solid #fff;padding:5px;width:30px;}
#searchExtras .sortForm {margin: 0 0 10px 10px}

#searchExtras button:hover{cursor:pointer}
#searchExtras .searchExtra h3 {font-weight: normal; font-size: 1em}
#searchExtras .sort {margin: 15px 0 0 0; float: left}
#searchExtras .sort legend {display: none}
#searchExtras .sort select {width: 180px; padding: 3px 0}

#mainContent form p {float: left; width: 400px}
#mainContent form label {float: left; width: 150px}
#mainContent form input.inputitem{float: right; border: 1px solid #666; color: #000; width: 230px; padding: 2px}
#mainContent form .intro_required {color: red;}
#mainContent form .required {color: red; float: left}
#mainContent form #email, #mainContent form #emailcheck {color: #000 !important}

#mainContent .embed iframe {height: 190px; float: left; width: 200px; margin: 10px 0 0 0}

 @media print{ #leftcol{display:none}

 
#rightcol{display:none}

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