@charset "utf-8";

	/*
	NOTES: 
	Note the order of the div's:
	<div id="container">
	<div id="pushContent">.</div>
	<div id="mainContentWrapper">
	<div id="mainContent">
	
	*/
body {
	background-color:#333333;
}
	
#container {
	position: relative;
	background-image: url(img/bg.gif);
	background-color:#333333;			/* !!! Used when the content goes past the BG image!!! */
	background-repeat: no-repeat;
	width: 900px;
	
	text-align: left;
	margin: 20px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;		/* 16x.875=14px */
	
}
#navBar {
	position: absolute;
	top: 183px;
	left: 12px;
}

/* This 'empty div' was the only way I could push the
 content down, as the header comes from the background
 image. margin-top & position weren't working in FF. 
 Pushing #mainContentWrapper down solves the problem
 of the borders extending up past the upper rounded
 corners */
#pushContent {			
	height: 256px;
	width: 900px;
	color: #333333;
}
#mainContentWrapper {	/* this creates borders for overflow */

	/* 	position: relative; not working here */
	/*margin-top: this wasn't working in Ffox */
	
	margin-left: 6px;	/* positions the borders correctly */
	margin-right: 5px;
	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;

}
#mainContent {
	position:relative;
	/* don't use padding here!*/
	/*margin-top: 300px;  this wasn't working in Ffox */
	width: 880px;
}
div.blockWrap {
	width: 700px;
	background-color: #313131;
	padding: 10px 10px 0px 20px;
	margin-bottom: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	color: #FFCC33;
	border: 1px solid #444444;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.odd {
	margin-left: 50px;
}
.even {
	margin-left: 95px;
}
div.blockWrap p {
	padding-bottom: 20px;	
}
div.blockWrap table {
	margin-bottom: 20px;	
}
span.startParagraph {
	font-size: 1.2em;
	color: #FFF428;
}
#mainContent a:link    {
	color:#F46200; 
	text-decoration:none;
}
#mainContent a:visited {
	color:#F46200;
	text-decoration:none;
}
#mainContent a:hover {
	text-decoration:none;
	/*background-color: #D2EEEB;*/
	color:#FFF206;
}
#mainContent a:active {
	color:#F46200;
	text-decoration:none;
}
#footer {
	background-image: url(img/bot_cap.gif);
	background-repeat: no-repeat;
	width: 900px;

	/* Use this to put margin below bottom border.  Make div taller
	than image, then use background-position: 0px 0px; to glue 
	image to top of div*/
	height: 22px;
	background-color: #333333;
	background-position: 0px 0px;
}
#websiteBy {
	/*background-image: url(img/brettHardin.gif);*/
	position: relative;
	left: 600px;
	bottom: 15px;
	height: 22px;
	color: #333333;
	width: 267px;
		
}
#getSome {
	background-image: url(img/getSome.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 183px;
	color: #333333;
	position: absolute;
	left: 196px;
	top: 490px;
}
div.blockWrap.bennKovco {
	margin-left: 430px;
	width: 355px  !important;
	/*margin-bottom: -10px;*/
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFF428;
	margin-bottom: 12px;
	/font-weight: lighter;	/* For IE Only */
	/font-size: 1.2em;
}
#copyRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
	position: relative;
	left: 30px;
	top: 30px;
}