/*basic formatting*/

body {
  margin: 0px;
  background: #fff;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #000;
}

.tcat {
	background: #369;
	color: #fff;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tcat1 {
	background: #369;
	color: #fff;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  text-align: center;
}

.alt1 {
  background: #ccc;
}

.alt2 {
  background: #ccc;
  text-align: center;
  font-size: 11px;
}

.articlelist1 {
  border: 1px solid #369;
}




/*links control*/

a:link {
        color: #036;
        text-decoration: underline;
}

a:visited {
        color: #036;
        text-decoration: underline;
}

a:hover {
        color: #096;
        text-decoration: underline;
}

a:active {
        color: #096;
        text-decoration: underline;
}

/*end links control*/

/*end basic formatting*/



/*header*/

.topwrapper {
  vertical-align: middle;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.topwrapper img {
	border: none;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	display: inline;
}

.topwrapper a span {
	display: none;
}

.topwrapper a:hover {
  background: none;
	text-decoration: none;
}

.topwrapper a:hover span {
	display: block;
	position: absolute;
	top: 114px;
	right: 342px;
	color: #fff;
	font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
}

.img1 {
        background-color: #369;
}

.img2 {
        width: 100%;
        height: 35px;
        background: url(file:///Users/morgan/Desktop/site_gfx/pcpheader_07.gif) repeat;
}

.img3 {
        width: 100%;
        height: 100px;
        background: #369 url(file:///Users/morgan/Desktop/site_gfx/pcpheader_03.gif) repeat;
}

/*end header*/



/*main content*/

.tbg {
	background-color: #369;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

/* Leftbar Navigation */

.navcontainer {
        width: 140px; 
        margin: 0px; 
        padding: 0px;
        font-size: 11px; 
        font-weight: bold; 
        text-align: left;
}

ul#navlist {
        text-align: center;
        list-style: none;
        padding: 0px;
        margin: 0px 0px 20px 3px;
        width: 140px;
        border: inset 1px;
        background: #A2B9D0;
}

ul#navlist li {
        display: block;
        margin: 1px;
        padding: 1px;
}

ul#navlist li a {
        display: block;
        width: 135px;
        padding: 0;
        border-width: 1px;
        border-color: #ffe #000 #202020 #ffe;
        border-style: solid;
        color: #fff;
        text-decoration: none;
        background: #369;
}

.navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #A2B9D0;
        color: #000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #000000;
        background: #A2B9D0;
        border-color: #000 #ffe #ffe #202020;
}

/*End Leftbar Navigation*/

/*latest topics*/

.navcontainer1 {
        background: #369;
        width: 140px; 
        margin: 0px; 
        text-align: left;
        font-size: 10px;
        font-weight: bold;
}

#navlist1 {
        text-align: left;
        list-style: none;
        padding: 0px; 
        margin: 0px 0px 0px 3px;
        width: 140px;
        border: inset 1px;
        background: #A2B9D0;
}

#navlist1 li {
        list-style: none;
        margin: 3px;
        padding: 0.25em;
        border-bottom: 1px solid #fff;
}

#navlist1 li a {
        text-decoration: none;
        color: #369;
}

#navlist1 li a:visited {
        color: #369;
        text-decoration: none;
}

#navlist1 li a:hover {
        color: #fff;
        background: #A2B9D0;
}

.leftcatimg {
        padding-right: 5px;
        font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        text-align: right;
        color: #fff;
        background-image: url(file:///Users/morgan/Desktop/site_gfx/left1.gif);
        height: 30px;
}

/*End Latest Topics*/



/*center ad*/

.tbg1 {
        background-color: #A2B9D0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
}

/*end center ad*/


.pagenav {
        font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}



/*reviews / newslinks*/

.mtbg {
	background-color: #eee;
  border-bottom: 1px solid #000;
}

.reviews {
        width: 100%;
	      background-color: #eee;
        font-size: 10px;
        text-align: left;
        padding-left: 5px;
}

.reviews a {
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
}

.reviews a:visited {
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
}

.reviews a:hover {
        font-size: 10pt;
        font-weight: bold;
	      color: #096;
        text-decoration: underline;
}

.reviews1 {
        width: 100%;
	      background-color: #fff;
        font-size: 10px;
        text-align: left;
        padding-left: 5px;
}

.reviews1 a {
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
}

.reviews1 a:visited {
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
}

.reviews1 a:hover {
        font-size: 10pt;
        font-weight: bold;
	      color: #096;
        text-decoration: underline;
}

.reviewsbg {
        width: 100%;
        background-image: url(file:///Users/morgan/Desktop/site_gfx/latestreviews_eee_02.gif);
        background-repeat: repeat;
}

.reviewsicon {
	width: 100px;
	height: 67px;
	border: 1px solid #000;
}

.reviewscat {
        width: 100%;
	      background-color: #eee;
        font-size: 10px;
        text-align: left;
        padding-left: 5px;
}

.reviewscat a {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.reviewscat a:visited {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.reviewscat a:hover {
        font-size: 10px;
        font-weight: bold;
        text-decoration: underline;
}

.reviewscat1 {
        width: 100%;
	      background-color: #fff;
        font-size: 10px;
        text-align: left;
        padding-left: 5px;
}

.reviewscat1 a {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.reviewscat1 a:visited {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.reviewscat1 a:hover {
        font-size: 10px;
        font-weight: bold;
        text-decoration: underline;
}

.newsbg {
        width: 100%;
        background-image: url(file:///Users/morgan/Desktop/site_gfx/news_eee_02.gif);
        background-repeat: repeat;
}

.news {
		    /*list-style-type: square;*/
        /*margin: 0px 0px 0px 20px;*/
        /*padding: 0px;*/
        font-size: 10px;
        font-weight: bold;
}

/*.news li {
        padding-bottom: 1px;
}*/

.news a {
        text-decoration: none;
}

.news a:visited {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.news a:hover {
        font-size: 10px;
        font-weight: bold;
        text-decoration: underline;
}

/*end reviews / newslinks*/



/*news*/

.newsheader {
        width: 100%;
        height: 20px;
        background: #369;
        color: #fff;
        font-weight: bold;
        padding-left: 5px;
}

.newsheader1 {
        height: 20px;
        background: #bbb;
        font-size: 10px;
        white-space: nowrap;
        padding: 0px 5px 0px 5px;
}

.newsheader2 {
        font-size: 10px;
        border-bottom: 1px dashed #000;
        padding: 0px 0px 2px 5px;
}

.newsheader2 a {
        font-size: 10px;
        text-decoration: none;
}

.newsheader2 a:visited {
        font-size: 10px;
        text-decoration: none;
}

.newsheader2 a:hover {
        font-size: 10px;
        text-decoration: underline;
}

.newsbody {
        padding: 5px 0px 10px 5px;

}

.newsbody1 {
        padding:10px 30px 10px 30px;
        border-bottom: 1px dashed #000;
        font-style: italic;
        color: #036;
}

.newsbody2 {
        padding: 10px 30px 10px 30px;
        font-style: italic;
        color: #036;
}

.newsline {
        width: 100%;
        background-image: url(file:///Users/morgan/Desktop/site_gfx/newsheader_white_02.gif);
        background-repeat: repeat;
}

/*end news*/



/*rightbar*/

.tbg2 {
        background-color: #369;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
}

.tdad1 {
        margin: 5px;
        padding: 5px;
}

.rightcatimg {
        padding-left: 5px;
        font-weight: bold;
        text-align: left;
        color: #fff;
        background-image: url(file:///Users/morgan/Desktop/site_gfx/right.gif);
        height: 30px;
}

.tdpoll {
        margin: 0px;
        padding: 0px;
        font-size: 10px;
        font-weight: bold;
        color: #fff;
}

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

.tdpoll a:visited {
        text-decoration: none;
        color: #fff;
}

.tdpoll a:hover {
        text-decoration: none;
        color: #369;
        background: #fff;
}



/*latest news*/

.navcontainer2 {
        width: 160px;
        margin: 0px;
        font-size: 10px;
        font-weight: bold;
        text-align: left;
}

#navlist2 {
        background: #A2B9D0;
        margin: 0px 0px 0px 3px;
        padding-left: 3px;
        border: inset 1px;
        width: 160px;
}

#navlist2 li {
        list-style: none;
        margin: 3px;
        padding: 0.25em;
        border-bottom: 1px solid #fff;
}

#navlist2 li a {
        text-decoration: none;
        color: #369;
}

#navlist2 li a:visited {
        text-decoration: none;
        color: #369;
}

#navlist2 li a:hover {
        color: #fff;
        background: #A2B9D0;
}

/*end latest news*/

/*end rightbar*/



/*footer*/

.footerimg {
        width: 100%;
        height: 30px;
        background: #369 url(file:///Users/morgan/Desktop/site_gfx/footer_02.gif) repeat;
        color: #fff;
        white-space: nowrap;
}

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

.footerimg a:visited {
        color: #fff;
        text-decoration: none;
}

.footerimg a:hover {
        color: #fff;
        text-decoration: underline;
}

/*end footer*/



/*review page css*/

.reviewline {
        width: 100%;
        background: #fff url(file:///Users/morgan/Desktop/site_gfx/reviewheader_02.gif) repeat;
}

.divide {
        width: 95%;
}

.rnav {
        font-size: 10px;
}

.rnav a {
        font-size: 10px;
        text-decoration: none;
}

.rnav a:visited {
        font-size: 10px;
        text-decoration: none;
}

.rnav a:hover {
        font-size: 10px;
        text-decoration: underline;
}

.articlelist {
        font-size: 10px;
        border: 1px solid #369;
        width: 100%;
}

.articlelist a {
        font-size: 10px;
        text-decoration: none;
}

.articlelist a:visited {
        font-size: 10px;
        text-decoration: none;
}

.articlelist a:hover {
        font-size: 10px;
        text-decoration: underline;
}

/*end reviews page css*/



/*articles box*/

.articlelinks {
        padding: 4px 10px 2px 10px;
        text-align: center;
        border-bottom: 1px solid #fff;
        background: #369;
}

.articlelinks a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        background: #369;
}

.articlelinks a:visited {
        color: #fff;
        background: #369;
        font-weight: bold;
        text-decoration: none;
}

.articlelinks a:hover {
        color: #369;
        background: #fff;
        font-weight: bold;
        text-decoration: none;
}

.articlecontent {
        width: 100%;
        border: 2px solid #369;
        font-weight: bold;
}

.articlecontent a {
        color: #369;
        text-decoration: none;
}

.articlecontent a:visited {
        color: #369;
        text-decoration: none;
}

.articlecontent a:hover {
        color: #096;
        text-decoration: underline;
}

.articletitle {
        font-size: 14pt;
        font-weight: bold;
        border-bottom: 1px solid #369;
        padding: 0px 0px 2px 5px;
}

.padding {
        padding-left: 5px;
}

.articleimage {
        border-right: 2px solid #369;
}

/*end articles box*/



/*section headers*/

.catheader {
        width: 100%;
        background: #369 url(file:///Users/morgan/Desktop/site_gfx/icon222_02.gif) repeat;
        font-size: 12pt;
        color: #fff;
        font-weight: bold;
        padding-left: 10px;
}


/*leaderboard css*/

.alt5 {
  background: #369;
  font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #fff;
}

.alt5 a {
  text-decoration: underline;
  color: #fff;
  font-size: 10pt;
}

.alt5 a:visited {
  text-decoration: underline;
  color: #fff;
  font-size: 10pt;
}

.alt5 a:hover {
  text-decoration: underline;
  color: #a2b9d0;
  font-size: 10pt;
}

.alt6 {
  background: #ddd;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #000;
}

.alt7 {
  background: #a2b9d0;
  font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #036;
}

.alt7 a {
  text-decoration: underline;
  color: #036;
  font-size: 11px;
}

.alt7 a:visited {
  text-decoration: underline;
  color: #036;
  font-size: 11px;
}

.alt7 a:hover {
  text-decoration: underline;
  color: #fff;
  font-size: 11px;
}

.header5 {
  font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #000;
  border-bottom: 4px solid #369;
}

.lb_cat1 {
	padding: 0px 2px 0px 2px;
	border: 1px outset;
	background: #a2b9d0;
}

tr.lb_header {
	font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/*end leaderboard css*/


/*news heading*/

.home_header {
	padding-left: 3px;
	height: 25px;
	font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	vertical-align: middle;
	background: #369;
	color: #fff;
	border: 1px outset;
}

.home_header2 {
	background: url("/site_gfx/home-header-end2.gif") no-repeat top right;
}

.home_header img {
	vertical-align: middle;
	padding-right: 15px;
}

/*end news heading*/

/* Begin Ryan's old SPEC CSS code */
/***** SPECS TABLE WORK ******/
table.specs {
	border: 1px solid;
	border-collapse: collapse;
	/*float: left;*/
	padding: 10px;
	margin: 5px;
}

td.label {
	height: 25px;
	font: bold 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.label2 {
	height: 150px;
	font: bold 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.data {
	height: 25px;
	font: 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.data2 {
	width: 200px;
	height: 150px;
	font: 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.specimage {
	height: 200px;
	text-align: center;
	vertical-align: middle;
}

tr.cat1 {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #69c;
}

tr.cat2 {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #aaa;
}

tr.cat3 {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #ccc;
}

tr.spacer {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #fff;
	height: 5px;
}

div.cat1 {
	width: 350px;
	background-color: #69c;
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 2px;
	padding-left: 5px;
	border-bottom: 1px solid;
}

div.cat2 {
	width: 275px;
	background-color: #999;
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin-left: 25px;
	padding: 2px;
	padding-left: 5px;
	border-bottom: 1px solid;
}

div.cat3 {
	width: 250px;
	background-color: #ccc;
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin-left: 50px;
	padding: 2px;
	padding-left: 5px;
	border-bottom: 1px solid;
	vertical-align: middle;
}

div.specname {
	float: left;
	text-align: left;
	vertical-align: bottom;
}

div.specbox {
	vertical-align: middle;
	text-align: right;
}

div.specbox input {
	padding: 2px;
}

div.catspacer {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #fff;
	height: 5px;
}

div.specright {
	text-align: right;
}

div.specleft {
	float: left;
	text-align: left;
}
/* End Ryan's old SPEC CSS code */

/* New CSS for SPEC Submit buttons */

.specsSubmit {
	height: 15px;
	width: 70px;
	color: #000;
  font-family: 'verdana',helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background-color: transparent;
	border: none;
	padding: 0px;
	text-decoration: underline;
	cursor: auto;
  }

/* New CSS for home page lastest Topics */
.homeTopics {
	font-size: 85%;
	padding: 5px;
}  
.homeTopicsTR {
	text-align: center;
}