/*
Client:		Rockland Foundation

Author:		Scott Beatty sbeatty@northpointdesign.com
Updated:	
Notes:		None

*/

/* =Global
---------------------------------------------------------------------
*/

* {
   margin: 0;
   padding: 0;
}

body { 
	background: #183A44 url(../_img/bg_body.jpg) top center no-repeat; 
	font-size:62.5%; 
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color:#666666; 
	text-align:center;
}

hr { 
	display: none; 
}

#skip { 
	position: absolute; 
	text-indent: -9999px; 
	list-style: none; 
}

*+html #skip{
   position: static;
   height: 0;
}

#outer-container { 
 
}

#container { 
	margin:40px auto 20px auto; 
	width:900px; 
	text-align: left;
}

a { 
	color:#0F88AF;
}

a:hover{
	text-decoration: none;

}

/* =Header
---------------------------------------------------------------------
*/

#header-container {
   float: left;
   width: 894px;
   padding: 3px;
   background: #FFFFFF;
}

#header {
   float: left;
   width: 890px;
   background: #FFFFFF;
   border: 2px solid #DDDDDD;
}

h1 {
	float:left;
	display: inline;
	width: 317px;
	height: 55px;
	background: url(../_img/logo_rockland.jpg) no-repeat;
}

h1 a {
	display: block;
	width: 305px;
	height: 55px;
	text-indent: -9999px;
}
	
h2 {
	float: right;
	padding-right: 15px;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-style: italic;
	color: #AAAAAA;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 18px;
}

/* =Navigation
---------------------------------------------------------------------
*/
#nav {
	float: right;
	width: 325px;
	list-style:none;
	margin:0; 
	padding:0;
	margin-top: 15px;
}

#nav li	{ 
	float:left; 
	list-style: none;
}
	
#nav li a {
	display:block; 
	font-size:1.6em; 
	padding: 0 10px;
	line-height: 24px;
	color:#BBBBBB; 
	text-decoration:none;
}

#nav li:hover a {
	color:#0F88AF;
}

#nav li.current a, 		
#nav li.current a:hover { 
	background:#0282AB url(../_img/bg_nav_li_current.jpg) repeat-x;
	color: #FFFFFF;
}
	
/* =Featured Property
---------------------------------------------------------------------
*/
#featured-property {
	clear: both;
	float: left;
	width: 900px;
	height: 319px;
	background: url(../_img/bg_featuredproperty.jpg) bottom no-repeat;
}

#fp-content {
	float: left;
	position: relative;
	width: 468px;
	height: 319px;
}

#fp-content h3 {
	font-weight: normal;
	font-size: 2.2em;
	color: #FFFFFF;
	padding: 30px 15px 10px 15px;
}

#fp-content .fp-blue-h3 {
	font-size: .74em;
	color: #8ED1E8;
}

#fp-content p {
	font-size: 1.4em;
	color: #FFFFFF;
	padding: 0 5px 5px 15px;
}

#fp-content a.btn-more-info {
	display: block;
	width: 293px;
	height: 51px;
	background: url(../_img/fp_contactus.jpg) no-repeat;
	position: absolute;
	bottom: 15px;
	left: 15px;
	text-indent: -9999px;
}

#fp-flash {
	float: right;
	width: 432px;
	padding-top:15px;
}

#fp-flash-container {
	width: 396px;
	height: 287px;
	background: url(../_img/bg_fp_flashcontainer.jpg) no-repeat;
	padding: 6px 6px 0 6px;
}

#fp-flash-container #rotator {
	width: 396px;
	height: 258px;
}


#topfeat-noprop {
	clear: both;
	float: left;
	width: 900px;
	background: url(../_img/bg_featuredproperty.jpg) no-repeat;
	margin-top: 30px;
}

#topfeat-noprop h3 {
	padding: 18px 12px 12px 18px;
	font-size: 2em;
	color: #FFFFFF;
}

/* =Content Wrap
---------------------------------------------------------------------
*/

#content-wrap { 
	clear: both;
	float: left;
	width: 890px;
	padding: 5px;
	background: #FFFFFF;
}

/* =Content
---------------------------------------------------------------------
*/

#content { 
 	float:left; 
	width:550px;
	background: #FFFFFF;
}
	
body#oneCol #content { 
 	float:left; 
	width:890px;
	background: #FFFFFF;
}
 
#content h3, #content h4, #content h5, #content h6 { 
	color:#000000; 
	margin-bottom: 1.2em;
}

#content h3 {
	font-size: 2.2em;
}

#content h4 {
	font-size: 1.8em;
}

#content h5 { 
	font-size:1.6em; 
}

#content h6 { 
	font-size:1.4em;
}


#content #text {
	padding: 10px;
}

#content p,
#content ul,
#content ol{
   margin-bottom: 1em;
   font-size: 1.4em;
   line-height: 1.3;

}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   margin-bottom: 10px;
   font-size: 1.2em;
   list-style: none;
   margin-left: 2em;
}

#content ul#byline li{
   margin: 0;
   list-style: square;
   background:none;
   padding-left: 0;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
   border: 1px solid #CCCCCC;
   padding: 2px;
}

#content .more {
	clear: left;
}
/* =Sidebar
---------------------------------------------------------------------

*/

#sidebar { 
	float:right; 
	width:220px; 
	background: #F7F7F7;
}


#sidebar h3 { 
	margin:0; 
	padding: 10px; 
	font-size: 1.3em;
	color: #31393E; 
}

#sidebar p { 
	padding: 10px; 
	margin-bottom: .5em;
	font-size: 1.1em;
}

 
/* =Footer
---------------------------------------------------------------------
*/
#footer { 
	clear:both;
	background:#0C1E23;
	width: 894px;
	padding: 3px;
}

#footer p { 
	font-size:1.2em; 
	color:#CCCCCC; 
	text-align: right; 
	margin:0; 
	padding: 15px;
}


#content form {
	margin-left: 25px;
	padding: 10px;
}

#content form div {
	margin-bottom: .25em;
}

#content form p {
	font-size: 1.2em;
	padding: 0;
	margin-bottom: .5em;
}

#content form label {
	font-size: 1.2em;
}

/* --fixes-- */
.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 */

/* @end */