/* *********************************************** */
/* CSS File created by CreeksideDesign.com 090816  */
/* 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
************************************************** */

body {
	background: white;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

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

hr { border: 2px dotted #D6E6E3;
}

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

.page-glow {
	margin: -90px 0 0 -135px;
	float: left;
	z-index: -5;
	position: absolute;
}

.page-holder{
	width: 100%;
	/* background: url("../../media/pics/body-bg2.png") no-repeat top center; */
}
/*-------- Begin: Internet Explorer fix attempt ----------*/
/*
.page-wrapper{
    -moz-border-radius: 5px;
	margin: 75px -40px;
	width:1000px;
	height: 1%;
	height: auto;
	border: 1px dotted red;
}
.container {
	/*background: white;*/
	margin: 0 40px; 
	margin-top: -44px;
	margin-bottom: -30px;
	float: left;
	display: inline;
	width: 950px;
}
*/

.page-wrapper{
	margin: 0;
	width:1000px;
	height: auto;
}
.container {
	margin: 0; 
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	display: inline;
	width: 950px;
}
/*-------- End: Internet Explorer fix attempt ----------*/
#topBar {
	background: #D6E6E3;
	height: 5px;
	float: left;
	width: 100%;
}

.vis-clear {
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
h2 {
	color: #348071;
}
/*-------- Column Structure (Common Settings) ----------*/
/* 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 */
	border-left: 2px solid #D6E6E3;
	border-right: 2px solid #D6E6E3;
}
/* 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;
}
/*-------- 3 Column Structure ----------*/
.threecol {
	background: #E1E1E1;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background: white;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background: #E1E1E1;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*-------- 2 Column Structure (left menu) ----------*/
.leftmenu {
	background: white;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background: #E1E1E1;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.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) */
}
/*-------- 2 Column Structure (right menu)----------*/
.rightmenu {
	background: #D6E6E3;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background: white;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/*-------- Featured --------*/
#topFeature {
	background: white;
	height: 249px;
	padding: 0;
	margin: 0 0 0 0;
	border-left: 2px solid #D6E6E3;
	border-right: 2px solid #D6E6E3;
}

/*-------- Header --------*/
.header {
	/* border-bottom: 2px solid gray; */
}


.header .logo {
	/*padding: 5px 0pt 5px 26px;*/
	padding: 0 0 0 0;
}

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

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

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

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

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

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

/* *********************************************** */
/* Centered Horizontal Navigation                  */
/* *********************************************** */
#navwrap {
		width: 100%;
}
#topnav .primary {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	overflow: hidden;
	background: #348071;
	width: 100%;
	height: 25px;
}
#topnav .primary li { display: inline; }
#topnav .primary a {
	padding: 6px 10px;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#topnav .primary li.active a {
	padding:5px 9px 7px 9px;
	margin-bottom:-1px;
	border:1px solid #d8d8dc;
	border-width:1px 1px 0 1px;
	color:#314251;
	background:#fff;
	text-decoration: underline;
}
#topnav .primary a:hover {
	padding:5px 9px 7px 9px;
	margin-bottom:-1px;
	border:1px solid #d8d8dc;
	border-width:1px 1px 0 1px;
	color: #348071;
	background: #D6E6E3;
	text-decoration: underline;
}