/*
Theme Name: Settlement COA 
Theme URI: http://www.settlement2hoa.org/
Description: Default Theme for the Settlement II HOA Website
Author: Admin, magnified designs
Author URI: http://www.magnifieddesigns.com
Version: 1.2
*/





html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
}
input,select{
margin:0;
padding:0;
}
body {
background:url('img/background.jpg') repeat;
}

#wrapper {
width:887px;
height:auto;
margin-left:5%;
margin-right:5%;
text-align:left;
}
#top_banner {
width:887px;
height:188px;
background:url(img/top_banner.png) no-repeat;
}
/* Top Nav contains the navigation rollover bar */
#top_nav {
width:887px;
height:44px;
}
/* content box on the left side */



/* content navigation right hand side */
#navigatioin_container {
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;
margin-left:617px;
height:auto;
}

#content_nav_top {
  width:272px;
  height: 23px;
  background:url(img/content_link_top.png) no-repeat;
  }
#content_nav_mid {
	width:272px;
	height:auto;
	background:url(img/content_link_mid.png) repeat-y;
}
#content_nav_foot {
width:272px;
height:27px;
background:url(img/content_link_foot.png) no-repeat;
}

/* Main Content - left */
#content_container {
float:left;
width:616px;
height:auto;
}

#content_top {
  width: 616px;
  height: 23px;
  background:url(img/content_top.png) no-repeat;
}
#content_mid {

width:616px;
height:auto;
background:url(img/content_mid.png) repeat-y;
}

#content_foot {
width:616px;
height:39px;
background:url(img/content_footer.png) no-repeat;
}


#footer {
width:887px;
height:137px;
background:url(img/footer.png) no-repeat;
clear:both;
}
/* Fonts */
ol, ul {

	line-height: 1em;

	margin: 1.1em 0 1.1em 1em;

	}
ul li,

ol li{ margin-bottom: 0.2em; }

img, a img{ border:0px;}

h1, h2, h3, h4 {
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;
}

h2 {
font-size:10px;
}
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

.storytitle {
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;	
font-size:12px;
text-decoration:none;
padding-left:6px;
padding-right:14px;
margin-right:4px;
}
.storytitle a {
	text-decoration:none;
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;	
padding-left:6px;
padding-right:14px;
margin-right:4px;
font-size:14px;
}


.credit a:link, .credit a:hover {
	color:#000000;
}

.storycontent {
text-decoration:none;
padding-left:6px;
padding-right:14px;
margin-right:4px;
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;		
font-size:14px;
}

.feedback {
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;		
color: #000000;
font-size:10px;
	text-align: right;
        padding: 5px 20px 0px 0px;
	clear: both;
}
.comment {
color: #000000;
	text-align: right;
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;	
}

.pagenav {
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;	
font-size: 12px;}

.meta {
font-family:"Trebuchet MS", Arial, sans-serif, Verdana;	
font-size: 12px;
padding-left:6px;
padding-right:14px;
margin-right:4px;
}


/* content navigation font */

#content_nav_mid p {
font:"Trebuchet MS", Arial, sans-serif, Verdana;
font-size:12px;
color:#333333;
padding-left:14px;
padding-right:2px;
}

#content_nav_mid a:link {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #663300;
	text-decoration: none;
	}

#content_nav_mid a:visited {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #663300;
	text-decoration: none;
	}

#content_nav_mid a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	color: #66CC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #66CC00;
}


#content_nav_mid a:active {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	line-height: normal;
	color: #66CC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #66CC00;
}



#content_nav_mid ul, #content_nav_mid ul ol {
	margin: 15px;
	padding: 0;
	}

#content_nav_mid ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#content_nav_mid ul p, #content_nav_mid ul select {
	margin: 10px 0 8px;
	}

#content_nav_mid ul ul, #content_nav_mid ul ol {
	margin: 5px 0 0 10px;
	}

#content_nav_mid ul ul ul, #content_nav_mid ul ol {
	margin: 0 0 0 10px;
	}

ol li, #content_nav_mid ul ol li {
	list-style: decimal outside;
	}

/* content_mid font */

#content_mid h1, h2, h3, h4, feedback {
margin-left:8px;
}



#content_mid p {
font:"Trebuchet MS", Arial, sans-serif, Verdana;
font-size:12px;
color:#333333;
text-decoration:none;
padding-left:6px;
padding-right:14px;
margin-right:4px;
}

#content_mid a:link {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #663300;
	text-decoration: none;
	}

#content_mid a:visited {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #663300;
	text-decoration: none;
	}

#content_mid a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	color: #66CC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #66CC00;
}


#content_mid a:active {
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
	font-size: 12px;
	line-height: normal;
	color: #66CC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #66CC00;
}




/* footer fonts */
#footer p {
font:"Trebuchet MS", Arial, sans-serif, Verdana;
font-size:10px;
color:#333333;
padding-top:20px;
padding-right:5px;
padding-bottom:10px;
margin-right:5px;
margin-left:14px;
padding-left:5px;
}


blockquote {

	margin: 0 20px;

	padding: 0 20px;

	border-left: 4px solid #E8E7D0;

	font-size: 0.9em;

	}

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