/* 
Title:     	Willow Park Housing
date:   	April 2007
*/
			* { margin: 0; padding: 0; list-style: none; outline: none;}

			body { margin: 0; padding: 0; background-image:  url("../images/backgrounds/mainbody-bg.jpg"); background-position: top left; background-repeat: repeat-x; font-size: 100%; background-color: #fff; color: #000000; font-family: Arial, Helvetica, sans-serif;}
			img { border: none; margin: 0; padding: 0;}
			
			a img { border: none;}
			
			div,input,form,h1,h2,h3,h4,h5,hr,p,dl,dd,dt,ul,li,ol,object,param
			{ margin: 0; padding: 0;}
			
/* skip
---------------------------------------------------------- */
			a#skip { padding: 0 0.5em; display: inline; z-index: 2; text-decoration: none; position: absolute; width: 14em; left: -200em;}
			a#skip:focus, a#skip:hover, a#skip:active { position: absolute; left: 0.5em; border: 1px solid #cccccc; color: #ffffff; background-color: #FF9900;}	
					
/* structure styles
---------------------------------------------------------- */
			#nav-container { width: 100%;}
			#main-container, #header-container { width: 780px; margin-left: auto; margin-right: auto;}

			/* header
			---------------------------------------------------------- */
			#header { width: 780px; margin-left: auto; margin-right: auto;}
			
			#header-col1 { float: left; position: relative; width: 125px;}
			#header-col2 { float: right; display: inline; position: relative; width: 655px; /*background-color: #00FFFF;*/}
			
			#logo { padding-top: 23px; margin: 0; height: 108px;}
			#topimgs img { float: right; margin-bottom: 10px; height: 66px;}

			/* main page
			---------------------------------------------------------- */
			#wrapper { width: 780px; margin-top: 10px}
			#leftcol { width: 195px; float: left; position: relative; padding: 0; margin-bottom: 10px;}
			#maincol { float: right; display: inline; position: relative; width: 578px; padding: 0; margin-bottom: 10px;}
			
			/* article list page
			---------------------------------------------------------- */
			.article-list-col1 { width: 100px; float: left; position: relative; padding: 0; margin-bottom: 10px;}
			.article-list-col2 { float: right; display: inline; position: relative; width: 434px; padding: 0; margin-bottom: 10px;}

/* search box
---------------------------------------------------------- */	
			#searchbox { float: right; display: inline; clear: right; margin-bottom: 10px; /*background-color: #FF0000*/}
			#searchForm { margin: 0; padding: 0;}
			input#searchText { font-size: 80%; padding: 3px; margin: 0 4px 0 4px; vertical-align: top;}
			#go { vertical-align: middle; padding: 0;}
			.bg { background-color: #ffffff; border: 1px solid #ffffff;}
/* navigation
---------------------------------------------------------- */	
			
			/* TOP NAV */
			/*#topnav { width: 655px; background-color: #00FF00; float: right; display: inline;}*/
			#topnav ul { list-style: none; margin: 0; padding: 0; float: right; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;}
			#topnav li { float: left; display: inline; padding-left: 5px; margin: 7px 0; font-size: 80%;}
			#topnav a { color: #00438A; text-decoration: none;}
			#topnav a:hover { text-decoration: underline;}
			
			/* MAIN NAV */	
			#nav { position: relative; width: 100%; margin-top: 10px; padding: 0; font-size: 80%; background-image: url(../images/backgrounds/nav-bg.jpg); background-position: top left; background-repeat: repeat-x; background-color: #799DB5; border-bottom: 1px solid #ffffff;}
			ul#navlist { padding: 10px 0; margin: 0; width: 780px; margin-left: auto; margin-right: auto;}
			#navlist li { display: inline; list-style-type: none; font-size: 90%; padding-right: 12px}
			#navlist a { font-weight: bold; margin: 0; padding: 0; color: #FFFFFF; text-decoration: none;}
			#navlist a:hover, #navlist a.active { color: #FFFFFF; text-decoration: underline;}
				
			/* ARTICLE NAVIGATION */
			#article-nav { font-size: 70%; margin: 0; width: 184px; background-color: #ffffff;}
			#article-nav ul { margin: 0; padding: 0; list-style: none;}
			#article-nav li { border-bottom: 1px solid #E1E1E1;}
			#article-nav a { display: block; padding: 8px 0 8px 25px; color: #006EAB; text-decoration: none; background: url(../images/nav-bullet.gif) no-repeat 4% 50%;}
			#article-nav a:hover { color: #000000; text-decoration: none;}
			
			#article-nav ul ul li { margin: 1px 0 1px 0; padding-left: 20px; border-bottom: none;}
			#article-nav ul ul a { display: block; padding: 5px 5px 5px 20px; width: 144px; color: #006EAB; text-decoration: none;}
			
			#article-nav a.active { color: #000000; text-decoration: none;}
			#article-nav a.subactive { color: #000000; text-decoration: none;}

			#subnavlist li a { background: url(../images/nav-sub-bullet.gif) no-repeat 4% 50%;}

			/* BREADCRUMB */
			#breadcrumb { float: left; position: relative; color: #000000; width: 780px; margin-bottom: 10px;}
			#breadcrumb ul { list-style: none; padding: 0; margin: 0;}
			#breadcrumb li {  display: inline; list-style-type: none; font-size: 70%;}
			#breadcrumb a { color: #006699; text-decoration: none;}
			#breadcrumb a:hover, #breadcrumb a.active { color: #006699; text-decoration: underline;}
			#breadcrumb .active { color: #006699; text-decoration: none; font-weight: bold;}
			
/* content styles
--------------------------------------------------------- */
			
			/* CONTENT BOXES */
			.content-box { font-size: 80%; padding: 0; margin: 0;}
			.content-box h1 { color: #CC0000; font-size: 110%; padding-bottom: 5px;}
			.content-box p { margin: 0; padding-bottom: 5px; font-size: 100%; color: #333333;}	
			.content-box a { font-weight: normal; color: #00438A; text-decoration: none;}
			.content-box a:hover, .content-box a.active { color: #00438A; text-decoration: underline;}
			
			ul.quicklinksarea, ul.didyouknow { margin: 0; padding: 10px; width: 164px; list-style: none; background-color: #ffffff;}
			.quicklinksarea li, .didyouknow li {  margin: 0; padding-bottom: 15px;}
			
			/* CONTENT BOXES / HEADING AND IMAGE */		
			.hp-content-box { width: 180px; height: 130px; margin-bottom: 15px; position: relative; float: left; margin: 0 0 25px 8px;}
			.hp-content-box a { color: #fff; text-decoration: none;}
			.hp-content-box a:hover, .hp-content-box a.active { color: #fff; text-decoration: underline;}
			.row1-image { width: 180px; height: 100px;}
			.row1-heading { width: 180px;}
			.row1-heading p { color: #ffffff; font-size: 80%; font-weight: bold; padding: 5px 0 5px 5px;}
				.purple-hd-bg { background-image: url("../images/backgrounds/purple-hd.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #947295;}
				.blue-hd-bg { background-image: url("../images/backgrounds/blue-hd.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #74B1CD;}
				.green-hd-bg { background-image: url("../images/backgrounds/green-hd.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #76B797;}
				.lightblue-hd-bg { background-image: url("../images/backgrounds/lightblue-hd.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #8EDBFF;}
				.red-hd-bg { background-image: url("../images/backgrounds/red-hd.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #BA5857;}
				.brown-hd-bg { background-image: url("../images/backgrounds/brown-hd.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #B37357;}

			/* MAIN CONTENT STYLES */		
			#main-content { font-size: 80%; width: 534px; padding: 17px 17px 10px 17px; background-image: url(../images/backgrounds/main-content-bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #ffffff;}
			#main-content p { font-size: 100%; color: #333333; padding-bottom: 10px;}

			#main-content a:link, #main-content a:visited { color: #00438A; text-decoration: none;}
			#main-content a:hover { color: #00438A; text-decoration: underline;}
			
			#main-content ul { margin: 0; padding-bottom: 10px; color: #000000;}
			#main-content ul li { padding: 2px; margin-left: 21px; list-style-type: disc;}
			
			#main-content ol { margin: 0; padding-bottom: 10px; color: #000000;}
			#main-content ol li { padding: 0; margin-left: 27px; list-style-type: decimal;}			
			
			#main-content table { margin-bottom: 10px; padding: 0; color: #000000; font-size: 100%;}
			#main-content td { margin: 0; padding: 4px;}
			#main-content th { margin: 0; padding: 4px; text-align: left;}
			
			
			
			/* MAIN CONTENT BLOG */		
			#main-content-Blog { font-size: 80%; width: 534px; padding: 17px 17px 10px 17px; background-image: url(../images/backgrounds/main-content-bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #ffffff;}
			#main-content-Blog p { font-size: 100%; color: #333333; padding-bottom: 10px;}

			#main-content-Blog a:link, #main-content a:visited { color: #00438A; text-decoration: none;}
			#main-content-Blog a:hover { color: #00438A; text-decoration: underline;}
			
			#main-content-Blog ol { margin: 0; padding-bottom: 10px; color: #000000;}
			#main-content-Blog ol li { padding: 0; margin-left: 27px; list-style-type: decimal;}			
			
			#main-content-Blog table { margin-bottom: 10px; padding: 0; color: #000000; font-size: 100%;}
			#main-content-Blog td { margin: 0; padding: 4px;}
			#main-content-Blog th { margin: 0; padding: 4px; text-align: left;}

			.error { color: #CC0000; font-weight: bold;}
			.article-heading1 { font-size: 150%; color: #0E5492; padding-bottom: 10px;}
			.article-heading2 { font-size: 140%; color: #0E5492; padding-bottom: 10px;}
			.article-heading3 { font-size: 130%; color: #0E5492; padding-bottom: 10px;}
			.article-list-heading { font-size: 120%; color: #0E5492; padding-bottom: 10px;}
			.article-date { color: #999999; font-size: 100%; padding-bottom: 5px;}

			/* QUOTES */
			blockquote { float: right; padding: 5px; width: 230px; font-size: 125%; margin: 0.5em 0; color: #65AC15; font-weight: bold;}
		
			#text-sizer { display: inline; float: right; font-size: 14px; padding: 7px 10px 0 0;}
			
			/* ARTICLES */
			.article-nav-heading { width: 184px; background-image: url(../images/backgrounds/articlenav-bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #0065A7;}
			.article-nav-heading h1 { color: #ffffff; font-size: 80%; padding: 7px;}
			
			.article-list { padding-top: 5px; margin: 0; clear: both}
			
			p.anchor { margin-top: 40px;}			
			
			#advert { width: 290px; font-size: 90%; padding: 10px;}
			#advert-txt { float: left; display: inline; position: relative; height: 130px;}
			#advert p { color: #ffffff; font-size: 80%;}
			#advert .advert-heading { font-weight: bold; padding-bottom: 5px;}

/* site map
---------------------------------------------------------- */
			#sitemap { font-size: 80%; margin-bottom: 20px; padding: 0; width: 534px; padding: 17px 17px 10px 17px; background-image: url(../images/backgrounds/main-content-bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #ffffff;}			
			#sitemap a, #sitemap a:visited { font-size: 100%; color: #000099; text-decoration: none;}
			#sitemap a:hover { font-size: 100%; color: #3333FF; text-decoration: underline;}
			
			#sitemap ul li { font-size: 100%; margin-left: 15px; padding: 4px 0 4px 0; padding-left: 5px;}
			#sitemap ul li a { display: block; margin: 0; padding-left: 20px; color: #000000; text-decoration: none; background: url("../images/sitemap-bullet1.gif") no-repeat 0 50%;}
			#sitemap ul li a:hover { color: #000000; text-decoration: none;}
			
			#sitemap ul ul li { font-size: 100%; padding: 4px 0 4px 0; border-bottom: none; padding-left: 5px;}
			#sitemap ul ul li a { display: block; margin-left: 25px; padding-left: 20px; color: #003366; text-decoration: underline; background: url("../images/sitemap-bullet2.gif") no-repeat 0 50%;}
			#sitemap ul ul li a:hover { color: #003366; text-decoration: underline;}
			
			#sitemap ul ul ul li { font-size: 100%; padding: 4px 0 4px 0; border-bottom: none; padding-left: 5px;}
			#sitemap ul ul ul li a { display: block; margin-left: 45px; padding-left: 20px; color: #003366; text-decoration: underline; background: url("../images/sitemap-bullet3.gif") no-repeat 0 50%;}
			#sitemap ul ul ul li a:hover { color: #003366; text-decoration: underline;}

/* forms
---------------------------------------------------------- */			
			label { color: #000000; font-weight: bold;}
			#form { padding: 0; margin: 10px 0 10px 0; width: 534px;}
			#form label { color: #000000; font-weight: bold;}
			#form .input { font-size: 110%; margin-bottom: 5px; margin-top: 5px; padding: 4px; background-color: #ffffff; border: 1px solid #7F9DB9;}
			#formName, #formEmail, #formMessage, #formPhone, #formAddress, #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle, #SurveyComments { width: 300px; background-color: #F0F0F0;}
			/* Added By Odyssey - #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle, #formMessage, #SurveyComments*/
						
/* footer styles
---------------------------------------------------------- */
			#footer { width: 780px; padding: 0; margin: 0; font-size: 70%; clear: both;}	

			#footer-row1 { width: 780px;}
			#footer-row1 p { color: #00438A;}
			#footer-row1 a, #footer-row1 a:visited { color: #00438A; text-decoration: none;}
			#footer-row1 a:hover, #footer-row1 a.active { color: #00438A; text-decoration: underline;}
			
			#footer-row2 { width: 760px; padding: 10px; background-image: url(../images/backgrounds/footer-bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #538DBB;}
			#footer-row2 p { color: #ffffff; margin-bottom: 5px; margin-left: 2px;}
			#footer-row2 a, #footer-row2 a:visited { color: #ffffff; text-decoration: none;}
			#footer-row2 a:hover, #footer-row2 a.active { color: #ffffff; text-decoration: underline;}

			#footer-row3 { width: 760px; font-size: 90%; padding: 10px; height: 60px;}
			#footer-row3 p { color: #666666; margin-bottom: 10px;}
			#footer-row3 li { display: inline; list-style: none; padding: 0; margin: 0; vertical-align: text-top;}

			.footer-col1-row1 { float: left; position: relative; width: 485px;}
			.footer-backtotop { float: right; display: inline; position: relative; width: 285px; text-align: right; margin-right: 10px;}
			.footer-col2-row1 { float: right; display: inline; position: relative; width: 285px; text-align: right; margin-right: 10px; margin-bottom: 10px;}
			
			.footer-col1-row2 { float: left; position: relative; width: 170px;}
			.footer-col2-row2 { float: right; display: inline; position: relative; width: 580px; margin-top: 4px; padding-right: 5px;}
			
			.footer-col1-row3 { float: left; position: relative; width: 230px;}
			.footer-col2-row3 { float: right; display: inline; position: relative; width: 530px; text-align: right;}

			.topofpage { float: right; padding-right: 40px;}
			
			ul#bottom-nav { width: 780px; font-size: 70%; clear: both;}
			#bottom-nav li { font-size: 100%; color: #00438A; text-align: center; display: inline; list-style: none; border-right: 1px solid #666666; padding: 0 5px 0 5px;}
			#bottom-nav li.last { border-right: none;}
			#bottom-nav p { font-size: 100%; color: #00438A; text-align: center; margin-top: 10px;}
						
			.last { border: 0}

/* additional styles
---------------------------------------------------------- */ 
			
			/* *** Float containers */ 
			.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			 
			.clearfix { display: inline-table;}
			
			/* Hides from IE-mac \*/
			* html .clearfix { height: 1%;}
			.clearfix { display: block;}
			/* End hide from IE-mac */  
			
			
			
			
/* ---------------------  BLOG MAIN PAGE -------------------------------*/
.BlogTitleTop{
	background:url('../images/backgrounds/articlenav-bg.jpg') repeat-x;
	margin-top:0px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0 10px;
	color: #FFFFFF;
}
.BlogTitle{margin-top:15px; font-size: 95%; font-weight: bold; padding: 0px; color: #00438A; line-height:25px;}
.BlogImage {margin-top:20px; border:1px solid #cccccc; padding:3px;}
.BlogText {font-size: 95%; margin-top:10px;}
.BlogEntryDate {color:#999999; font-size:100%; padding-left:5px; font-weight:normal;}
.BlogAuthor{font-size: 85%; color: #999999; padding-top:5px;}
.Seperator {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top:15px; height:1px; clear:both;}
.CommentsTxt{font-size: 85%; color: #999999; padding-top:10px;}
.CommentsTxt a{font-size: 100%; color: #FEA218; padding-top:10px; text-decoration:underline;}
.CommentsTxt a:hover{font-size: 100%; color: #FEA218; padding-top:10px; text-decoration:none;}
/* Author Top Styles */
.AuthorTop{font-size: 80%; color: #999999; padding-top:5px; width:310px; float:left;Clear:both;}
.EntryDateTop {color:#999999; font-size:100%; padding-left:5px; font-weight:normal;}

.AuthorsImageTop {margin:0px 0px 0px 0px;  text-align:center;}
.AuthorsImageTop img{border:1px solid #cccccc; padding:3px;}
.AuthorsImageTop a{text-decoration:none; color:#00438A; font-size:85%;clear:both;}
.AuthorsImageTop a:hover{text-decoration:underline; color:#00438A;}
.AuthorsImageTop a:active{text-decoration:none; color:#00438A;}

.AuthorImageHolder {width:290px;float:left;border:1px solid #FF0000;}
.AuthorTextTop {font-size: 80%; margin:10px 0 10px 0; clear:both; float:left;width:280px;}
/* Archive Right Styles */
.Archive {float:right; padding:20px 40px 20px 40px; width:180px; font-size:95%;}
.ArchiveTitle {color:#999999; margin:20px 0 5px 0; border-bottom:1px dotted #999999; clear:both;}
.Archive ul {list-style:none; padding:0px; margin:0px; line-height:21px;}
.Archive ul a{text-decoration:none;color:##00438A;}
.Archive ul img{margin-right:10px;}
.Archive ul a:hover{text-decoration:underline;color:##00438A;}
.Archive ul a:visited{text-decoration:none;color:#00438A;}
.ArchiveMonth{padding-left:20px;}
.ArchiveItem{padding-left:42px;}
/* -------------  BLOG COMMENTS PAGE ---------------------*/
.CommentsHolder{font-size: 73%;}
.CommentTitle { width:100%; height:29px; background:url('../images/backgrounds/articlenav-bg.jpg') repeat-x; font-weight: bold; padding: 0 0 0 10px; color: #FFFFFF; line-height:28px;}
.CommentAuthor{color: #00438A; font-weight:bold; padding:5px 0 0 10px;}
.CommentDate{color: #999999; padding:5px 0 0 10px;}
.Comment{padding:5px 0 0 10px;}
.Seperator {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width:100%; margin-top:15px; height:1px;}
.AddComment{padding:20px 0 20px 10px;}
.AddComment b{ color:#00438A;}
.FormBox{border:solid 1px #FF0000;}
.button {font-size:11px; border:#999999 1px solid; color:#818181; height:17px; margin-top:15px;}
.TextBox {border:1px solid #00438A;}

/* ---------------------  FORM PAGE -------------------------------*/
#login{padding-bottom:250px;}


/* ---------------------  LATEST NEWS -------------------------------*/
.NewsHeader {clear:both;margin:5px 0 0 7px;width:555px;float:left;}
.NewsHolder {border-right:1px solid #DCDBE1;border-bottom:1px solid #DCDBE1;border-left:1px solid #DCDBE1;float:left;margin:0 0 15px 7px;width:535px;padding:10px 10px 0 10px;}
.NewsThumb {border:1px solid #003469;margin:0 7px 15px 0;padding:1px;float:left;clear:both;}
.NewsTitle a:link, .NewsTitle a:visited{color:#00438A;font-size:0.80em;text-decoration:none;width:100%;float:left;width:430px;}
.NewsTitle a:hover{text-decoration:underline;}
.NewsTxt {font-size:0.70em;float:left;width:430px;}
.NewsMore {clear:both;float:left;margin-top:5px;}
.NewsItem {height:100%;padding:0 0 15px 0;}