body {
	margin: 0px;
	padding: 0px;
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	letter-spacing: 1px;
	color: #71542f;
	font-size: 13px;
	background-color: #000;
	height: 100%;
	scrollbar-arrow-color: #eee;
	scrollbar-3dlight-color: #000;
	scrollbar-highlight-color: #eee;
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #eee;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #fff;
}

/* font link styles */

a:link {color: #000; font-weight:normal; text-decoration: none}
a:visited {color: #000; font-weight: normal; text-decoration: none;}
a:hover {color: #71542f; font-weight: normal; text-decoration: none;}
a:active {color: #000; font-weight: normal; text-decoration: none;}

.footertext a:link {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}
.footertext a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}
.footertext a:hover {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000;text-decoration: none;}
.footertext a:active {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-align: right;	
}

p 
{
	margin: 6px 0px 12px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	letter-spacing: 1px;
	color: #71542f;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;	
}

td 
{
	margin: 0px;
	color:#747474;
	line-height: 13px;	
}

p.zero {margin-top: 0px;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;	
	font-weight: bold;
	letter-spacing: 1px;
	color: #71542f;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 16px; 	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	font-weight: bold;
	color: #71542f;
	line-height: normal;
	margin-top: 10px;
	margin-bottom: 18px; 	
}

.emailform
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #fff;
	font-size: 11px;	
}

/* bulleted listing colors */

ul, li {
	color:#71542f;
	line-height: 20px;		
} 

/* remove active border / outline on flash object and on menu */

object, embed {
 outline: 0;
}

a {
outline: none;
}

/* div definition and styles */


/* allow background wood graphic to tile vertically for full screen and content height + body height set to 100% */
#wrapper {
	min-height: 100%;
	background: #000 url(images/bg.jpg) top center repeat-y;
}
* html #wrapper {
	height: 100%;
}

html {
  height: 100%;
}
/* end of background height code */

#container {
	margin: 0px auto;
	padding: 0;
	width: 1000px;
	overflow: hidden;
}

#column_left {
	float: left;
	position: relative;
	width: 220px;
}

#column_right {
	float: left;
	position: relative;
	width: 750px;
	display: inline;
	margin-top: 15px;
}

#column_content {
	float: left;
	position: relative;
	width: 750px;
	margin: 0px 15px 0px 15px;
	display: inline;
	background-color: #dbc6aa;	
}

#column_gallery_top {
	float: left;
	position: relative;
	width: 750px;
	height: 15px;
	margin: 0px 15px 0px 15px;
	display: inline;
	background: url(images/content_header.png) center top no-repeat;
}

#content_header {
	float: left;
	position: relative;
	width: 750px;
	height: 180px;
	background: url(images/content_header.png) center bottom no-repeat;
	margin: 0px 15px;
}

#header_image {
	float: left;
	position: relative;
	width: 250px;
	height: 165px;
	text-align: center;
}

#content_footer {
	float: left;
	position: relative;
	width: 750px;
	height: 15px;
	background: url(images/content_footer.png) no-repeat;
	margin: 0px 15px;
}

#logo {
	float: left;
	position: relative;
	width: 220px;
}

#social_media {
	float: left;
	position: relative;
	width: 205px;
	margin-left: 15px;
	display: inline;
}

#text {
	float: left;
	position: relative;
	width: 505px;
	padding: 15px 0px 15px 15px;
	text-align: left;	
}

#images {
	float: left;
	position: relative;
	width: 215px;
	padding: 0px 0px 0px 15px;
	display: inline;
}

/* fix png transparency in IE5+ for all PNG images */

img, #container { behavior: url(iepngfix.htc); }
img, #column_left { behavior: url(iepngfix.htc); }
img, .menu { behavior: url(iepngfix.htc); }

/* end of png image fix */


/* definition of top menu */
/*Credits: CSSplay */
a.footnav, a.footnav:link, a.footnav:visited {display:block; padding: 2px 0px; height:20px; background:transparent; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:9px; font-weight:bold; color:#ccc; line-height:20px; overflow:hidden; float:left;}
a.footnav:hover {color:#000; background:transparent;}
a.footnav:active {color:#000; background:transparent;} 

a.footnavupright {display:block; padding: 2px 20px; height:12px; background:transparent; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; color:#ccc; line-height:20px; overflow:hidden; float:left;}

/* definition of top menu ends here */

/* definition of main menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

/* set up the overall width of the menu div, the background image (which includes the menu elements) and the margins */
.menu {
font-family: verdana, arial, sans-serif; 
width:220px;
height:450px;
margin:15px 0px 0px 0px;
background: transparent url(images/menu_bg.png);
position:relative;
}
/* remove the bullets and set the margin and padding to zero for the unordered list and position it over the menu background image */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
position:absolute;
left: 0px;
top: 0px;
width:220px;
height:450px;
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
.menu ul li {
float:left; 
position:relative;
width:220px;
}
/* style the links to be 150px wide by 50px high. place the text off screen. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-indent:-1000px; 
width:220px; 
height:50px;
text-decoration:none;
}

/* set up the background list/link images relative to this css file */

/* hover images */
li:hover.map1 {background:transparent url(images/menu1.png);}
li:hover.map2 {background:transparent url(images/menu2.png);}
li:hover.map3 {background:transparent url(images/menu3.png);}
li:hover.map4 {background:transparent url(images/menu4.png);}
li:hover.map5 {background:transparent url(images/menu5.png);}
li:hover.map6 {background:transparent url(images/menu6.png);}
li:hover.map7 {background:transparent url(images/menu7.png);}
li:hover.map8 {background:transparent url(images/menu8.png);}
li:hover.map9 {background:transparent url(images/menu9.png);}

/* additional hover images not used in flying w menu */
li:hover.map1 em {display:block; width:50px; height:50px; background:transparent url(../map/face2.gif); position:absolute; top:250px; left:50px;}
li:hover.map2 em {display:block; width:50px; height:50px; background:transparent url(../map/face3.gif); position:absolute; top:200px; left:50px;}
li:hover.map3 em {display:block; width:50px; height:50px; background:transparent url(../map/face4.gif); position:absolute; top:150px; left:50px;}
li:hover.map4 em {display:block; width:50px; height:50px; background:transparent url(../map/face1.gif); position:absolute; top:100px; left:50px;}

/* sub menu images - each one for a full sub menu with multiple items */
ul.sub1 {background:transparent url(../map/sub1.jpg);}
ul.sub2 {background:transparent url(../map/sub2.jpg);}
ul.sub3 {background:transparent url(../map/sub3.jpg);}
ul.sub4 {background:transparent url(../map/sub4.jpg);}

/* sub menu hover images - each one for an individual menu item */
a.sub1a:hover {background:transparent url(../map/sub1a.jpg);}
a.sub1b:hover {background:transparent url(../map/sub1b.jpg);}
a.sub1c:hover {background:transparent url(../map/sub1c.jpg);}
a.sub2a:hover {background:transparent url(../map/sub2a.jpg);}
a.sub2b:hover {background:transparent url(../map/sub2b.jpg);}
a.sub2c:hover {background:transparent url(../map/sub2c.jpg);}
a.sub3a:hover {background:transparent url(../map/sub3a.jpg);}
a.sub3b:hover {background:transparent url(../map/sub3b.jpg);}
a.sub3c:hover {background:transparent url(../map/sub3c.jpg);}
a.sub4a:hover {background:transparent url(../map/sub4a.jpg);}
a.sub4b:hover {background:transparent url(../map/sub4b.jpg);}
a.sub4c:hover {background:transparent url(../map/sub4c.jpg);}

/* make the dropdown ul invisible */
.menu ul li ul {
visibility:hidden;
}

/* specific to non IE browsers */

/* make the sub menu ul visible and position it to the right of the main menu list item */
.menu ul li:hover ul {
visibility:visible;; 
position:absolute; 
top:0; 
left:150px; 
width:100px;
height:150px;
}

/* style the size of the submenu links */
.menu ul li:hover ul li a {
display:block; 
width:100px;
height:50px;
}

/* definition of main menu ends here */


