/*  this is the main style sheet for the entire site */

html,body {
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 1.5;
	color: #333;
	background: url(../images/bg.jpg) repeat-x top center;
	}

#container {
	width: 696px;
	margin: 0px auto 0px auto;
	text-align: left;
	}
	
/* ----- begin HEADER (see also aero/formula/baja.css) ----- */

#aero_header {
	height: 130px;
	margin-bottom: 0px;
	}
	
#formula_header {
	height: 130px;
	margin-bottom: 0px;
	}
	
#baja_header {
	height: 130px;
	margin-bottom: 0px;
	}
	
/* ----- end HEADER ----- */

/* ----- begin NAVIGATION ----- */

#nav {
	height: 38px;
	padding: 0px;
	margin-top: 0px;
	}
	
#nav img {
	float: left;
	}
	
/* ----- end NAVIGATION ----- */

#main {
	float: left;
	width: 696px;
	padding-top: 15px;
	padding-bottom: 25px;
	background: url(../images/main_bg.jpg) repeat-y 50% 0px;
	}
	
img {
	border: 0px;
	}
	
p,h1 {
	margin-left: 9px;
	margin-right: 15px;
	}
	
h2 {
	font-size: 13px;
	font-weight: bold;
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	margin: 18px 0px 0px 0px;
	padding: 0px;
	}
	
a {
	color: #331963;
	}
	
a:hover {
	background: #331963;
	color: #fff;
	text-decoration: none;
	}
	
a:visited {
	color: #888;
	}
	
a.big {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	
.flatview {
	font-size: 11px;
	font-weight: bold;
	}
	
a.big:hover {
	background: #331963;
	color: #fff;
	}
	
.flatview a.selected {
	background: #331963;
	color: #fff;
	}
	
a.big:visited, a.flatview:visited {
	color: #331963;
	}
	
img.heading {
	margin-top: 10px;
	}

#content {
	float: left;
	width: 400px;
	margin-left: 0px;	
	text-align: center;
	}
	
/* -----  begin FEATURE BOX ----- */

#feature {
	background: #EBEAED;
	padding-left: 14px;
	float: right;
	margin-bottom: 50px;
	position: relative;
	left: 15px;
	width: 385px;
	text-align: left;
	z-index: 3;
	}
	
#feat_image {
	width: 101px;
	float: left;
	display: inline;
	}

#feat_para {
	float: right;
	width: 270px;
	margin-right: 10px;
	}
	
p.feat_sig {
	font-size: 10px;
	line-height: 1.7;
	}
	
/* -----  end FEATURE BOX ----- */

/* -----  begin POSTS ----- */
	
#news {
	position: relative;
	left: 30px;
	margin-right: 25px;
	margin-bottom: 25px;
	text-align: left;
	z-index: 2;
	}
	
.post {
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}
	
h1 {
	margin-top: 25px;
	color: #5A5563;
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	}
	
p.sig {
	margin-bottom: 25px;
	margin-right: 0px;
	text-align: right;
	font-size: 10px;
	color: #5A5563;
	}
	
#news ul {
	list-style-type: square;
	}
	
#news li {
	margin-bottom: 5px;
	}
	
#news ol {
	list-style-type: decimal-leading-zero;
	}
	
a.sig {
	color: #000;
	}
	
a.sig:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
	}
	
img.seperator {
	margin-left: 8px;
	}
	
/* -----  end POSTS ----- */

/* -----  begin SIDEBAR ----- */

#sidebar {
	float: right;
	width: 251px;
	}
	
#sidebar p {
	font-size: 10px;
	color: #5A5563;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
/* ----- begin SIDE BOX ----- */	
	
#container2 {
	z-index: 1;
	width: 756px;
	position: absolute;
	top: 339px;
	left: 50%;
	margin-left: -378px;
	text-align: left;
	}
	
#box {
	float: right;
	width: 297px;
	height: 160px;
	color: #fff;
	}
	
#box h2 {
	margin-left: 29px;
	margin-top: 50px;
	}
	
#box ul {
	list-style-type: none;
	margin-left: 29px;
	margin-top: 5px;
	padding-left: 0px;
	}
	
/* ----- end SIDE BOX ----- */
	
/* ----- end SIDEBAR ----- */

#ad {
	width: 100%;
	height: 80px;
	clear: both;
	background: #fff;
	}
	
/* ----- FOOTER ----- */	

#footer {
	width: 100%;
	height: 35px;
	clear: both;
	background: url(../images/footer_bg.jpg) 0px;
	}
	
p.footer {
	color: #fff;
	margin: 11px 0px 0px 0px;
	float: left;
	}
	
a.footer {
	color: #fff;
	text-decoration: none;
	}
	
a.footer:hover {
	color: #ccc;
	background: none;
	}
	
a.footer:visited {
	color: #fff;
	}
	
/* ----- end FOOTER ----- */
