@import url('clearfix.css');


html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #000 url(../images/bg.gif); color: #000; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */

form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5, p {margin: 0 0 10px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
ul {margin: 0; padding: 0;}

.clearer {clear: both;}
.clearleft {clear: left}
.clearright{clear: right;}
.getright {float:right;}
.getleft {float:left;}
.getcenta {float:center;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.nobg {background:url(../images/shim.gif) bottom repeat-x;}
.invisi {display: none;}

a:link, a:visited		{color: #cc3366; text-decoration: none; font-weight: bold;}
a:active, a:hover	{text-decoration: underline;}

/* top position was 100px */
#logo {position: absolute; width: 311px; top: 80px; left: 50%; margin: 0 0 10px -457px; z-index: 2;}
#logo  img {margin: 0 0 0 30px;}
/* top position in wrapper was 60px */
#wrapper {position: absolute; width: 915px; top: 40px; left: 50%; margin: 0 0 10px -457px;}
#panel {background: url(../images/panel_bg.png) repeat-y; min-height: 300px;}
#panelhead {height: 86px; background:url(../images/panel_head.jpg) no-repeat;}
#panelfoot {height: 16px; background:url(../images/panel_foot.png) no-repeat;}

/* Panels */
h1 {display: block; height: 62px; background-repeat: no-repeat;  margin: 0; color: #FFF; font-weight: normal;}
h1 span {padding: 20px 0 0 15px; }

#content {padding: 20px 27px 20px 30px; font-size: 1.2em;}

#content .full {width: 855px;}
#content .full .screen {padding: 20px; background: url(../images/bg_screen.gif) repeat-y;}
#content .full .screenfoot {height: 14px; background: url(../images/footer.gif) no-repeat;}
#content .full .blue {background-image: url(../images/header_blue.gif);}
#content .full .green {background-image: url(../images/header_green.gif);}
#content .full .red {background-image: url(../images/header_red.gif);}
#content .full .black {background-image: url(../images/header_black.gif);}
#content .full .orange {background-image: url(../images/header_orange.gif);}

#content .third {width: 341px;}
#content .third .screen {padding: 20px; background: url(../images/bg_screen_13.gif) repeat-y;}
#content .third .screenfoot {height: 14px; background: url(../images/footer_13.gif) no-repeat;}
#content .third .blue {background-image: url(../images/header_blue_13.gif);}
#content .third .green {background-image: url(../images/header_green_13.gif);}
#content .third .red {background-image: url(../images/header_red_13.gif);}
#content .third .black {background-image: url(../images/header_black_13.gif);}
#content .third .orange {background-image: url(../images/header_orange_13.gif);}

#content .twothirds {width: 496px;}
#content .twothirds .top {height: 14px; background: url(../images/top_23.gif) no-repeat;}
#content .twothirds .screen {padding: 20px; background: url(../images/bg_screen_23.gif) repeat-y;}

/* tim extra line for internal scroll on about/contact panels */
#content .twothirds .screen2 {height:300px; padding: 20px; padding-right: 15px; background: url(../images/bg_screen_23.gif) repeat-y; overflow: auto}
#content .twothirds .screen-even {height:415px; padding: 20px; padding-right: 15px; background: url(../images/bg_screen_23.gif) repeat-y; overflow: auto}
#content .twothirds .screen-100pc {height:100%; padding: 20px; padding-right: 15px; background: url(../images/bg_screen_23.gif) repeat-y; overflow: auto}
#content .twothirds .screen-500px {height:500px; padding: 20px; padding-right: 15px; background: url(../images/bg_screen_23.gif) repeat-y; overflow: auto}
#content .screen23-600px {height:600px; padding: 20px; padding-right: 15px; background: url(../images/bg_screen.gif) repeat-y; overflow: auto}

#content .twothirds .screenfoot {height: 14px; background: url(../images/footer_23.gif) no-repeat;}
#content .twothirds .blue {background-image: url(../images/header_blue_23.gif);}
#content .twothirds .green {background-image: url(../images/header_green_23.gif);}
#content .twothirds .red {background-image: url(../images/header_red_23.gif);}
#content .twothirds .black {background-image: url(../images/header_black_23.gif);}
#content .twothirds .orange {background-image: url(../images/header_orange_23.gif);}

/*Home Stylin' */
.newshighlight {color: #cc3366;}
.newscroll {height: 436px; overflow: auto; padding-right: 15px;}
hr.news {border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #cc3366; margin-bottom: 10px;}
.caption {padding: 3px 0 3px 36px; background:url(../images/bg_caption.gif) 0 50% no-repeat; font-size: 0.9em; display: block;}

/*Tim's new code - New dashed hrs and text highlights for other sections*/
hr.about {border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #cccc00; margin-bottom: 10px;}
hr.store {border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #ffcc00; margin-bottom: 10px;}
hr.community {border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #663300; margin-bottom: 10px;}
.storehighlight {color: #ffcc00;}
.communityhighlight {color: #663300;}
.newscroll2 {height: 528px; overflow: auto; padding-right: 15px;}


#featured {position: relative; float: left; width: 241px; height: 165px; background:url(../images/bg_panel_featprod.gif) no-repeat; margin-top: 20px; }
	#imglink {position: absolute; top: 15px; left: 18px; display: block; width: 80px; height:129px;}
	#feattext {position: absolute; top: 47px; left: 111px; display: block; width: 117px; height:107px;}

#subscribe {position: relative; float: right; width: 241px; height: 165px; background:url(../images/bg_panel_subscribe.gif) no-repeat; margin-top: 20px;}
	#subform {position: absolute; top: 113px; left: 21px; display: block; width: 206px; height:27px;}
	#submit {float: left;}
	#subform .frmfld {width: 108px; color: #996666; border: 1px solid #cccccc; border-top: 1px solid #999999; font-size: 1.0em; margin-top: -1px;}
	
#footer {color: #FFF; padding: 10px 10px;}

#tnav {display: block; width: 587px; height: 32px; float: right; background:url(../images/nav_bg.gif) no-repeat; list-style: none; margin-right: 2px; }
#tnav li {display: block; float: left; height: 32px; padding-top: 9px; }
#tnav li a {display: block; width: 90px;  color: #FFF; text-decoration: none; font-size: 1.1em;  }
#tnav span {padding-left: 15px;  }
#tnav a:hover span, #tnav a span.on {background:url(../images/bullet.png) 0 50% no-repeat;}

#menu { 
	clear:both;
	width: 587px; 
	height: 32px; 
	float: right; 
	background:url(../images/nav_bg.gif) no-repeat; 
	list-style: none; 
	margin-right: 2px;
	font-size:11px;
}

#menu a {
	text-decoration:none;
	color:#fff;
}