/* *********************************************** */
/* CSS File created by CreeksideDesign.com 090830  */
/* design@gocreekside.com  www.creeksidedesign.com */
/* *************************************************
Dark Maroon					#4C0C0C		RGB: 76/12/12
Lavender color: 			gray		RGB: 185/202/219
Light Lavender color: 		#e2e9f0		RGB: 226/233/240
Medium Grey color:			#606060		RGB: 96/96/96
Dark Grey color:			#2c2c2c		RGB: 44/44/44
************************************************** */

/******************************************* FONDATION WORK *******************************************/
body {
	background: #023E00;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: url("../../media/pics/horse-shoes-bg.jpg");
}

br, p, li, td { font-size: 12px; }

#page {
	width: 800px;
	margin: auto;
	text-align: left;
}

.page-holder{
	width: 100%;
	/* background: url("../../media/pics/body-bg2.png") no-repeat top center; */
}

#topNavigation {
	background: #023E00;
	height: 50px;
	float: left;
	width: 100%;
}

#topBar {
	background: #023E00;
	height: 5px;
	float: left;
	width: 100%;
}

/*-------- Begin: Internet Explorer fix attempt ----------*/
/* old settings......
.page-wrapper{
    -moz-border-radius: 5px;
	margin: 75px -40px;
	width: 850px;
}

.container {
	/*background: white;*/
	margin: 0 40px; 
	margin-top: -44px;
	margin-bottom: -30px;
	float: left;
	display: inline;
	width: 800px;
}
*/

.page-wrapper{
	margin: 0;
	width: 850px;
	height: auto;
}
.container {
	margin: 0; 
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	display: inline;
	width: 800px;
}

/*-------- End: Internet Explorer fix attempt ----------*/

.vis-clear {
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
h2 {
	font-color: #023E00;
}
/******************************************* TOP NAVIGATION *******************************************/
/*#navcontainer { width: 100%; }*/
#navcontainer { height: 30px; }
#navcontainer ul {
margin: 6px 0px 0px 0px; /* top rgt btm lft */
padding-left: 0;
list-style-type: none;
display: block;
font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
font-weight : normal;
}
#navcontainer a {
padding: 2px 6px 2px 6px;
width: 105%;
/* border-bottom: 1px solid #91A2C5; */
font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
font-size: 12px;
font-weight : normal;
}
#navcontainer a:link, #navlist a:visited {
background:#023e00; /* background before hover */
color: white;
text-decoration: none;
}
#navcontainer a:hover {
background:#808000; /* background when hover */
text-shadow: 2px 2px 3px #0E2022;
color: white;
}

/*********************************************** COLUMNS **********************************************/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/*-------- 2 Column Structure (left menu) ----------*/
.leftmenu {
	background: white;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background: #D8CA7A;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
	background: url("../../media/pics/content-bg.jpg") no-repeat top center;
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

/*********************************************** FOOTER ***********************************************/
.footer {
	text-align: center;
	font-size: 0.85em;
	padding: 30px 0 50px 0;
	color: white;
	float: left;
	width: 100%;
}

.footer a {
	text-decoration: underline;
	color: white;
}

.footer p,
.footer a:hover {
	color: #9bc7f4;
}

#footerInfo {
	text-align: center;
	color: white;
	margin: 7px auto;
	font-size: 0.85em;
}

#footerInfo a:link,
#footerInfo a:active,
#footerInfo a:visited {
	color: white;
	text-decoration: underline;
	margin-top: 7px;
}

#footerInfo a:hover {
	color: #9bc7f4;
	text-decoration: underline;
}