/*default style properties for the entire page*/
body {
	background-color: #333333;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	}

/*controls the size of the web page*/
.maintable {
	width: 814px;
	border: 0px;
	}

.maintable td {
	padding: 0px;
	}

/*this controls the banner properties, from the image to the positioning*/
.topbanner {
	width: 814px;
	height: 163px;
	text-align: center;
	background: transparent url(/images/tweakdbanner.jpg) center no-repeat;
	}

/*name a cell in a table with this class and it will have the background gradient like the one on the news header*/
.sub-banner {
	background: transparent url(/images/newbanner_bg.gif) left repeat-y;
	font-size: 16px;
	font-weight: bold;
	color: #dd0000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	vertical-align: center;
	align: left;
	}

/*this is for the stuff you will put on the main body of the page*/
.maincontent {
	vertical-align: top;
	width: 664px;
	background: transparent url(/images/blackdot.gif) right repeat-y;
	background-color: white;
	}

.maincontent td {
	padding: 10px;
	}

/*you can use this class within any table tag, and it will have the same look as the one on the news table*/
.news-table {
	width: 100%;
	border: 1px solid black;
	}

.news-table td {
	padding: 0px 5px 5px 5px;
	}

/*remember that welcome on the first page?*/
.header {
	text-align: center;
	font-size: 18px;
	padding-bottom: 20px;
	}

/*don't touch this part, it's for centering the entire page*/
.center { 
	text-align: center;
	}

.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}


/*images all have zero border*/
img {border: 0px;}

/*standard links*/
a {
	color: #000099;
	text-decoration: none;
	}

a:hover {color: #dd0000;}
a:active {color: red; text-decoration: underline overline;}
a:visited {text-decoration: none;}

/*Stuff for left menu*/
.leftnav-outside {
	width: 150px;
	text-align:left;
	background: transparent url(/images/zen_leftnav.gif) repeat-y;
	background-color: black;
	height: 500px;
	vertical-align: top;
	}
	
.leftnav {
	width: 150px;
	}

.leftnav td {
	height: 20px;
	padding-left: 5px;
	}
	
.leftnav a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	}

.leftnav a:hover {color: #dd0000; text-decoration: none;}
.leftnav a:active {color: #dd0000; text-decoration: underline overline;}
.leftnav a:visited {text-decoration: none;}

/*the bottom copyright thingy*/
.footnote {
	background: transparent url(/images/blackdot.gif) top repeat-x;
	background-color: #DEDEDE;
	text-align: right;
	font-size: 10px;
	}