@import url(/includes/css/nav.css); /* CSS for menu style */


html,body{
	margin: 0px;
	padding: 0px;
	height:100%;
}

body{}

#bgDiv{
	width:100%;
	height:100%;
	background:url(/images/bg/page_bg.png) repeat-x 0px 100px;
	padding-top:0px;
	
}
#pageFrame{
	width:100%;
	height:100%;			
}

body,font,th,td,p,div,li,h1,h2,h3,h4 { font-family: Georgia, "Times New Roman", Times, serif; }


#breadcrumb{
	margin: 0px;
}
#header{
	height:93px;
	background:url(/images/bg/head_bg.jpg) repeat-x;
}

#colFrame{
	width:800px;
	height:100%;
	margin: 0px auto 20px auto;
}

#leftSide{display:none;}

#leftSideBox{}

#rightSide{
	float: left;
	width:226px;
	height:100%;
}
#content{
	float: left;
	width:520px;
	padding:0px 0px 0px 0px;
	margin: 0px 15px 20px 0px;
}



#logo{
	float:left;	
	font-size:20px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	text-align:left;
	text-transform: none;
	color:#CB4337;
}
#logosm{
	display:block;
	color:#000000;
	font-size:16px;
}
#logo a:link, #logo a:visited {
	text-decoration: none;
	color: #CB4337;
	display:block;
	height: 70px;
	width:300px;
	margin: 10px 0px 0px 10px;
	background:url(/images/cfhp_logo.gif) no-repeat;
}
#logo a img { border-style:none;}
#logo a span { display:none;}

#footBar{display:none;}
.spacer{height:10px;}
#footer{
	/*float: left;*/
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/bg/foot_bg.jpg) repeat-x;
	border-top:4px solid #CCCCCC;
	height:100px;
	width:100%;
}
#footer p, #footer a, #designer{margin-left:0px;font-size: 11px;color:#333;font-family: Arial, Helvetica, sans-serif;}
#textBottom{height:30px;padding:0px 12px 0px 12px;}
#textBottom p{margin-top:0px;float:left;width:400px;}
#designer{float:right;}
#sectionTitle, #printHead, .hideme{visibility:hidden;display:none;}

#content a{color:#C7504A;text-decoration:none;}
#content a.external{ padding-right:15px; background:url(/images/external.png) right center no-repeat;}
#content a:hover{text-decoration:underline;}

#content h1{
	float:left;
	width:520px;
	margin:0px 0px 10px 0px;
	color:#333;
	font-weight:normal;
	font-size:38px;
	line-height:100%;
	letter-spacing:-2px;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
}
#content h2{
	margin:0px 0px 5px 0px;
	color:#5B5B4F;
	font-weight:normal;
	font-size:20px;
}
#content h3, .pageHeading{
	margin:0px 0px 0px 0px;
	color:#444444;
	font-weight:normal;
	font-size: 1.3em;
}
#content table h3{background:#60779D;padding-left:5px;color:#fff;}
/*form{margin:-40px 0px 0px 0px; padding:0px;}*/

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited{ text-decoration:none; }
h2 a:hover, h3 a:hover{text-decoration:underline; }

#content .contentBox h3{color:#5B5B4F;}
#content .contentBox h3 a{ color: #C7504A; }
#content .contentBox h2 a{ color: #3E2A2F; }



#articleHead{height:auto;}
#credits, #date{float:left;width:270px;color:#BFD1E8 !important; font-family:Verdana, Arial, Helvetica, sans-serif;}
/** html #credits, * html #date{height:1%;}*/
#articleImage{float:left;}
#articleImage img{float:left;margin:0px 10px 10px 0px;border:3px solid #666;}

#content #articleContent{
	margin:0px 0px 0px 0px;
	padding:155px 0px 0px 0px;
}

* html #content #articleContent{
	margin:-75px 0px 0px 0px;
	/*border:1px solid #333;*/
}

#content #articleContent, #content p, #content td, #content div{
	/*font-size:0.79em;*/
	font-size:13px;
	color:#6F655E;
	line-height:20px;
}
#content p{margin-bottom:20px;}

.fixedSize, #content .fixedSize{font-size:12px;}
.required, #content .required, .inputRequirement{color:#CC0000;}


#artOptions{margin: 15px 0px 0px 0px;}
#artOptions a{color:#000000;}
#artOptions a:hover{color:#0000FF;text-decoration:underline;}
#backBtn, #topBtn, #printBtn, #sendBtn{font-size:10px;color:#404040;padding-left:7px;margin-right:10px;}
#backBtn:link, #topBtn:link, #printBtn:link, #sendBtn:link{text-decoration:none;}
#backBtn{
	background-image: url(/images/back_sm.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#topBtn{
	background-image: url(/images/top_sm.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#printBtn{
	padding-left:12px;
	background-image: url(/images/print_sm.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}
#sendBtn{
	padding-left:21px;
	background-image: url(/images/email_sm.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}

div.breadCrumb{margin-bottom:20px;;}
.txtSml{font-size:small;font-weight:normal;}

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: medium; }
.messageStackError, .messageStackWarning, .messageStackSuccess { font-size: 1.2em; font-weight:bold; color:#FFFFFF !important; background-color: #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; }
.messageStackSuccess { background-color: #99ff00;color:#000000; }



/* Admin styles */
.adminMenu{	background-color: #000000; }
.menuTopItm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.menuTopItm A:link, .menuTopItm A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menuTopItm A:active, .menuTopItm A:hover {
	color: #FFFFFF;
}

.tabContent{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color:#FFFFFF;
	padding:10px;
}
#catalog{
	overflow: scroll;
	height: 390px;
	width:150px;
}

.main{font-size:12px;}
.smAttention{font-style:italic; font-variant:small-caps; color:#009933; font-size:10px;}

.mainArticleImage{margin:-75px 10px 10px 0px; }
.photoLeft{margin:0px 10px 10px 0px; }
.photoRight{ margin:0px 0px 10px 10px; }

.contentBox{
	background-color:#CBC5B1;
	border: 1px solid #3E2A2F;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin:10px 0px 20px 0px;
}
.contentBox p{color: #000000;}

#photoThumbs{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photoThumbs li{display:inline;}

ul{	list-style-image:url(/images/bullet_red.gif);}

.secForm{background:url(/images/secure_site.gif) no-repeat bottom right;}

/*=====================================================*/
/*http://www.positioniseverything.net/easyclearing.html*/
/*=====================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*==========Google Maps Stuff===============*/
#map{width: 450px; height: 400px; border:1px solid #000000;}
div.gmnoprint div div{}
div.gmnoprint div div div, div.gmnoprint div div p{font-family:Verdana, Arial, Helvetica, sans-serif !important;line-height:18px !important;}
div.gmnoprint div div p, div.gmnoprint td{font-size:12px !important; margin:0px; line-height:normal;}
div.gmnoprint div.locTitle{font-size:14px !important; font-weight:bold; text-decoration:underline; margin-top:-5px;}
div.gmnoprint div.address{font-size:12px !important;}
div.gmnoprint div.phone{font-size:12px !important;}
div.gmnoprint div.url{font-size:10px !important;}
div.gmnoprint button{font-size:10px !important;}
v\:* {behavior:url(#default#VML);}


/*=====================================================*/
/*		Home Page Styles				*/
/*=====================================================*/
.quoteBox{
	color:#fff;
	background:url(/images/quote_blue.gif) no-repeat;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	line-height:25px;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	text-align:right;
}
.quoteBox p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-size:18px;
}
.quoteBox a{
	display:block;
	text-align:right;
	color:#fff;
	font-size:10px !important;
	font-family: Arial, Helvetica, sans-serif;
}

.sideMenu p{margin:10px;color:#fff;font-size:15px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;line-height:22px}
.sideMenu .bold{text-transform:uppercase;}
.sideMenu a.button{display:block;margin:30px 0px 10px 10px;color:#fff;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}

#mainAd{height:290px;background:url(/images/userimages/couple_sunrise_beach.jpg) no-repeat;padding:0px 10px 0px 0px;text-align:right;}
#mainAd h2{
	color:#DBE6F2;
	font-size:36px;
	line-height:100%;
	padding:10px 0px 0px 0px;margin:0px 0px 30px 0px;
	font-family:"Times New Roman", Times, serif;
}
#mainAd h2 sup{font-size:15px;}
#mainAd h3{
	color:#fff;/*color:#DBE6F2;*/
	font-size:23px;
	line-height:120%;
	margin:0px 0px 20px 200px;
}
#mainAd .butcol{width:300px;float:right;}
#mainAd ul li a span{display:none;}
#mainAd ul li a{display:block; height:26px; width:115px; margin:0px 0px 5px 15px;}
#mainAd ul#left {
	float: left;
	width: 130px; 
	margin: 0px 0px 0px 100px;
	padding: 15px 0px;
	border: 0px none;
	list-style-type:none !important;
	list-style-image:none !important;
	position: relative;
	left: 20px;
}
#mainAd[id] ul#left {margin: 0px 0px 0px 220px;}
#mainAd ul#right {
	float: right;
	width: 130px; 
	margin: 0px;
	padding: 15px 0px;
	border: 0px none; 
	list-style-type:none !important;
	list-style-image:none !important;
}
#mainAd a#learn{background:url(/images/but/learn_more.gif) no-repeat;}
#mainAd a#buy{background:url(/images/but/buy_tickets.gif) no-repeat;}
#mainAd a#directions{background:url(/images/but/driving_directions.gif) no-repeat;}
#mainAd a#calendar{background:url(/images/but/event_calendar.gif) no-repeat;}


.gradBox1, .gradBox2, .plainBox{padding:20px 15px 20px 15px;}
.gradBox1 h3, .gradBox2 h3, .plainBox h3, h3 a{padding:0px 0px 10px 0px;font-size:20px !important;font-weight:normal;font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif !important;}
.gradBox1 p, .gradBox2 p, .plainBox p{margin:0px !important;}

.gradBox1{
	background:#999 url(/images/bg/grad_grey1.jpg) repeat-x;
	border-top:3px solid #333;
	border-bottom:3px solid #666;
	padding-top:20px;}
.gradBox1 h3 a{color:#DBE6F2 !important;}
.gradBox1 p{color:#ffffff !important;}
.gradBox1 a{color:#fff !important;font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.gradBox2{
	background:url(/images/bg/grad_grey2.jpg) repeat-x;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;}
.gradBox2 h3 a, .plainBox h3 a{color:#2D5A87 !important;}
.gradBox2 a, .plainBox a{color:#666 !important;font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.plainBox{margin:0px 0px 0px 0px}