/*	CEDARPEST Stylesheet	*/

/*	Colours
	Darkest green		#0F1405		015 020 005		
	Dark green			#556B2F		085 107 047
	Strong green		#6B8E23		107 142 035
	Straw				#D6D258		214 210 088
	Pale cream			#EBE2CE		235 226 206
	Palest cream		#F5F0E6		245 240 230
*/

* {margin:0; padding:0;border:0;spacing:0}

h1 	{font-size:1.30em; margin:0; padding:0.3em;color: #556B2F;}
h2 	{font-size:1.25em; margin:0; padding:0.3em;color: #0F1405;}
h3 	{font-size:1.00em; margin:0; padding:0.2em;color: #6B8E23;}
h4 	{font-size:1.00em; margin:0; padding:0.2em;color: #0F1405;}
h5 	{font-size:0.90em; margin:0; padding:0.2em;color: #556B2F;}
h6 	{font-size:0.60em; margin:0; padding:0.2em;color: #556B2F;}

/* 	THE PAGE includes everything */
#div_page{
  	position:absolute; 
	overflow: auto;
	left:0;
	top:0;
	width: 100%;
	height:auto;
	}
	
/* 	The Banner */
.div_banner {
  	float:left;
	z-index:-1;
	width: 100%;
	}
.div_banner_top {
  	float:left; 
	width: 100%; 
	height: auto;	
	background: url("banner_top.jpg") repeat;
	color:#F5F0E6;
	padding:1% 0% 1% 0%;
	text-align:right;
	font-size:1.23em;
	}
#div_banner_top_text {
	float:left; width: 98%; 
	font-size: 1.0em;
	}
#div_banner_centre {
  	float:left; 
	width: 99%;  
	background-color:#EBE2CE;
	padding:none;spacing:none;margin:none;
	}
#div_banner_centre_logo {
  	float:left; 
	width: 35%;  
	background: url("banner_cedar.jpg") no-repeat;
	margin:1% 0% 0% 1%;
	}
#div_banner_pics {
	float:right;
	width: 60%;  
	margin:0% 0% 0% 0%;
	}
.div_banner_pic_in {
	float:right;
	width:25%;
	margin:0.5% 0% 0.5% 5%;
	}
.div_banner_pic_in img {
	width:100%;
	height:auto;
	}
#div_banner_base {
  	float:left; 
	width: 100%; 
	height: auto;
	background: url("banner_base.jpg") repeat;
	}
	
/* MENU SECTION */
#div_navigation{
  	float:left;
	width:8%;
	background-color:#EBE2CE;
	font-size:1.2em;	
	color:#556B2F;
	text-align: center;
	z-index: 2;	
	}
#div_navigation ul {
	background-color:#EBE2CE;
	}
#div_navigation li {
	list-style: none;
 	margin:2% 2% 2% 2%;
	width:90%;
	height:auto;
	}
ul.nav_1 {
	background-color:#EBE2CE;
	}
ul.nav_1 li {
 	padding: 10% 1% 0% 1%;
	}
ul.nav_2 {
    display: none;
 	padding: 0 0 0 4%;
	z-index: 3;
	width:90%;
	}
li:hover .nav_2 {
	display: block;
	position: absolute;
	left: 100%;
	top: 0.3em;
	}
ul.nav_2 li {
 	padding: 3% 1% 0% 1%;
	float:left;
	font-style:italic;
	width:110%;
	}
#div_navigation a {
	color:#556B2F;
 	cursor: pointer;
 	display:block;
 	height:auto;
 	line-height: 112%;                 
 	width:100%;
	align:left;
	}
#div_navigation a:hover{
 	text-decoration:underline;
	}
#div_navigation li:hover{
	border:0.1em solid #556B2F;
 	position: relative;
	}
/* Reset */
li:hover .nav_1 .nav_2 {
	display:none;
	}
.nav_1 li:hover .nav_2 {
	display:block;
	}

a.menu_anc{
	color:#556B2F; 
	font-size: 0.75em; 
	}
a.menu_anc:hover {
	color:#556B2F; 
	font-size: 0.7em;
	font-weight:bold;
	}
.clicked {	
	color:#556B2F;
	font-size: 0.75em; 
	font-weight:bold;
	}
/* END OF MENU */

/* 	THE CONTENT excludes the banner, menu and footer */
.div_box_10  {float:left; width:  8%; margin:1% 1% 1% 1%; }
.div_box_20  {float:left; width: 18%; margin:1% 1% 1% 1%; }
.div_box_30  {float:left; width: 28%; margin:1% 1% 1% 1%; }
.div_box_40  {float:left; width: 38%; margin:1% 1% 1% 1%; }
.div_box_50  {float:left; width: 48%; margin:1% 1% 1% 1%; }
.div_box_60  {float:left; width: 58%; margin:1% 1% 1% 1%; }
.div_box_70  {float:left; width: 68%; margin:1% 1% 1% 1%; }
.div_box_80  {float:left; width: 78%; margin:1% 1% 1% 1%; }
.div_box_90  {float:left; width: 88%; margin:1% 1% 1% 1%; }
.div_box_100 {float:left; width: 98%; margin:1% 1% 1% 1%; }
.div_box_100_0 {float:left; width: 100%; margin:0; }

.div_box_frame { 
	float:left; 
	width: 98%; 
	margin:1% 1% 1% 1%;	
	background-color:#F5F0E6; 
	border:0.1em solid #6B8E23;
	}	
.div_box_header {
  	float:left; 
	width: 98%; 
	height: auto;	
	background-color:#6B8E23;
	color:#F5F0E6;
	padding:0.5% 0 0.5% 2%;
	text-align:left;
	font-size:1em;
	}	
.div_box_text {
  	float:left; 
	width: 98%; 
	height: auto;	
	text-align:left;
	font-size:0.8em;
	color:#0F1405;
	padding:0.5% 0 0.5% 2%;
	}	
.div_box_text_c {
  	float:left; 
	width: 98%; 
	height: auto;	
	text-align:center;
	font-size:0.8em;
	color:#0F1405;
	padding:0.5% 0 0.5% 2%;
	}
.div_box_gotop {
  	float:left; 
	width: 88%; 
	height: auto;	
	text-align:right;
	font-size:0.9em;
	color:#0F1405;
	}	
.div_box_splash { 
	float:left; 
	padding:2% 2% 2% 2%;
	text-align:center;
	font-size:1.0em;	
	color:#556B2F;
	background-color:#EBE2CE; 
	border:0.1em solid #6B8E23;
	}
.div_box_list { 
	float:left; 
	width:90%;
	padding:2% 2% 2% 5%;
	font-size:0.7em;
	text-align:left;
	color:#6B8E23;
	background-color:#EBE2CE; 
	}
	
/* 	The Footer */
#div_footer {
	float:left; 
	width: 100%;
	height: 4%;
	background: url("banner_base.jpg") no-repeat;
	}
#div_footer_txt {
	font-size:0.8em;
	margin:1% 0 0 4% ;
	color:#F5F0E6;
	font-weight:bold;
	}
/* 	End of Footer */

/*	Buttons, images	& links		*/
.btn 	{
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #0F1405;
	background-color:#F5F0E6; 
	border:0.1em solid #556B2F; 
	margin:1% 1% 1% 1%;	
	background-color:#EBE2CE; 
	}
.btn:hover {
	font-size: 0.9em;
	font-weight: bold;
	color: #556B2F;
	border:0.1em solid #6B8E23; 
	}
	
.ul_tick {list-style-image: url(tick.jpg)}
.ul_tick_d {list-style-image: url(tick_d.jpg)}
.ul_dot {list-style-image: url(dot.jpg)}
.ul_tick li, .ul_dot li { margin:0% 0% 0% 1%; }
	
a 			{color: #6B8E23;}
a:hover 	{color: #D6D258; }
a.anc 		{font-size:1em;color:#0F1405;}
a.anc:hover {font-size:1.05em;color:#6B8E23;}
a.small 	{font-size:0.6em;color:#0F1405;}
a.small:hover {font-size:0.6em;color:#6B8E23;}

.imglink img { 
	height:4em;
	width:4em;
	border:0.1em solid #6B8E23; 
	margin:0.5em 1em 0.5em 1em;
	}
.imglink:hover img { 
	height:4em;
	width:4em;
	border:0.3em solid #6B8E23; 
	margin:0.3em 0.8em 0.5em 1em;
	}	
.image_auto {
	width:90%;
	height:auto;
	margin:2% 5% 8% 5%;
	}
.align_right {text-align:right; }

/*	End of buttons, images & links		*/
/*	Hidden counter		*/
#div_counter {
	display:none;
	}
#div_counter_show {
	width:100%;
	height:50%;
	}
#counter_btn {
	background-color:#EBE2CE;
	margin:1% 1% 1% 1%;	
	width:90%;
	height:90%;
	}