/* Style sheet for serenityinthebeach.com */  
html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/img_upload/header_bg.gif);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
} 
/* Layout divs */  
#pagewidth { 
	width: 950px; 
	padding: 0;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;  
	margin-left: auto; 
	margin-right: auto; 
	background-image: url(/img_upload/page_bg.gif);
	background-repeat: repeat-y;
} 
#header {
 	height: 154px; 
 	width: 100%;
	background-image: url(/img_upload/serenityheader.jpg);
	background-repeat: no-repeat;
} 
#navbar {
	position: relative;
	width: 720px;
	height: 33px;
	top: 121px;
	left: 230px;
}
#flash {
	height: 250px;
	width: 100%;
}
#cont_left {
 	width: 275px; 
 	float: left; 
	margin-top: 5px;
}
 
#cont_center {  
 	float: right; 
 	display: inline; 
 	width: 675px; 
}
#footer {
 	height: 50px; 
	width: 100%;
	background-color: #a7cdc5;
	text-align: center;
 	clear: both;
}
#tracker {
	display: none;
}
/* menu styles */
#menu {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#menu ul {
	margin-top: 10px;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: #ffffff 1px solid; 
}
#menu li:first-child {
	border-left: none;
}
#menu a {
	color: #ffffff;
	text-decoration: none;
}
#menu a:hover {
	color: #c5435f;
	text-decoration: none;
}
/* article styles */

.out_art {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
	font-size: 12px;
}
.out_art h1 {
	padding-left: 50px;
	padding-top: 5px;
	height: 42px;
	background-image: url(/img_upload/h1.gif);
	background-repeat: no-repeat;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #006666;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
        clear:both;
}
.out_art h2 {
	padding: 0;
	font-size: 16px;
	color: #006666;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	clear: both;
}
.out_art h4 {
        display:none;
	padding: 0;
	font-size: 12px;
	color: #006666;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
.out_art p {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 0;
}
.out_art ul {
	line-height: 18px;
	font-size: 12px;
	color: #000000;
}
.out_art ol {
	line-height: 18px;
	font-size: 12px;
	color: #000000;
}
.out_prev_img {
	margin-bottom: 10px;
} 
.out_prev_img h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #67a99b;
	font-weight: normal;
}
.out_link {
	clear: both;
}
.out_art .out_link h4 {
	padding: 0;
	font-size: 14px;
	color: #67a99b;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	clear: both;
}
.out_art .out_link p {
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
}
.prev_copy {
	text-align: center;
}
.out_art .out_prev_img p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
.out_link p.link_blurb {
	color: #000000;
}
.out_art .out_link a {
	color: #006666;
}
.out_art .out_link a:hover {
	color: #000000;
}
.out_art a {
	color: #67a99b;
}
.out_art a:hover {
	color: #000000;
}
/* end of article navigation styles (previous page, top of page) */

.out_art .out_footer {
	margin-bottom: 10px;
	font-size: 12px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.out_art .out_footer a {
	color: #006666;
	text-decoration: none;
	padding-right: 10px;
}
.out_art .out_footer a:hover {
	color: #67a99b;
}
/* contact form styles */
.out_form {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	font-size: 12px;
}
.out_form h1 {
	padding-left: 50px;
	padding-top: 5px;
	height: 42px;
	background-image: url(/img_upload/h1.gif);
	background-repeat: no-repeat;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #006666;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 5px;
        clear:both;
}
/* image page styles */
#out {	
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
	font-size: 12px;
}
#out h1 {
	padding: 0;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #006666;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 10px;
}
#out h3 {
	padding: 0;
	font-size: 12px;
	color: #006666;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	clear: both;
}
#out a {
	color: #006666;
}
#out a:hover {
	color: #67a99b;
}	
/* site map styles */
.archive {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
	font-size: 12px;
}
.archive h1 {
	padding-left: 50px;
	padding-top: 5px;
	height: 42px;
	background-image: url(/img_upload/h1.gif);
	background-repeat: no-repeat;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #006666;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 5px;
}
.archive p {
	font-size: 12px;
	color: #000000;
	padding: 0;
	margin-bottom: 10px;
}
.archive a {
	color: #006666;
}
.archive a:hover {
	color: #67a99b;
}
/* left newsbox styles */

.nb_le_top {
	display: none;
}
.nb_le_bot {
	width: 173px;
	height: 5px;
	margin-left: 51px;
	border-bottom: #67a99b 1px solid;
}
.nb_le_ce {
	width: 245px;
	margin-left: 15px;
	margin-top: 20px;
	text-align: left;

}
.nb_le_ce h3 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006666;
	background-image: url(/img_upload/newstitle.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 0;
	padding-left: 15px;
	padding-bottom: 0;
}
.nb_le_ce p, .nb_le_ce ul, .nb_le_ce ol {	
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #006666;
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 0;
	padding-left: 15px;
	padding-bottom: 0;
}
.nb_le_ce img {
	margin: 0;
	padding: 0;
}
.nb_le_ce a {
	margin-left: 3px;
	margin-right: 3px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006666;
}
.nb_le_ce a:hover {
	color: #000000;
}
/* footer styles */
#footer p {
	font-size: 11px;
	color: #006666;
	padding-top: 20px;
	margin: 0;
}
#footer a {
	color: #006666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* newsbox image alignment styles */
.ri_img_center, .le_img_center, .ce_img_center {
	text-align: center;
}
.ri_img_left, .le_img_left, .ce_img_left {
	text-align: left;
}
.ri_img_right, .le_img_right, .ce_img_right {
	text-align: center;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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