/* CSS Document 
================================================*/
/* h2o.css                            	       
================================================*/
/* H2O Today                          
================================================*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #CCCCCC url(images/bg.gif) repeat-y top center;
}

/* Main layout
================================================*/

#main {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	text-align: justify;
	font-size: .70em;
	color: #1021A1;
	line-height: 1.5em;
	background-color: #FFFFFF;
	border-top: 1px solid #DF0032;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#main_2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 10px 10px;
	font-size: .70em;
	background: #FFFFFF url(images/bg_2.gif) no-repeat;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#main_3 {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	border-top: 1px solid #DF0032;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#content {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	font-size: .70em;
	color: #0D24A7;
	text-align: justify;
	line-height: 1.5em;
	background-color: #FFFFFF;
	border-top: 1px solid #DF0032;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#tv_content {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-align: justify;
	font-size: .70em;
	color: #1021A1;
	line-height: 1.5em;
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#tv_content_2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	font-size: .70em;
	color: #0D24A7;
	height: 245px;
	overflow: auto;
	text-align: left;
	line-height: 1.5em;
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DF0032;
	}	
#error {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 700px 10px;
	font-weight: normal;
	text-align: center;
	font-size: .90em;
	color: #DF0032;
	line-height: 1.5em;
	background-color: #FFFFFF;
	border-top: 1px solid #DF0032;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}	
#mainonline {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	}	
#navigation {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #DF0032;
}
#online {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	background-color: #FFFFFF;
	color: #0D24A7;
	font-weight: bold;
	font-size: .60em;
	font-family: Arial,Helvetica,Geneva,sans-serif;
}
#nav {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	font-weight: normal;
	text-align: left;
	font-size: .7em;
	color: #FFFFFF;
	background: #DF0032;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}	
#navbottom {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-weight: normal;
	text-align: left;
	font-size: .70em;
	color: #FFFFFF;
	height: 1095px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(images/california.jpg) no-repeat;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#right_nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 1570px;
	border-top: 1px solid #DF0032;
	border-left: 1px solid #DF0032;
	background: #FFFFFF;
	}
#right_nav_2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 1570px;
	border-left: 1px solid #DF0032;
	background: #FFFFFF;
	}
#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	text-align: center;
	font-size: .55em;
	color: #666666;
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}	
.style5 {
	color: #000000;
	font-weight: bold;
	}
.style6 {
	color: #DF0032;
	font-weight: bold;
	}
.style7 {
	color: #0D24A7;
	font-weight: bold;
	font-style: italic;
	}
#terms {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: .70em;
	color: #0D24A7;
	width: 270px;
	height: 460px;
	text-align: justify;
	line-height: 1.5em;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
	
/* Forms
================================================*/

input {
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;	
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
.text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	background: #FFFFFF;
	font-size: .70em;
 	color: #000000;
	border: 1px solid #DF0032;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
#maincontact {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	}	
#maincontact h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	font-weight: bold;
	font-size: .70em;
	text-align: left;
	color: #DF0032;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	}
#privacy {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;	
	font-size: .65em;
	color: #1021A1;
	text-align: justify;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}

/* Tab
================================================*/

.tabberlive .tabbertabhide {
 	display: none;
	}
.tabber {
	}
.tabberlive {
	}
ul.tabbernav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
 	font-weight: bold;
 	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
ul.tabbernav li	{
 	list-style: none;
 	margin: 0px 0px 0px 0px;
 	display: inline;
	}
ul.tabbernav li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 3px;
 	background: #DF0032;
 	text-decoration: none;
}
ul.tabbernav li a:link { 
	background: #DF0032;
	color: #FFFFFF;
	text-decoration: none;
	}
ul.tabbernav li a:visited { 
	background: #DF0032;
	color: #FFFFFF;
	text-decoration: none;
	}
ul.tabbernav li a:hover {
	background: #DF0032;
	color: #CCCCCC;
	text-decoration: none;
	}
ul.tabbernav li.tabberactive a	{
	background: #DF0032;
	color: #CCCCCC;
	text-decoration: none;
	}
ul.tabbernav li.tabberactive a:hover {
	background: #DF0032;
	color: #CCCCCC;
	text-decoration: none;
	}
.tabberlive .tabbertab {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
	}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 	display: none;
	}
.tabberlive .tabbertab h3 {
 	display: none;
	}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
	}
.tabberlive#tab2 {
	}
.tabberlive#tab2 .tabbertab_tv {
 	height: 200px;
 	overflow: auto;
	}

/* Headings
================================================*/

h1 {
	background: #DF0032;
	font-weight: bold;
	font-size: .7em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
h2 {
	background: #DF0032;
	font-weight: bold;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
h4 {
	background: #FFFFFF;
	font-weight: bold;
	font-size: .9em;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #DF0032;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}
	
/* Hyperlink Styles
================================================*/

a:link {
	background: #FFFFFF;
	color: #0D24A7;
	font-weight: bold;
	text-decoration: none;
	}
a:visited {
	background: #FFFFFF;
	color: #0D24A7;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	background: #FFFFFF;
	color: #DF0032;
	font-weight: bold;
	text-decoration: none;
	}
a:active {
	background: #FFFFFF;
	color: #0D24A7;
	font-weight: bold;
	text-decoration: none;
	}
	
/* End
================================================*/