@charset "UTF-8";
/* © 2009 john Erwood Pyrennique.com/ Island Advertising Ltd
/* CSS Document */

body {
	color:#999;
	text-align: center;
	font: 101% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #ECE2CD;
	margin-left: auto ;
   margin-right: auto ;
}


bodyhIll {
	color:#999;
	text-align: center;
	font: 101% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #786B5B;
	margin-left: auto ;
   margin-right: auto ;
   }
   
  bodyayl {
	color:#999;
	text-align: center;
	font: 101% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #786B5B;
	margin-left: auto ;
   margin-right: auto ;
   }

  bodybrok {
	color:#999;
	text-align: center;
	font: 101% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #786B5B;
	margin-left: auto ;
   margin-right: auto ;
   }  

bodycar {
	color:#999;
	text-align: center;
	font: 101% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #786B5B;
	margin-left: auto ;
   margin-right: auto ;
   }
	   
#wrappercrgp {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}

#wrapper {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFCC;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}

#header{
	float:auto;
	height: 139px;
	background: FFFFCC;
	text-align: left;
}

#left {
	float:left;
	width: 270px;
	padding: 0px;
	background-color: #FFFFCC;
}

#right {
	float:right;
	width: 620px;
	color: #333333;
	padding: 2px;
	background-color: #FFFFCC;
}

#headercrgp{
	float:auto;
	height: 139px;
	background: #FFFFCC;
	text-align: left;
}


#leftcrgp {
float:left;
width: 270px;
padding: 0px 0px 0px 0px;
background-color: #FFFFCC;
}

#rightcrgp {
	float:right;
	width: 620px;
	color: #333333;
   padding: 0px;
   background-color: #FFFFCC;
}

#footer{
	clear:both;
	height:80px;
	text-align: center;
	border-top: 1px solid #DFCFAD;
	background-color: #DFCFAD;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
}

#footer p {
	margin-top: 10px;
	font-size: 90%;
	color:#FFFFFF;
}

p {
font-size: 90%; 
color: #666666;
}
	
#left p{
   font-size: 95%;
   color: #666;
   line-height: 1.2em;
}

#right p {
	font-size: 9pt;
	color: #444444;
	font-style: normal;
	line-height: 12pt;
	font-weight: 400;
	font-variant: normal;

}

#leftcrgp p{
   font-size: 95%;
   color: #666;
   line-height: 1.2em;
}

#rightcrgp p {
	font-size: 9pt;
	color: #444444;
	font-style: normal;
	line-height: 12pt;
	font-weight: 400;
	font-variant: normal;
	text-decoration: none;
}

.croll {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: 400;
	font-variant: normal;
	color: #444444;
		border: 1px 1px 1px 0px solid #444444;
		   width: 430px;
	
}

.crollcol {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: 700;
	font-variant: normal;
	color: #786B5B;
		border: 1px 1px 1px 0px solid #786B5B;
		   width: 430px;	   
}




.containingboxrt {
   width: 550px;
   height: 270px;
   border: 0px dashed #000000;  /* don't need this border */
   /* but it helps while you're deciding on a width and height and position*/
   font-size: 70%;			
}
		
.floatright {
	float: left;
	width: 110px;
	height: 70px;
	padding: 3px 6px 3px 6px;
	background-color: #E3E4E4;  /* change this to line to background-color: #F0D8F8; */
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: 300;
	border: 1px solid #666666;
}

.containingbox {
   width: 250px;
   height: 250px;
   border: 0px dashed #000000;  /* don't need this border */
   /* but it helps while you're deciding on a width and height and position*/
   font-size: 70%;			
}
		
.floatleft {
   float: left;
   width: 115px;
   height: 245px;
   padding: 0px 6px 0px 0px;
   background-color: #FFFFCC;  /* change this to line to background-color: #F0D8F8; */
   margin: 2px 0px 0px 0px;
}

.containingboxcrgpft {
	width: 230px;
	height: 150px;
	border: 0px dashed #000000;  /* don't need this border */
	/* but it helps while you're deciding on a width and height and position*/
   font-size: 70%;
}
		
.floatleftcrgpft {
	float: left;
	width: 50px;
	height: 140px;
	padding: 0px;
	background-color: #FFFFCC;  /* change this to line to background-color: #F0D8F8; */
	margin: 0px;
}
p.highlightcrgpft {
   background-color: #FFFFCC;  /* don't need this background-color */
   /* but again, it helps in positioning */                                                                     
}


p.highlight {
   background-color: #FFFFCC;  /* don't need this background-color */
   /* but again, it helps in positioning */                                                                     
}

p.highlightcrgp {
   background-color: #FFFFCC;  /* don't need this background-color */
   /* but again, it helps in positioning */                                                                     
}


h1 {
   color: #333333;
   font-size: 110%;
}

h2 {font-size: 105%; color: #CC6666;
margin: 12px;
}

h3{
font-size: 95%; 
margin: 12px 5px; 
color: #B83D3D;
}

.style2 {
	color: #333333;
	font-weight: bold;
}
.style6 {line-height: 12pt; font-weight: 400; font-variant: normal; margin: 0; color: #666666; padding: 0;}
.style12 {font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.style14 {font-size: 24px}
.style15 {font-size: 16px}


.code {
	font-size: 60%;
	border: 1px 1px 1px 0px solid #FFFFFF;
	padding: 0px;
   width: 250px;
}

a:link {
	color:#666;
}
a:visited {color:#D68585;}
a:active {
	color:#333;
}
a:hover {
	color:#333333;
	text-decoration: none;
}
	
</style>