body{
	background: #396447 url(img/background.jpg) repeat top center;
	/*font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#2B4B35;*/
}
a:link{text-decoration:none;color:blue;}
a:visited{text-decoration:none;color:gray;}
a:hover{text-decoration:underline;color:gray;}
a:active{text-decoration:none;color:gray;}

.stdHeader{
	font-size:160%;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	color:#2B4B35;
	margin:3px 0;
}

.dropCap{
		vertical-align:2px;
		font-size: 180%;
		font-weight:bold;
		font-style:italic;
		margin-left:15px;
		font-family:Vivaldi, Verdana, Arial, sans-serif;
}
p{
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#2B4B35;
}
p.indent{
	 text-indent:20px;
}

td {
	overflow:hidden;
}

.fixed-layout { 
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0;
}
.sized { width:772px;
			margin-left: auto;
			margin-right: auto;}
/*left.undersized { width:500px;}
right.undersized { width:270px;}*/
.sizedSmall { width:770px;
			margin-left: auto;
			margin-right: auto;}

.navContainer{
	width:770px;
	padding-bottom:0px;
}
td.mainIMG{
	/*border:3px solid #396447;
	padding:0;margin:0;*/
}


ul.nav a:link, ul.nav a:visited, ul.nav a:active {
	text-decoration:none;
	color:#F9FDC2;
	display:block;
	width:100%;
	/*font-family:Times, sans-serif;
	font-size: 17px;*/
}
ul.nav a:hover, ul.nav a:focus{
	text-decoration:none;
	color:#FCFEDE;
	display:block;
	background:#2B4B35 url(img/nav_hover.gif) repeat-x left bottom;
	width:100%;
}
ul.nav {
	float:left;
	width: 100%;
	padding: 0;margin:0;
}
ul.nav li{
	float:left;
	width:20%;
	list-style-type:none;
}
ul.nav *.navLabel{
/*	border: 1px solid red;
	border: 1px solid #2B4B35;*/
	border-left:1px solid #F9FDC2;
	border-top:none;
	border-bottom:none;
	border-right:none;
	cursor: pointer;
	padding-bottom: 2px;
	padding-top:2px;
	background:#2B4B35 url(img/navbg.gif) repeat-x left bottom;	
	/*  good place for background image here... background: color url() repeat-x left bottom or some such...*/
	font-weight:normal;
	text-align:center;
	font-size: 1.1em;
}

ul.nav li.left *.navLabel{
	/*border: 1px solid #2B4B35;
	border-right:1px solid #F9FDC2;
	border-right:none;
	border-top:none;
	border-bottom:none;
	border-left:none;*/
	border:0px solid black;
	cursor: pointer;
	/*padding-bottom: 2px;
	padding-top:2px;*/
	background:#2B4B35 url(img/navbg.gif) repeat-x left bottom;
	font-weight:normal;
	text-align:center;
	font-size: 1.1em;
}
#mainContainer tr{border:none;padding:0;margin:0;}
h3{
	margin:0;
	padding:0;
}
/*
td.left.undersized { width:500px;}
td.right.undersized { width:270px;
	background-color:#2B4B35;
}*/
/*
#MainContentArea{
	border:1px solid red;
	padding: 3px;


}*/
/*
.rightColumn{
	width:266px;
	background-color:#396448;
	vertical-align:top;
}
*/


/* *************************** BEGIN BOX *************************** */
/* Made to fit into a 170px right column */	
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent url(img/mybox.jpg) no-repeat bottom right; 
} 
.cssbox { 
	/*width: 170px !important;  intended total box width - padding-right(next) */ 
	/*width: 155px;  IE Win = width - padding */ 
	width: 225px !important; /* intended total box width - padding-right(next) */ 
	width: 210px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin: 20px auto;  use to position the box */ 
	margin: 5px 5px 6px -5px;
}
* html div.cssbox{
	margin: 5px 0px 6px 5px;
}

 /* set the top-right image */ 
 .cssbox_head { 
 	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 
* html div.cssbox_head{
	
}
/* set the top-left image */ 
.cssbox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
/*	padding: 25px 0 15px 40px;  padding-left = image gap + interior padding ... no padding-right */ 
	padding: 15px 0px 5px 20px; 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
	color: #F9FDC2;
	font-size:90%;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
} 
* html div.cssbox_head h2{
	
}



/* set the lower-left corner image */ 
.cssbox_body { 
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 
/* *************************** END BOX *************************** */
/*
#mainContainer{
	width:770px;
	margin-left:auto;
	margin-right:auto;
}
*/
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    /*float:left;*/
		margin-left:auto;
		margin-right:auto;
        width:770px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#396448;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        /*margin-left:-200px;*/
		margin-left:-250px;
        position:relative;
        right:100%;
        background:#F9FDC2;
    }

    .rightmenu .col1wrap {
	    float:left;
	    width:48%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	
	
	.rightmenu .col1 {
        /*margin:0 15px 0 215px;*/
		margin:0 0px 0 265px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
       /* width:170px;*/
		width:220px;
        position:relative;
		/*left: 185px*/
		left:235px;		
		/*background-color:white;*/
    }

		
	/* Footer styles */
	#footer {
        clear:both;
        /*float:left;*/
		margin-left:auto;
		margin-right:auto;
        width:770px;
		border-top:1px solid #000;
    }
    #footer p {
        padding: 0 10px;
        margin:0;
		text-align:center;
		color:#000;
    }

/* **************** Availability Table ************************/

.tblAvailability{
	padding-top:0;margin-top:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}
.tblAvailablity.formStyle{
	color:#2B4B35;
	font-weight:normal;
}
.buttonStyle{
	color:#2B4B35;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin-top:15px;
	margin-bottom:15px;
	width:140px;
	margin-left:auto;
	margin-right:auto;
}
/*********************************************************/
/*  Right Column Image */
.rtColBannerImg{
	
	width:175px;
	
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}


/* Right Colum Paragraph */
.rtColPara {
	text-align:center;
	color:#F9FDC2;
}
* html p.rtColPara {
	margin: 0px 0px 15px 15px ;
}

.col2 a:link{color:#F9FDC2;text-decoration:underline;}
.col2 a:visited{color:#F9FDC2;text-decoration:underline;}
.col2 a:hover{color:#fff;text-decoration:underline;}
.col2 a:active{color:#F9FDC2;text-decoration:underline;}



.footerNav{
	list-style-type:none;
	display:inline;
}
#footer ul{
	text-align:center;
	margin:2px 0 3px 0;
}
#footer li {
	display:inline;
}
#footer a:link{color:#469762;text-decoration:none;font-family:Verdana, Arial, sans-serif;font-size:80%;}
#footer a:visited{color:gray;text-decoration:none;font-family:Verdana, Arial, sans-serif;font-size:80%;}
#footer a:hover{color:#2B4B35;text-decoration:underline;font-family:Verdana, Arial, sans-serif;font-size:80%;}
#footer a:active{color:#2B4B35;text-decoration:none;font-family:Verdana, Arial, sans-serif;font-size:80%;}

<!-- 
#massage {
line-height: 1.9em;
font-style: italic;
font-family: georgia, "times new roman", times, serif;
color: #444444;
border-color: white;
border-width: 1px;
background-color: #a7cece;
padding: 25px;
padding-left: 80px;
margin: 30px;
margin-right: 30px;
background-image: url(images/massage2.jpg);
background-repeat: no-repeat;
background-position: top left;
} 
-->

/*
F9FDC2 (yellow)
2B4B35(dk green)
DCE0A5(darker yellow in background)
*/