.clear { clear: both; font-size:0; } /* Create clear div classs */
img{ border-width: 0px; } /* No border around image links */
body{ color: #E4D33B; font-size:100%; font-weight: bold; margin: 0 0 0 0; background-color: #625E5F; font-family: "Times New Roman", Times, serif; }
#wrapper{ width:800px; margin:auto; } /* Set main wrapper */
h1{ font-size: 150%; }
li{ font-size: 1em; }

#contactForm{
	padding: 15px;
}

div#wrapper a{
	color: #ffe500;
}

div#wrapper a:hover,
div#wrapper a:active,
div#wrapper a:focus {
	color: #e3d666; /* #e3d55b; */
}
/* ---------------------------------------- Begin Header ---------------------------------------- */
div#header{
	font-size: 100%;
}

div#headerimage{
	width: 800px;
	Height: 100px;
	background:url("images/header.gif") no-repeat scroll left center #625E5F;
}
/* ---------------------------------------- End Header ---------------------------------------- */

/* ---------------------------------------- Begin Mainpage ---------------------------------------- */
/* nav */
/* div#home_btn{ */
div#nav_bar .nav_btn{
	background-image:url("images/btn_bg.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	
	font-family: 'Times New Roman', Times, serif;
	/* font-size: 1.6em; */
	font-size: 150%;
	/* padding: 0px 15px 15px 25px; */
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	color: #E4D33B;
}

div#nav_bar a:hover,
div#nav_bar a:active,
div#nav_bar a:focus
{
	color: #FFE500;
	background-image:url("images/btn_mouse.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
}

div#nav_bar .active_btn{ /* For button if we are on that section */
	color: #FFE500;
	background-image:url("images/btn_mouse.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#preload{
/* pre-load mouse-over image in 'hidden' div so no stutter */
	background-image:url("images/btn_mouse.gif");
}

/*
div#services_btn{
	background:url("images/services_btn_both.gif") no-repeat scroll left center;
	width: 100px;
	height: 25px;
	display: inline-block;
}
div#about_btn{
	background:url("images/about_btn_both.gif") no-repeat scroll left center;
	width: 100px;
	height: 25px;
	display: inline-block;
}
div#contact_btn{
	background:url("images/contact_btn_both.gif") no-repeat scroll left center;
	width: 100px;
	height: 25px;
	display: inline-block;
}
*/
/* */

div#mainpage{
	width: 800px;
}

div#spacer{
	float: left;
	width: 1px;
	height: 200px;
}

div#center_col{
	background:url("images/BG.gif") repeat scroll left center #625E5F;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;

}

div#center_col p{
	padding: 0px 10px 15px 10px;
	margin: 0px 0px 0px 0px;

}



/* ---------------------------------------- End Mainpage ---------------------------------------- */

/* ---------------------------------------- Begin Footer ---------------------------------------- */
div#footer{

}

div#footerimage{
	width: 800px;
	Height: 100px;
	background:url("images/footer.gif") no-repeat scroll left center #625E5F;
}
/* ---------------------------------------- End Footer ---------------------------------------- */
/* ---------------------------------------- About Page STUFF!!! ---------------------------------------- */

div#bioWrap{
/*	height: 130px; */
}

div#bioDiv{
	width: 500px;
	text-align: justify;
	display: inline-block;
}


/* ---------------------------------------- End About Page STUFF!!! ---------------------------------------- */
/* ---------------------------------------- Menu STUFF!!! [services page only?]---------------------------------------- */
div#menuWrap{
	height: 130px;
}

div#menuDiv{
	width: 250px;
	text-align: right;
	display: inline-block;
}

ul.menu li ul{ /* style how 'hidden' ULs look */
	list-style: none;
}

ul.menu {
	margin: 0;
	padding: 1px 0px 0px 0px;
	list-style: none;
	background: url("images/hdot2.gif") repeat-x top;
}

ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

ul.menu li a {
	padding: 2px 0;
	display: block;
	color: #333333;
	background: url("images/hdot2.gif") repeat-x bottom;
	text-decoration: none;
	outline: none;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #333333;
	background: url("images/hdot2.gif") repeat-x bottom  #555555; /* XXX #555555; */
	text-decoration: none;
}

ul.menu li ul { /* second-level lists */
	position: absolute;
	width: 202px;
	/*
	 * Using left instead of display to hide menus because display: none isn't
	 * read by screen readers
	 */
	left: -999em;
}

/* take below out??? */
ul.menu li:hover ul
{ /* lists nested under hovered list items */
	position: relative;
	left: auto;
	left: 200px;

}







/* ---------------------------------------- END Menu STUFF!!! ---------------------------------------- */
/* ---------------------------------------- Services STUFF!!! ---------------------------------------- */

#contentDiv{
		display: inline-block;
		vertical-align: top;
		width: 450px;
		text-align: center;
}

.hidden{
	display: none;
	/* display: inline-block; */
	vertical-align: top;
	width: 350px;
	text-align: left;
}

div#contentDiv p{ /* take this out when we have universal margin, padding, and spacing set XXX */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.title{
	/* text-transform: uppercase; */
	font-weight: bold;
	font-size: 150%;
	line-height: 150%;
	color: #FFE500;
}

/* ---------------------------------------- END Services STUFF!!! ---------------------------------------- */