/* css Zen Garden submission 199 - 'Zen Army', by Carl Desmond, http://www.niceguy.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Carl Desmond */
/* Added: December 5th, 2006 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/*************************************************************
 * USED FOR OVERALL PAGE
 *************************************************************/
   
body { 
	font: 10pt/18pt  Arial, Verdana, sans-serif;
 	background-color: rgb(255,255,232); 
/* 	background-color: #28903B; /* original green */
/* 	background-image: url(back.jpg);
	color: #736344;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px; */
	}
#container { 
	position: relative;
	top: 0px; 
	left: 50%;
	width: 700px;
	margin-left: -350px;
 	border: #C1B02C 7px solid;  /* a goldish color */
	background: #FFFFFF;
	}
#pageFooter { /* used for "powered by LetsGet */
	position: relative;
	margin: 10px; 
	text-align: center;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	color:#C1B02C; 
 	text-align: center; 
/*   	border: red 7px solid;  /* a goldish color */
	}

/*************************************************************
 * USED FOR PLACING AREAS WITHIN PAGE 
 *************************************************************/
#pageHeader { 
	position: relative; 
  	height: 200px; 
/* 	border: 10px medium solid gold; /* gold */ 
	}
#logoImage {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 6px;
	left: 85px;
 	width: 542px;
	height: 213px;
	padding: 0px;
	background: url(logo2.jpg) no-repeat;
	}
#headerImage {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 20px;
	left: 185px;
 	width: 497px;
	height: 153px;
	padding: 0px;
	background: url(header.jpg) no-repeat;
	}
#menuBar {
	position:relative;
	width:691px; 
	height:40px; 
	text-align:center; 
/* 	background-color:#28903B ; /* orig green */
	background-color: rgb(85,41,16); /* new brown  */
	border:#FFFFFF 5px solid; 
 	font-family:Verdana, Arial, Helvetica, sans-serif;  
	top: 0px;  	
	left:45px;
	font-weight:bold; 
	font-size:14px; 
	vertical-align:middle;  
	line-height:37px; 
	}
#mainPage {
	position: relative;
	margin: 20px; 
/* 	border: medium solid #dddddd; /* silver */ 
	}
#homePageBackground {
	position: relative;
	margin: 20px; 
	width: 662px;
	height: 657px;
	background: url(graphic4.jpg) no-repeat;
	background-color: #ffffff;
	  /* for IE */
	  filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
	  /* for Mozilla */
	  -moz-opacity:0.6;
/* 	border: medium solid #ffff00; /* yellow */ 
	}	
#homePageImages {
	position: relative;
	top: -677px; 
	margin: 20px; 
	}
#pageBottomSkew { /* used only on home page for moving the transparent section onto the background image */ 
	position: relative;
 	top: -125px; 
	height: 1px; 
}
#pageBottom {
	position: relative;
	height: 85px; 
	background-position: center;
	text-align: center;
	margin: 0px;
	padding-bottom: 20px;
	background-color: #ffffff;
	  /* for IE */
	  filter:alpha(opacity=75);
	  /* CSS3 standard */
	  opacity:0.75;
	  /* for Mozilla */
	  -moz-opacity:075;
/* 	border: medium solid blue; /* blue */ 
	}

#pageBottomLeft {
	float:left; 
	width:367px; 
	height:120px; 
	padding-top:15px; 
	text-align:center; 
	}

#pageBottomRight {
	float:right; 
	width:295px; 
	height:120px; 
	padding-top:15px; 
	text-align:center;
	}

/*************************************************************
 * USED FOR MENU BAR AND LINK BEHAVIOR
 *************************************************************/

a { 
	text-decoration: underline bold; 
	color: #005EA6;
	}
a.menu { 
	/* Use this and the one below to space out the menu bar */
	text-decoration: underline bold; 
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
}
a.selected {
	text-decoration: none; 
	/* Use this and the one above to space out the menu bar */
	padding: 0px 10px 0px 10px;
	color: #C1B02C;
}
a:active {
	text-decoration: underline bold;
	color: #C1B02C;
}
a:hover, a:active {
	text-decoration: underline bold;
	color: #C1B02C;
}
a.selected: a.selected:hover {
	color: #FFFFFE;
}
.head {
 	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
/* 	vertical-align: top; */
}





/*************************************************************
 * UNUSED 
 *************************************************************/

/* 
p { 
	font: 10pt/17pt Arial, Verdana, sans-serif; (
	text-align: left;
	}
p.p1 {
	line-height: 20px;
}
p.p2 {
	line-height: 18px;
}
*/

/* 
h3 { 
	font: bold 12pt Arial, Verdana, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	color: #006633;
	}
*/ 
/* FOOTER Hyperlink Controls 
.nav a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 18px;
	padding-right: 18px;
}
.nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 18px;
	padding-right: 18px;
}
.nav a:hover {
	color: #C1B02C;
	text-decoration: underline;
	padding-left: 18px;
	padding-right: 18px;
}
.nav a:active {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 18px;
	padding-right: 18px;
}
*/

/*************************************************************
 * USED FOR LINES - UNUSED 
 *************************************************************/

.hr_header {
	position: absolute;
	left: 19px;
	top: 9px;
	color: #b00020;
	background-color: #b00020;
	height: 2px;
	width: 630px;
}
.hr_title {
	position: absolute;
 	left: -21px; 
	color: #C1B02C ;
	background-color: #C1B02C ;
	height: 5px;
	width: 702px;
}
.hr_thin {
	position: absolute;
	left: 18px;
	color: #C1B02C ;
	background-color: rgb(85,41,16);
	width: 630px;
	height: 1px;
}

