body  {
	font: 14px Arial, Helvetica, sans-serif;
	line-height:22px;
	background: url(images08/bg_body.gif) top center repeat-x #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

p {padding:5px 15px 15px 15px;}

#container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(images08/bg_content.gif) top center repeat-y #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	positioin:relative;
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


/*#####################################################

  Advertisers List

/*###################################################*/

ul.advertisers {
	width:500px;
	margin:0;
	margin-left:10px;
	list-style:none;
}

ul.advertisers li {
	position:relative;
	display:block;
	margin:20px 0 0 0;
	padding-bottom:15px;
	border-bottom:1px solid #dedede;
}

ul.advertisers li h2 {
	font:20px Arial, Helvetica, sans-serif;
	color:#039;
	margin:5px;
}

ul.advertisers li p {
	margin:5px;
	padding:0 0 0 10px;;
}

ul.advertisers li img {
	float:right;
}
/*#####################################################

This is for the sidebar stuff.

/*###################################################*/

#sidebar1 {
vertical-align:top;
	float: left; 
	width: 255px;
	background: #EBEBEB;
	padding:0;
	display:table-cell;
	text-align:center;
}

#sidebar1 img {
border:1px solid #000;
}

#sidebar1 h1 {
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#000;
margin:10px auto 5px auto;
}

#sidebar1 h2 {
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#000;
}

#sidebar1 p {
padding:8px 15px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
line-height:125%;
}

#sidebar1 a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#0000dd;
line-height:125%;
text-decoration:none;
text-align:center;
}

#sidebar1 a:hover { text-decoration:underline;}

#mainContent {
float:left;
width:610px;
margin:0 24px 0 35px;
padding-bottom:40px;
} 

#mainContent h1 {
margin:20px inherit;
padding-top:15px;
} 

#mainContent h3 {
padding:6px 15px;
background-color:#990000;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
}

#mainContent h4 {
padding:6px 15px;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0000cc;
border-bottom:1px solid #0000cc;
}

#mainContent a {
font:12px Arial, Helvetica, sans-serif;
color:#0000cc;
text-decoration:none;
}

#mainContent a:hover {
font:12px Arial, Helvetica, sans-serif;
color:#0000cc;
text-decoration:underline;
}

#mainContent p.event {border-bottom:2px dotted #efefef;}

#footer { 
	/*padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images08/bg_footer.gif) bottom center no-repeat #8b1919; 
	height:20px;
	width:100%
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*####################################################

	Menu styles
	
/*####################################################*/

ul#menu {
position:absolute;
left:23px;
top:155px;
height: 35px;
list-style: none;
margin:0;
padding:0;
}
#menu li {
	background: url(images08/bg_nav.gif) top left repeat-x;
	float: left;
	border-left:1px solid #003461;
	border-right:1px solid #358fdd;
}
#menu li#first {
	height:35px;
	border:none;
	float: left;
	border-right:1px solid #358fdd;
}
#menu li#last {
	float: left;
	border:none;
	border-left:1px solid #003461;
	height:35px;
}
#menu a {
	height: 29px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 16px 0 16px;
	float: left;
}
#menu a:hover,#menu a.active {
	background: url(images08/bg_nav.gif) bottom left repeat-x;
}

/*#####################################################

Added by me for content styles - sdp 8-2008

/*###################################################*/

img.banner {
margin-top:10px;
border:1px solid #003f75;
z-index:1;
}

ul.list  {
	padding:0;
	margin:0;
	margin-left:50px;
	list-style:disc;
	width:630px;
	font-weight:bold;
	font-size:11px;

}

ul.list li {
	float:left;
	width:290px;
	padding:8px 0 3px 5px;
}

/*#####################################################

This is for the big advertise button on the home page.

/*###################################################*/

.advertise {
position:absolute;
top:265px;
left:30px;
z-index:2;
width:426px;
height:67px;
cursor:pointer;
background:url(images08/btn_advertise.gif) top left no-repeat;
}

.advertiseOn {
position:absolute;
top:265px;
left:30px;
z-index:2;
width:426px;
height:67px;
cursor:pointer;
background:url(images08/btn_advertise.gif) bottom left no-repeat;
}

/*###########################################
											#
Styles for form container and children     	#
											#
###########################################*/


div.formHolder {
text-align:right;
width:400px;
margin-left:10px;
line-height:120%;
}


div.formHolder input {
margin:3px 10px;
}


div.formHolder input.text {
font:11px Verdana, Arial, Helvetica, sans-serif normal;
padding:1px;
height:14px;
width:150px;
color:#666666;
border:1px solid #999999;
margin:3px 10px;
}

div.formHolder input.zip {
font:11px Verdana, Arial, Helvetica, sans-serif normal;
padding:1px;
height:14px;
width:50px;
color:#666666;
border:1px solid #999999;
margin:3px 10px;
}
div.formHolder input.button { width:75px; padding:3px; height:30px; cursor:pointer; }


/*##########  Form Holder Styles END  #######*/