/* CSS Document */

 

body {margin: 0; padding: 0; background-color: #666666; text-align: center; background: url(images/back_3.jpg) repeat;} 

/* body {margin: 0; padding: 0; background-color: #666666; text-align: center;} */

.note{
    font-size: 11px;
}

.alert{
    font-size: 13px;
	color: #FF0000;
    font-weight: bold;
}

#large{
    font-size: 14px;
}

#page_area{
    display: block;
    position: relative; 
    width: 770px;
    margin: 0 auto;
	padding: 0;
	padding-bottom: 5px;
	border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    line-height: 150%;
	color: #333333;
	background: url(images/coco_tint_2.jpg) repeat;		
	text-align: center;
} 

#head_area{
    color: #000000; 
    font-weight: normal; 
    display: block;
    position: relative; 
    width: 770px;
	height: 90px;
	padding: 0;
	border: 0;
    margin: 0;
	text-align: left;
	background: url(images/coco_tint_1.jpg);	
	border-top: 1px solid #663300;	
} 

#head_area p {
    font-size: 13px;
	color: #660000;
	font-weight: bold;
	margin: 5px 10px 10px 410px;  
	line-height: 140%;
}

#logo_main{
    float: left;
    width: 385px;
	height: 90px;
	padding: 0;
    margin: 0;
	border: 0;	
} 

#head_img{
    float: right;
    width: 120px;
	height: 90px;
	padding: 0;
    margin: 0;
	border: 0;		
} 

#menu_area{
    display: block;
    position: relative; 
    width: 770px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 25px;
    font-weight: bold;
	text-align: left; 
	background: url(images/coco_tint_2.jpg);	
}

#menu_area ul{
    margin: 0;
    padding: 0;
	border: 0;
    list-style-type: none;
}

#menu_area li{
    float: left;
    text-align: center;
    vertical-align: top;
    padding: 0;
	margin: 0;
	border: 0;
	height: 26px;
	line-height: 200%;
	color: #FFF;
}

#menu_area a {
    color: #FFCC00;
	text-decoration: none;	
}

#menu_area a:hover {
    color: #FFFFFF;
	text-decoration: underline;	
}

#body_area {
    display: block;
	position: relative;
	background: #FFF url(images/back_2.jpg);
	width: 670px; 
	padding: 0px;
	text-align: left;
	margin: 0px 25px 0px 25px;
	padding: 10px 30px 0px 20px;
	border-bottom: 1px #FFFFFF solid;    
}

#body_area a {
    color: #663300;
	text-decoration: underline;  
}

#body_area a:hover {
    color: #996600;
	text-decoration: underline;	   	
}

.list_1 {
    line-height: 180%;
}

#body_main {
    display: block;
	position: relative;
	/* background: #FFF; */
	width: 670px; 
	padding: 0;
	text-align: left;
	margin: 0px;	    
}

#info_area {
    display: block;
	position: relative;
	/* background: #FFF; */
	width: 670px; 
	padding: 0;
	text-align: center;
	margin: 0px 0px 10px 0px;
	border: 0px solid #FFF;	 
}

#info_left {
    float: left;	    
}

#info_right {
    float: right;	    
}


#cola_area {
    float: left;
	background: #FFF;
	width: 320px; 
	height: 150px;
	padding: 0;
	text-align: left;
	margin: 0px 20px 0px 0px;
	border: 2px #993300 solid;	    
}

#colb_area {
    float: left;
	background: #FFF;
	width: 320px; 
	height: 150px;
	padding: 0;
	margin: 0;
	text-align: left;  
	border: 2px #993300 solid;	 
}

#colc_area {
    float: left;
	background: #FFF;
	width: 320px; 
	height: 440px;
	padding: 0;
	text-align: left;
	margin: 0px 20px 0px 0px;
	border: 2px #993300 solid;	    
}

#cold_area {
    float: left;
	background: #FFF;
	width: 320px;
	height: 440px; 
	padding: 0;
	text-align: left;
	margin: 0;
	border: 2px #993300 solid;	    
}

#colg_area {
    float: left;
	background: #FFF;
	width: 320px;; 
	padding: 0;
	text-align: left;
	margin: 0;
	border: 2px #993300 solid;	    
}

#cole_area {
    float: left;
	background: #FFF;
	width: 320px; 
	height: 240px;
	padding: 0;
	text-align: left;
	margin: 0px 20px 0px 0px;
	border: 2px #FFF solid;	    
}

#colf_area {
    float: left;
	background: #FFF;
	width: 320px;
	height: 240px; 
	padding: 0;
	text-align: left;
	margin: 0;
	border: 2px #FFF solid;
	    
}

#colg_area {
    float: left;
	background: #FFF;
	width: 320px; 
	height: 320px;
	padding: 0;
	text-align: left;
	margin: 0px 20px 0px 0px;
	border: 2px #FFF solid;	    
}

#colh_area {
    float: left;
	background: #FFF;
	width: 320px;
	height: 320px; 
	padding: 0;
	text-align: left;
	margin: 0;
	border: 2px #FFF solid;
	    
}

#colc_area td, #cold_area td {
    text-align: left;
	vertical-align: top;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #333333;
}


#cola_area p, #colb_area p, #colc_area p, #cold_area p, #colg_area p  {
	margin: 5px 10px 10px 10px;
	
}

#body_main p {
	margin: 0px 0px 10px 0px;
}

#break_0 {
    display: block;
    clear: both;
	width: 670px;	
	height: 0px;
}

#break_1 {
    display: block;
    clear: both;
	width: 670px;	
	height: 10px;
}

#break_2 {
    display: block;
    clear: both;
	width: 670px;	
	height: 20px;
}

#break_3 {
    display: block;
    clear: both;
	width: 670px;	
	height: 5px;
}

h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    color: #993300;
    font-weight: bold; 
    line-height: 150%;
	margin: 0px 0px 5px 0px;
    padding: 0;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    /* color: #0099FF; */
	color: #993300;
    font-weight: bold; 
    line-height: 100%;
	margin: 20px 0px 10px 0px;
    padding: 0;
}


h3 {
    display: block;
	width: 315px;
	height: 21px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #FFFFFF;
    font-weight: bold; 
    line-height: 130%;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

#cola_area h3, #colb_area h3 {
    background:  #993300;;
}

#colc_area h3 {
    background:  #993300;
}

#cold_area h3, #colg_area h3 {
    background:  #993300;
}


strong {
    /* color: #996600; */
	color: #663300;
}

#link_area {
    display: black;
    postion: relative;
	padding: 0;
	border: 0;
	margin: 0;
	text-align: center;
}

#data_area {
    display: black;
    postion: relative;
	padding: 0;
	border: 0;
	margin: 0;
}

#data_home {
    display: black;
    postion: relative;
	padding: 0;
	border: 0;
	margin: 0;
}

#data_area form {
    margin: 0;
}

#data_home table {
   margin: 5px 10px 10px 10px;
   width: 300px;
}

#data_area th {
    text-align: left;
    vertical-align: top;
	padding: 0px 25px 5px 0px;
	font-weight: normal;
}


#data_area td {
    text-align: left;
    vertical-align: top;
	padding: 5px 25px 10px 0px;
}

#hermitage {
    float: right;
	margin: 30px 30px 0px 0px;
	border: 0px;
	padding: 0px;
	border: 2px #FFF solid;
}

.high_1 {
    color: #FF0000;
}

.high_2 {
    color: #009900;
}

.high_3 {
    color: #4D4D4D;
}

.high_4 {
    color: #996600;
}

#foot {
    font-size: 11px;
	line-height: 130%;
	margin: 15px 0px 0px 0px;
}

#bos {
    font-size: 11px;
	line-height: 130%;
	margin: 0px 0px 0px 0px;
}

#bos a {
    color: #666;
	text-decoration: none;
}

#bos a:hover {
	text-decoration: none;	
}

#card_img {
    margin: 10px 10px 0px 10px;
}

#buy_img {
    margin: 16px 0px 0px 0px;
}

.text_1{
    height: 20px;
	padding: 2px 0px 0px 2px; 
	width: 200px;
	font-size: 14px;
	font-weight: normal;
	background: #FFF;
	border: 1px #660000 solid; 
}

.text_2{
    height: 100px;
	padding: 2px 0px 0px 2px; 
	width: 215px;
	font-size: 14px;
	font-weight: normal;
	background: #FFF;
	border: 1px #660000 solid; 
}

.alert {
    font-size: 15px;
}

#oilrig p {
	font-weight: bold;
	font-size: 20px; 
	color: #993300;
	margin: 0;
	padding: 10px;
	line-height: 150%;
}