/* Crestview CC */

/* Presentational Divs */

body {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	line-height: 1.5em;
	padding-top: 0px;
}

.clear {
	float: left;
	clear: both;
}

a, a:link, a:visited {
	color : #0000ff;
	text-decoration: underline;
}

a:hover {
	color : #c50e6b;
	text-decoration : none;
}

/* Structural Divs */

/* #float {
	width: 775px;
	background: url(/img/container_bg.jpg) repeat-y left top;
	padding: 0px;
	margin: 0px auto 0px auto;
	clear: both;
	display: block;
}

*/

#container {
	width: 775px;
	background: url('/img/container_bg.jpg') repeat-y left top;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	display: block;
	float: left
}

#branding {
	background: #eaeae5;
	width: 755px;
	margin: 0px 5px 2px 5px;
	padding: 0px;
	float: left;
	display: inline;
	height: 75px;
	clear: both;
}

#branding-logo {
	margin: 0;
	padding: 0;
	height: 55px;
	width: 425px;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
}

#branding-logo h1 {
	background:url('/img/logo.jpg') no-repeat;
	height: 55px;
	width: 425px;
	margin: 0px;
	padding: 0px;
	overflow: hidden
}		

#branding-logo h1 span {
	display:none;
	}

#branding-tagline {

}

#inside #branding {
	background: #eaeae5;
	width: 755px;
	margin: 0px 5px 2px 5px;
	padding: 0px;
	float: left;
	display: inline;
	height: 55px;
	clear: both;
}

#inside #branding-logo {
	margin: 0;
	padding: 0;
	height: 35px;
	width: 295px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}

#inside #branding-logo h1 {
	background: url('/img/logo_small.jpg') no-repeat;
	height: 35px;
	width: 295px;
	margin: 0px;
	padding: 0px;
	overflow: hidden
}

#inside #branding-logo h1 span {
	display:none;
	}

#inside #branding-tagline {

}

#fma {
	width: 755px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}

#nav {
	width: 755px;
	height: 35px;
	background: #e9f1e4;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	display: inline;
	padding-top: 5px;
}

#fma-image {
	width: 755px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#inside #fma-image {
	width: 755px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}


#fma-message {
	width: 265px;
	margin: 0px;
	background: url('/img/fma_full.jpg') no-repeat left top;
	display: block;
	float: right;
	position: absolute;
	top: 152px;
	z-index: auto;
	left: 495px;
	padding-bottom: 10px; padding-left:0px; padding-right:0px; padding-top:0px
}

#fma-message h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	width: 225px;
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	color: #ffffff;
	padding-top: 7px;
	padding-bottom: 7px;
}

#fma-message p {
	width: 195px;
	margin: 0px;
	padding: 0px;
	padding-left: 55px;
	color: #3b5f41;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}

#search {

}

#content {
	width: 755px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	background: #e8e9e3;
	clear: both;
	margin-bottom: 2px;
}

#content-sidebar {
	width: 215px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #e9eae4;
	display: inline;
}

#inside #content-sidebar {
	width: 215px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #e9eae4 url('/img/inside_side_bg.jpg') repeat-y left top;
	display: inline
}

#content-sidebar h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('/img/welcome.jpg');
	clear: both
}

#inside #content-sidebar.golf h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('/img/header_golf.jpg');
	clear: both
}

#inside #content-sidebar.staff h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_staff.jpg);
	clear: both
}

#inside #content-sidebar.about h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_about.jpg);
	clear: both
}

#inside #content-sidebar.membership h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_membership.jpg);
	clear: both
}

#inside #content-sidebar.pool h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_pool.jpg);
	clear: both
}

#inside #content-sidebar.tennis h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_tennis.jpg);
	clear: both
}

#inside #content-sidebar.outings h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_outings.jpg);
	clear: both
}

#inside #content-sidebar.wpb h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_wpb.jpg);
	clear: both
}

#inside #content-sidebar.members h1 {
	width: 215px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/img/header_members.jpg);
	clear: both
}

#content-sidebar h1 span {
	display:none;
}

#content-sidebar h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
	font: bold small Arial, Helvetica, sans-serif;
	color: #333333;
}

#content-sidebar p {
	color: #333333;
	font: small/14px Arial, Helvetica, sans-serif;
	line-height: 125%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	padding-top: 5px;
	width: 155px;
	padding-left: 10px;
}

#content-main {
	width: 540px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: right;
	background: #e8e9e3 url('/img/content_header.jpg') no-repeat left top;
	display: inline
}

#content-main h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
	font: bold medium Arial, Helvetica, sans-serif;
	color: #3b5f41;
}

#content-main p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	color: #333333;
	font: small/14px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#content-main ul, #content-main ol {
	color: #333333;
	font: small/14px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#content-main .special {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

#content-main .special h3 {
	background: url('/img/P_Header.jpg') no-repeat left top;
	height: 27px;
	margin: 0px;
	color: #3b5f41;
	padding-top: 13px;
	padding-left: 50px;
	width: 475px; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-right:0px; padding-bottom:0px
}

#content-main .special p {
	background: url('/img/P_Body.jpg') repeat-y left top;
	width: 470px;
	padding: 10px;
	margin-left: 20px;
	line-height: 16px; margin-right:0px; margin-top:0px; margin-bottom:0px
}

#siteinfo {
	width: 755px;
	padding: 0px;
	background: #6d8871;
	float: left;
	margin: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	clear: both;
	display: inline;
}

#siteinfo-legal {
	margin: 0px;
	color: #ffffff;
	font: x-small Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
	width: 755px;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

#siteinfo-legal p {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer {
	width: 775px;
	padding: 0px;
	float: left;
	clear: both;
	display: inline;
	background: url('/img/footer_big.jpg') repeat-x right bottom;
	margin-left: 5px; margin-right:0px; margin-top:0px; margin-bottom:0px
}

#pagehead {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	color: #008000;
	font: bold medium Arial, Helvetica, sans-serif;
}

/* Top Navigation with circle */

#navCircle {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 15px solid #3b5f41;
	font-family: Arial, Helvetica, sans-serif;
}

#navCircle li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navCircle a:link, #navCircle a:visited {
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #666666;
	}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
	padding-bottom: 6px;
	color: #000;
	background: url('/img/tab_circle.gif') no-repeat center 15px;
	}

/* Sub navigation */

#navcontainer { width: 200px;
	margin-left: 7px;
	float: left;
	clear: both;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
	font: small Arial, Helvetica, sans-serif;
}

#navcontainer ul li ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
	font: small Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	margin-bottom: -2px;
}

#navcontainer li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

#navcontainer a
{
display: block;
width: 180px;
background-color: #cbd2c8;
border-bottom: 1px solid #eee;
	color: #333333;
	padding: 0px;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#navcontainer li ul li a
{
display: block;
border-bottom: 1px solid #eee;
	color: #333333;
	padding: 0px;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 175px;
	background: #cbd2c8;
}

#navcontainer li ul li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
}

#navcontainer a:link, #navcontainer ul a:visited
{
color: #000000;
text-decoration: none;
}

#navcontainer li ul li a:link, #navcontainer ul li ul li a:visited
{
color: #4a5749;
text-decoration: none;
}

#navcontainer a:hover, #navcontainer a.active
{
background-color: #6d8871;
color: #000000;
}

#navcontainer li ul li a:hover, #navcontainer li ul li a.active
{
background-color: #abb1a9;
color: #000000;
}

/* Survey Component Styles */
.SurveyQuestion                 {font: 12px Arial, Helvetica, sans-serif;padding-bottom:10px}
.SurveyQuestion .Question       {font-weight: bold; font-size: 12px}
.SurveyQuestion .AnswerSet      {padding-top: 4px}
.SurveyQuestion .AnswerSet form {margin:0px; padding:0px}

#SurveyResults              {
    font: 12px Arial, Helvetica, sans-serif;
    margin-top: 0px;
    padding: 5px
}
#SurveyResults h3           {font-size: 15px;margin-bottom:2px;margin-top:0px;padding-bottom:2px}
#SurveyResults .ResultRow   {padding-bottom:10px}
.ResultRow .ResultBar       {float: left; background-color: #FF0000;}
.ResultRow .ResultNumbers   {float: left}
.ResultRow .ResultLabel     {font-weight: bold; color: #FF0000; font-size: 10px}

/* Functions  for use in the Preview*/

#Functions
 {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #000;
	font: 10px Arial, Helvetica, sans-serif;
	clear: both;
}

#Functions ul, #Functions li
 {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
 }

#Functions a:link, #Functions a:visited
 {
 float: left;
 line-height: 14px;
 font-weight: bold;
 margin: 0 10px 4px 10px;
 text-decoration: none;
 color: #003366;
 border-bottom: 4px solid #999999;
 padding-bottom: 2px;
 }

#Functions a:hover
 {
 border-bottom: 4px solid #000;
 padding-bottom: 2px;
 background: transparent;
 color: #000;
 }

#Functions a:hover { color: #0066CC; }