@charset "utf-8";
/* CSS Document */

/* Formatting */
body {
	width: 100%;
	margin: 0;
	padding: 0; 
	background-image: url('site_images/fade.jpg');
	background-repeat: repeat-x repeat-y;
}
/* Page Elements */ 

#content{
	width: 760px;
	height: 480px;
	background-image: url('site_images/home_background.jpg'); 
	margin: 0 auto;
	color: #FFFFFF;
	font: 12px bold Verdana, Arial, Helvetica, sans-serif;
}
#top{
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
#top_nav{
	float: right;
	padding: 0;
	magin: 0; 
}
#top_nav li{
	display: inline; 
	font: 14px bold Verdana, Arial, Helvetica, sans-serif;
	margin: 0 16px 0 0; 
	padding: 0;
}
#top_nav li a{
	font-weight: bold;
	color: #FFFFFF; 
	text-decoration: none;
}
#top_nav li a:hover{
	color: #FF0000;
}

#sign_up {
	height: 48px; 
	width: 250px; 
	float: right; 
	margin: 3px 0 0 260px; 
	padding: 6px 0 0 0;
}
#sign_up a{
	color: #FFFFFF;
	text-decoration: none;
}
#sign_up a:hover{
	color:#0000FF;
}
img#go{
	padding: 0;
	margin: 0; 
	margin-top: -5px;
}
#main{
	width: 100%;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
#main_text{
	width: 320px;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0; 
	margin: 0;
	float: left;
}
#main_text p{
	padding-left: 20px;
	margin: 0 0 20px 0; 
}
#main_images{
	float: right;
	width: 400px;
	text-align: center;
	margin: 20px 10px;
	padding: 0; 
}
#main_update{
	background-image: url('site_images/red_fade.png'); 
	background-repeat: repeat-y;
	width: 300px;
	padding: 4px 0;
	margin: 0 8px 0 0;  
}
#main_update a{
	color: #FFFFFF;
	text-decoration: none;
}
#main_update a:hover{
	color:#0000FF;
}

#main_contact{
	font-weight: bold;
	width: 300px;
	padding: 4px 0;
	margin: 0 12px 0 0;  
}	
#main_nav{
	padding: 8px 0 8px 20px;
	margin: 0;
	overflow: hidden;
	display: block;
}
#main_nav li{
	float: left;
	display: inline; 
	font: 12px bold Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 12px 0 0;
}
#main_nav li a{
	color: #FFFFFF; 
	text-decoration: none;
}
#main_nav li a:hover{
	color: #FF0000;
}
#bottom{
	width: 100%;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
#bottom_nav{
	width: 100%;
	background-color:#FF0000;
	background-image: none;
	float: left;
	padding: 8px 0 8px 20px;
	margin: 0;
	overflow: hidden;
}
#bottom_nav li{
	float: left;
	display: inline; 
	font: 11px bold Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 12px 0 0;
}
#bottom_nav li a{
	color: #FFFFFF; 
	text-decoration: none;
}
#bottom_nav li a:hover{
	color: #0000FF;
}
#copyright{
	width: 100%;
	background-color: #FFFFFF;
	background-image: none;
	color: #000000;
	font: 10px bold Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 4px 20px;
	margin: 0;
}
#twitter_div{
	padding: 2px 6px;
	margin: 0;
}
#twitter_div a{
	color: #FFFFFF;
}
#twitter_update_list{
	list-style-type:none;
	padding: 0;
	margin: 0;
}
#twitter_update_list a{
	color: #FFFFFF;
}
#twitter-link{
	font: 9px normal Verdana, Arial, Helvetica, sans-serif;
}

/* set millions of background images */
.rbroundbox { background: url('site_images/nt.gif') repeat; }
.rbtop div { background: url('site_images/tl.gif') no-repeat top left; }
.rbtop { background: url('site_images/tr.gif') no-repeat top right; }
.rbbot div { background: url('site_images/bl.gif') no-repeat bottom left; }
.rbbot { background: url('site_images/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { color: #FFFFFF;}
.rbroundbox { width: 320px; margin-top: 10px; margin-left: 20px; margin-bottom: 10px; }