/*******************************************************************************************************
********************************************************************************************************
											GLOBAL SETTINGS
********************************************************************************************************
*******************************************************************************************************/
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: url('../images/bg_main.jpg') center top fixed;
	background-color: #c18433;
	background-repeat: repeat-x;
}
body {
	font-family: Arial;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #000;
}
#center {
	width: 800px;
	margin: 0 auto 0 auto;
	background-color: #5C5C43;
	padding: 6px;
}
a, a:link, a:visited {
	color: #0033FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
	text-decoration: none;
}
option {
	padding-right: 5px;	
}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
}
.load {
	display: none;
}
.pointer {
	cursor: pointer;
}
.left {
	float: left;
}
.right {
	float: right;
}
textarea {
	width: 400px;
	height: 100px;
}
.inputError {
	background-color: #E0C378;
	color: #000;
}
h1,h2,h3,h4,h5{
	padding: 0;
	margin: 0;
}
h5 {
	border-bottom: 1px solid #000;
	margin: 3px;
}
/*******************************************************************************************************
********************************************************************************************************
											HEADER SETTINGS
********************************************************************************************************
*******************************************************************************************************/
#header {
	background: url('../images/bg_header.jpg') no-repeat;
	width: 812px;
	height: 165px;
	margin: 0 auto 0 auto;
}
#header #logo {
	float: left;
	margin: 15px 0 0 9px;
}
#header #top_buttons {
	float: right;
	list-style: none;
	display: inline;
	width: 500px;
}
#header #top_buttons li {
	float: right;
}
#header #invite_form {
	float: right;
	margin: 0px 75px 0 0;
}
#header #invite_form #invite_result {
	color: #fff;
	font-weight: bold;
}
#header #button_hurricane {
	float: right;
}
#header #facebook {
	float: right;
	margin: 55px 5px 0 0;
}
#header #service_times {
	color: #fff;
	text-align: center;
	float: right;
	margin: 65px 5px 0 0;
	font-size: 14px;
}
/*******************************************************************************************************
********************************************************************************************************
											PAGE LAYOUT
********************************************************************************************************
*******************************************************************************************************/
#main_menu {
	background: url('../images/bg_menu.jpg') #47260C repeat-x;
	height: 34px;
	width: 800px;
	padding: 4px 0 0 0;
}
#main_content {
	width: 788px;
	padding: 6px;
	min-height: 100px;
	background-color: #fff;
}
#main_left {
	float: left;
	width: 560px;
}
#main_right {
	float: right;
	width: 230px;
}
#index_banner {
	background-color: #2E1807;
	width: 800px;
}
#index_banner .scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 800px; 
	height: 265px;
	overflow: hidden;
}
#index_banner .scroller .section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 800px;
	height: 265px;
	overflow: hidden;
	float:left;
}
#index_banner .scroller .content {
	width: 10000px;
}
#top_buttons {
	list-style: none;
	padding: 0;
	margin: 0;
}
#index_banner .section .left {
	background-color: #767656;
	width: 424px;
	height: 236px;
	padding: 7px;
	margin: 7px;
	overflow: hidden;
	float: left;
}
#index_banner .section .right {
	float: left;
	background: url('../images/bg_slider_textarea.jpg') no-repeat;
	width: 323px;
	height: 236px;
	overflow: hidden;
	padding: 7px;
	margin: 7px 0 0 3px;
	color: #fff;
}
#index_banner .section .right h2 {
	width: 320px;
	font-size: 25px;
	overflow: hidden;
	margin-bottom: 10px;
}
#index_banner .section .right .description {
	width: 320px;
	height: 160px;
	overflow: hidden;
	margin-bottom: 5px;
}
#index_banner .section .right .description a {
	color: #fff;
}
#index_banner .section .right .next {
	margin-left: 232px;
}
/*******************************************************************************************************
********************************************************************************************************
											VIEW LAYOUT
********************************************************************************************************
*******************************************************************************************************/

/*******************************************************************************************************
********************************************************************************************************
											FOOTER SETTINGS
********************************************************************************************************
*******************************************************************************************************/
#footer {
	height: 38px;
	width: 800px;
	background-color: #2E1807;
	font-family: Arial;
}
#footer ul.left {
	width: 520px;
	list-style: none;
	padding: 0;
	margin: 12px 0 0 15px;
	color: #fff;
}
#footer .left li  {
	display: inline;
	color: #fff;
}
#footer .left li a:link,#footer .left li a:hover,#footer .left li a:visited {
	margin-right: 5px;
	font-size: 10px;
	color: #fff;
}
#footer .right {
	list-style: none;
	width: 150px;
	padding: 0;
	margin: 5px 5px 0 0 ;
	text-align: right;
	color: #fff;
}
#footer .right li a:link,#footer .right li a:hover,#footer .right li a:visited {
	color: #fff;
	text-decoration: none;
}

/*******************************************************************************************************
********************************************************************************************************
											PAGINATION SETTINGS
********************************************************************************************************
*******************************************************************************************************/
/* PAGINATION */
#pagination ul {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:5px; 
	list-style-type: none;
}
#pagination ul li {
	list-style-image: none;
	display:inline;
	line-height: 1.2em;
	margin: 1px;
}

#pagination a:link, #pagination a:visited  {
	text-decoration: none;
	font: bold 114% arial;
	font-size:10px;
	color: #fff;
	border: 1px solid #352116;
	padding: 2px 5px;
	background-color: #352116;
	margin: 0 2px 0 0;
	display: inline;
}

#pagination a:hover {
	background-color: #E0C378;
	color: black;
	text-decoration: none;
}

#pagination a.current {
	font-weight: bold;
	color: black;
	background-color: white;
	cursor: default;
	text-decoration: none;
}
#pagination h2.current {	
	text-decoration: none;	
	font: bold 114% arial;	
	font-size:10px;	
	color: #000;	
	border: 1px solid #352116;	
	padding: 2px 5px;	
	background-color: #E0C378;	
	margin: 0 2px 0 0;	
	display: inline;
}