body{ font-family: "trebuchet ms", verdana, arial, sans-serif; background: url("images/header-bg.jpg") repeat-x #f0f0f0; }
#main{ margin: 0 auto -10px auto; padding: 0; width: 800px; } 
#main-container{ background-color: #fff; border: 2px solid #333; border-bottom: 0; margin: 0; padding: 20px;
				/*IE CSS only*/ _margin-top: -1px;}

p, ul, li, table, th, th, td, form, input{ font-size: 12px;}
select, option {font-size: 10px;}

.clear{ clear: both; float: none; text-indent: -9999px; margin: 0 0 -20px 0;;}
/*-----------------
 	  headers
-----------------*/

h1{ background: url("images/logo.jpg") no-repeat top left; margin: 30px 0 10px 0; padding: 0 0 30px 0 ; text-indent: -9999px;}
h2, h3{ font-size: 20px; font-weight: normal; margin: 0 0 3px 0; padding: 0 0 0 0;}
	h2#top-right{ color: #3867a5; float: right; margin-top: -55px;}
h3{ font-size: 17px; margin: 0 0 -10px 0;}

/*-----------------
 	 navigation
-----------------*/

ul#nav{ margin: 0; padding: 0; margin-top: 17px;  text-align: left;}
	ul#nav li{ display: inline; margin: 0; padding: 0;}
	ul#nav li a{ color: #fff; font-size: 20px; padding: 0 40px 0 0; text-decoration: none;}
	ul#nav li a:hover{ color: #ccc;}
	
/*-----------------
 	 containers
-----------------*/

#left-col{ border: 10px solid #f0f0f0; float: left; padding: 10px; width: 450px;
	/*IE CSS only _margin-top: 290px;*/}
.right-col{ border: 10px solid #f0f0f0; float: right; margin: 0 5px 20px 0; padding: 10px; width: 200px;
		/*IE CSS only*/ _margin-top: -1px;}
	.right-col a{ color: #fff;}
#footer{ text-align: center;}
	#footer ul li { display: inline;}
	#footer a { color: #333; text-decoration: none;}
	
/*----- Ajax Tabs ------*/

.ajax-tabs{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

.ajax-tabs li {
	display: inline;
	padding: 17px;
}

.ajax-tabs li a{
	color: #333;
	font-size: 15px;
}