/* 
Title:     	Wessex Housing
Date:   	July 2008
*/				
				body {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:0.80em;color:#555;margin-top:0px;margin-right: auto;margin-bottom:50px;margin-left: auto;padding:0px;}
				img { border: none; margin: 0; padding: 0;}
				a img { border: none;}
				div,input,form,h1,h2,h3,h4,h5,hr,dl,dd,dt,object,param,p
				{ margin:0; padding:0;list-style:none;}
				a, a:active, a:visited{color:#0391BF;text-decoration:none;}
				a:hover{color:#0391BF;text-decoration:underline;}
				
				.Clear {clear:both;}

/* structure styles
---------------------------------------------------------- */

.MainContainer
{
	margin:0px auto;
	padding: 0px;
	width:980px;
	background: url('../images/MainPageBg.jpg') repeat-x center top;
	overflow:hidden;
}
.Header 
{
	margin:0px auto;
	padding: 0px;
	width:980px;
	
	background:#01AEF0 url(../images/HeaderBg.jpg) repeat scroll center top;
	height:149px;
	
	/* height:129px;
	background: url('../images/HeaderBg.jpg') no-repeat center top;*/
}
.NavBarBottom
{
	
	padding: 0px;
	width:980px;
	height:6px;
	background: url('../images/NavBarBottom.jpg') no-repeat center top;
	overflow:hidden;
}
.HpContentLeftTop 
{
	width:980px;
	height:9px;
	background: url('../images/HpContentLeftTop.gif') no-repeat left top;
	overflow:hidden;
	margin-top:5px;
}
.HpContentLeft 
{
	float:left;
	width:740px;
	padding-left:9px;
	overflow:hidden;
}
.HpMainContent 
{
	background-color:#FFFFFF;
	padding-left:10px;
	width:725px;
}
.HpContentRight 
{
	float:right;
	width:220px;	
}
.HpMainContentLeft 
{
	float:left;
	width:315px;
}
.HpMainContentRight 
{
	float:right;
	width:375px;
	margin-right:10px;
}


.ContentLeft 
{
	float:left;
	width:220px;
	padding-left:11px;
	padding-bottom:30px;
	overflow:hidden;
}
.ContentRight 
{
	float:right;
	width:740px;
	margin-right:2px;
	padding-bottom:30px;
}

.ContentRightTop 
{
	height:9px;
	background: url('../images/HpContentLeftTop.gif') no-repeat left top;
	overflow:hidden;
	margin-top:5px;
}
.ContentRightBg 
{
	width:715px;
	padding:5px 0 20px 20px;
	overflow:hidden;
	background-color:#FFFFFF;
}

.ContentRightBg p
{
	margin-right:20px;
}


/* HEADER AND FOOTER LINKS
---------------------------------------------------------- */

/* HEADER LINKS */
.HeaderLinks 
{	
	float:right;
	padding:2px 20px 0 0;
	_padding:4px 20px 0 0;
	margin:0px;
	font-size: 100%;
}
.FooterLinks 
{
	margin:5px 0 0 0;
	padding:0px;
}
.InlineLinks
{
    padding:0px;
    margin: 0px;
    list-style:none;
}
.InlineLinks LI
{
    DISPLAY: inline;
    MARGIN: 0px;
    padding:0px;
    LINE-HEIGHT: 1.9em;
  
}
.InlineLinks A
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
}
.InlineLinks A:hover
{
    TEXT-DECORATION: underline;
}
*HTML .HeaderLinks .InlineLinks A:hover{color:#FFFFFF;}
.InlineLinks B
{
    BACKGROUND: url(../images/HeaderLinksSep.gif) no-repeat center bottom;
    MARGIN: 0px 3px 0px 5px;
    WIDTH: 1px;
}
.InlineLinksFooter
{
    padding:0px;
    margin: 0px;
    list-style:none;
}
.InlineLinksFooter LI
{
    DISPLAY: inline;
    MARGIN: 0px;
    padding:0px;
    LINE-HEIGHT: 1.9em;
  
}
.InlineLinksFooter A
{
    COLOR: #0391BF;
    TEXT-DECORATION: none;
}
.InlineLinksFooter A:hover
{
    TEXT-DECORATION: underline;
}
.InlineLinksFooter B
{
    BACKGROUND: url(../images/FooterLinksSep.gif) no-repeat center bottom;
    MARGIN: 0px 3px 0px 5px;
    WIDTH: 1px;
}


.HeaderActions 
{
	clear:both;
	float:right;
	*float:none;
	padding:0px 20px 0 0;	
	_padding:2px 20px 0 0;
}


/* TRANSLATIONS */

.PhoneNumber 
{
	float:right;
	clear:both;
	padding:0 20px 0 0; /* Was padding:20px 20px 0 0; */
	color:#FFFFFF;
	font-size:1.3em;
}
.PhoneNumber a, .PhoneNumber a:active
{
	color:#FFFF9D;
}
.PhoneNumber a:hover
{
	color:#FFFF9D;
}
.Translations 
{
	*float:right;
	margin:35px 0 0 105px;
	*margin:10px 0px 0px 635px;
}
.Translations img
{
	
	margin-top:5px;
	padding:0 5px 0 0;
}
.goog-te-gadget{color:#01AEF0 !important;}
.goog-logo-link{display:none;}

/* FONT SIZE */

.FontSize
{
	float:right;
	margin-top:3px;
}

/* SEARCH BOX  */

.SearchHolder 
{
	float:right;
	margin-left:15px;
	/*margin-right:15px;*/
}
.searchForm 
{
	margin:0;
	padding:0;
	background: url('../images/SearchBoxBg.gif') no-repeat 1% 55%;
	width:155px;
}
input#searchText 
{
	font-size:75%;
	border:1px solid #FFFFFF;
	width:140px;
	height:15px; /* height:20px; for IE7 */
	padding:2px;
	color:#B5B5B5;
	vertical-align:top;
	padding-left:5px;
}

/* BROWSE ALOUD LINK */

.BrowseAloudLI{margin-right:15px;}	
.BrowseAloudImg{vertical-align:sub;/vertical-align:text-top;}

/* CRUMBTRAIL
---------------------------------------------------------- */
.CrumbTrail
{
    
    FONT-SIZE: 90%;
    MARGIN-BOTTOM: 5px;
    COLOR: #666666;
    padding-left:15px;
    margin-top:5px;
}
.CrumbTrail A
{
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 5px;
    BACKGROUND: url(../images/SitemapBullet3.gif) no-repeat right 50%;
    COLOR: #666666;
    TEXT-DECORATION: underline;
}
.CrumbTrail A:hover
{
    TEXT-DECORATION: none
}
.CrumbTrail .Active
{
    PADDING-LEFT: 5px;
    COLOR: #0391BF;
    TEXT-DECORATION: none
}
			

/* FOOTER STYLES
---------------------------------------------------------- */

.Footer	
{
	BACKGROUND:#FFFFFF url(../images/FooterBg.jpg) repeat-x center top;
    COLOR: #484848;
    margin:0 0 0 10px;
    width:920px;
    padding:10px 20px 20px 20px;
    clear:both;
    float:left;
    font-size:0.85em;
}
* HTML .Footer	
{
    margin-left:5px;
}
.FooterHp
{
	BACKGROUND:#FFFFFF url(../images/FooterBg.jpg) repeat-x center top;
    COLOR: #484848;
    margin:30px 0 0 10px;
    width:920px;
    padding:10px 20px 20px 20px;
    clear:both;
    float:left;
    font-size:0.85em;
}
.FooterInfo 
{
	color:#484848;
	list-style:none;
	padding:0px;
	margin:7px 0 10px 0;
	float:left;
	width:600px;
}

.FooterLogos
{
	text-align:center;
	padding:15px 0 0 0;
	clear:both;
}
.AdobeReader 
{
	float:right;
	width:290px;
	color:#484848;
	font-size:0.80em;
}
.AdobeReader img
{
	float:left;
	margin-right:3px;
}	


/* QUICK LINKS
---------------------------------------------------------- */				
.QuickLinksTitle
{
    border-bottom:1px dotted #003B34;
    width:210px;
    font-size:1.4em;
    margin-bottom:8px;
    color:#FF8407;
}

.QuickLinks UL
{
    padding:7px 3px 0 3px;
	margin: 0px;
    list-style: none;
}
.QuickLinks LI
{
    margin: 0px 0 0 0;
    width: 220px;
    clear:both;
}
.QuickLinks A
{
    padding:7px 5px 7px 0;
    display: block;
    color: #0391BF;
    text-decoration: none;
    float:left;
    width:170px;
}
.QuickLinks A:hover
{
    color: #0391BF;
    text-decoration: underline;
}
.NavImage
{
    float: left;
    margin: 0px 10px 0 2px;
   
}
.GroupSites 
{
	margin:20px 0 0 5px;
	float:left;
	font-size:1.1em;
}
.GroupSites select
{
	Float:left;
	margin-top:10px;
	background-color:#DCECF4;
	width:200px;
}


/* POLL
---------------------------------------------------------- */

.PollTop 
{
	BACKGROUND: url(../images/PollTop.gif) no-repeat center top;
    width:200px;
    height:10px;
    margin:20px 0 0 5px;
    clear:both;
    float:left;
    overflow:hidden;
}
.PollContent
{
	BACKGROUND:#EFEFEF url(../images/PollBg.gif) no-repeat;
    width:198px;
    margin-left:5px;
    border-left:1px solid #CAD5DD;
	border-right:1px solid #CAD5DD;
	float:left;
	overflow:hidden;
}

.PollBottom
{
	BACKGROUND: url(../images/PollBottom.gif) no-repeat center top;
    width:200px;
    height:13px;
    margin-left:5px;
    float:left;	
}
.PollContent p 
{
	margin:3px 5px 7px 13px;
	float:left;
	clear:both;
	width:150px;
}
.PollContent label
{ 
	display: none;
}
.PollContent form 
{ 
	margin:5px 10px 0 0px;
	float:left;
	width:190px;
}
.PollContent table 
{ 
	margin-left:12px;
}
.PollSubmit
{
	margin:12px 0 8px 15px;
	float:left;
	clear:both;
}

/* HOMEPAGE ADVERTS
---------------------------------------------------------- */

.HpAdvertBox 
{
	width:282px;
	background:#FFF8C1 url(../images/HpAdvertCorner.gif) no-repeat bottom right;
	padding:10px 20px 0 10px;
	margin-bottom:20px;
	clear:both;
	float:left;
}
.HpAdvertBoxTitle
{
	font-size:1.3em;
	color:#038BB6;
}
.HpAdvertBoxText 
{
	margin-top:10px;
}
.HpAdvertBoxBtn 
{
	margin:12px 0 10px 0;
}
.HpAdvertImg 
{
	float:right;
	padding:0 10px 0 0px;
}
.HpAdvertBoxContent 
{
	float:left;
	width:130px;
}
/* WELCOME ADVERT */
.HpWelcomeTitle 
{
    font-size:1.4em;
    margin:0px 0 15px 0;
    color:#FF8407;
}
.HpWelcomeAdvert 
{
	margin-bottom:20px;
	float:left;
}
.HpWelcomeAdvert p 
{
	margin-bottom:10px;
}
.HpWelcomeAdvert a,  .HpWelcomeAdvert a:active
{
	margin:0px 0px 0 0;
	text-decoration:none;
	color:#0391BF;
}
.HpWelcomeAdvert a:hover
{
	text-decoration:underline;
}
.HpWelcomeAdvertImg 
{
	margin:0px 0 0 4px;
	vertical-align:middle;
}


/* HOMEPAGE LATEST NEWS
---------------------------------------------------------- */

.LatestNewsTitle 
{
	border-bottom:1px dotted #003B34;
    width:310px;
    font-size:1.4em;
    margin:20px 0 15px 0;
    color:#FF8407;
}
.NewsStory 
{
	clear:both;
	font-size:0.90em;
	margin-top:20px;	
}
.NewsStory img 
{
	border:1px solid #CAD5DD;
	padding:2px;
	float:left;
	margin:0 10px 0 0;
}
.NewsStoryTitle
{
	color:#0391BF;	
}
.NewsStoryText
{
	margin-top:3px;	
}
.NewsStoryText a, .NewsStoryText a:visited
{
	color:#FF8407;
	font-size:0.95em;
	text-decoration:none;
	margin-left:5px;
}
.NewsStoryText a:hover, .NewsStoryText a:active
{
	text-decoration:underline;
}

/* ARTICLE NAVIGATION
---------------------------------------------------------- */

.ArticleNavHolder
{
	
	margin:5px 0 0 0;
}
.ArticleNav
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.ArticleNav li
{
	border-left:10px solid #FF870D;
	background-color:#FFF5BF;
	color:#555;
	padding:5px 5px 5px 10px;
	margin-bottom:2px;
	width:215px;
}
.ArticleNav li a, .ArticleNav li a:visited
{
	
	color:#555;
	text-decoration:none;
}
.ArticleNav li a:hover, .ArticleNav li a:active
{
	
	color:#555;
	text-decoration:underline;
}

.ArticleSubNav 
{
	padding:0px;
	margin:0px;
}
.ArticleSubNav li
{
	
	list-style:none;
	color:#FFFFFF;
	padding:5px 5px 5px 10px;
	border-left:10px solid #FFBA75;
	background-color:#FFFCE8;
	margin:0px 0 0 19px;
	margin-bottom:2px;
	color:#333333;
}
.ArticleSubNav .NavActive
{
	border-left:10px solid #FF870D;
	background-color:#FFF5BF;
}

.ArticleSubNav li a, .ArticleSubNav li a:visited
{
	
	color:#333333;
	text-decoration:none;
}
.ArticleSubNav li a:hover, .ArticleSubNav li a:active
{
	text-decoration:underline;
}


/* FORM HOLDER
---------------------------------------------------------- */


#form {}

.FormRight
{
	float:left;
	margin:20px 0 0 10px;	
	
}
#form label 
{	clear: both;
	float: left;
	margin: 15px 20px 0px 10px;
	width: 140px;
	text-align: right;
}
#formSubmit
{
	float: left;
	margin: 20px 0px 0px 170px;
	
}
#form .input 
{
	padding-left: 5px;
	margin: 12px 0px 0 0;
	float:left;
}
#form SELECT
{
    margin: 12px 0px 0px;
    float:left;
}

#formName, #formEmail, #formMessage, #formPhone, #formAddress, #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle, #SurveyComments { width: 300px; background-color: #F0F0F0;}


.PageHeading
{
	font-size:1.4em;
	color:#FF8407;
	margin-bottom:15px;
	float:left;
	width:600px;
	clear:right;
}


/* SITEMAP
---------------------------------------------------------- */

#sitemap 
{
	margin:20px 0 50px 0px;
	padding:0;
	line-height:20px;
	width:698px;
}			
#sitemap a, #sitemap a:visited
{
	font-size: 100%;

}
#sitemap a:hover 
{
	text-decoration:underline;
}
#sitemap ul 
{

	margin:0px;
	padding:0px;
}
#sitemap ul li 
{
	font-size: 100%;
	margin-top:5px;
	padding-left:0px;
	list-style:none;

}
#sitemap ul li a 
{
	margin: 0;
	padding-left:20px;
}
#sitemap ul ul li 
{
	font-size:100%;
	padding:0;
	border-bottom:none;
	padding-left:5px;
}
#sitemap ul ul li a 
{
	margin-left:25px;
	padding-left: 20px;
	background: url(../images/SitemapBullet2.gif) no-repeat 0 50%;
}
#sitemap ul ul ul li 
{
	font-size:100%;
	padding:0;
	border-bottom:none;
	padding-left:5px;
}
#sitemap ul ul ul li a 
{
	margin-left: 45px;
	padding-left: 20px;
	background: url(../images/SitemapBullet3.gif) no-repeat 0 50%;
}
#sitemap a.active
{
	background-color:#EFEFEF;
	padding: 5px 0px 5px 10px;
	width:100%;
	display:block;
	color:#666666;
}
#sitemap a.active:hover
{
	background-color:#FEA218;
	color:#FFFFFF;
}




/* Category
---------------------------------------------------------- */
.CategoryList 
{
	width:680px;
	background-color:#0DB0E7;
	padding:5px 0 5px 15px;
	margin:8px 0 0 0;
}

.CategoryListTitle
{
	width:680px;
	background-color:#D7F5FF;
	padding:5px 0 5px 15px;
	margin:3px 0 0 0;
}

.CategoryListTitle a, .CategoryListTitle a:active
{
	float:left;
	width:580px;
}

.CategoryListDate 
{
	font-size:0.85em;
	font-weight:bold;
	color:#FF870D;
	float:right;
	margin-right:10px;
	
}
.CategoryListBg
{
	width:670px;
	background-color:#F0F0F0;
	padding:8px 10px 8px 15px;
	background:#FFFFFF url(../images/CategoryBg.jpg) repeat-x;
	border-bottom:1px dotted #A4EDFF;
	
}
.CategoryListBg img
{
	float:left;
	margin-right:10px;
	padding:1px;
	border:1px solid #CAD5DD;
}
.PrintPage 
{
	float:right;
	font-size:0.85em;
	color:#A5A5A5;
	margin-right:25px
}
.PrintPage img 
{
	vertical-align:middle;
	margin-right:5px
}
.BackToTop 
{
	background:url(../images/BackToTopBg.jpg) no-repeat;
	width:106px;
	height:20px;
	font-size:1.0em;
	padding:6px 0 0 26px;
	float:right;
	clear:both;
	position:relative;
	top:-35px;
	left:28px;
	margin-top:0px;
}
* HTML .BackToTop	
{
    left:2px;
}
.BackToTop img
{
	vertical-align:middle;
	margin-left:5px
}
.HpSeperator 
{
	margin-top:30px;
	float:left;
	height:50px;
	display:block;
	border:1px solid #FF0000;
}
.SearchResults 
{
	margin:0 0 20px 0;
}
.Login 
{
	float:left;
	clear:both;
	margin:10px 0 0 168px;
}


/* Article */

.ArticleDate {color:#9B9B9B;}
.ArticleHolder h1 {font-size:1.8em; color:#1F1E1F; font-weight:normal; padding:18px 0 18px 0;}
.ArticleHolder h2 {font-size:1.5em; color:#0391BF; font-weight:normal; padding:18px 0 18px 0;}
.ArticleHolder h3 {font-size:1.1em; color:#FFCC00; font-weight:normal; padding:18px 0 18px 0;}
.ArticleHolder {width:690px}
.ArticleHolder p{padding:10px 0 0 0;}
.ArticleHolder ul{padding:5px 0 0 10px;margin:0 0 0 45px;}
.ArticleHolder li{padding-bottom:10px;}
.ArticleHolder ol{padding:5px 0 0 10px;margin:0 0 0 55px;}
.ArticleTable {clear:both; padding:30px 0 0 0; width:690px;}
.ArticleHolder table { margin-bottom: 15px; padding: 0; color: #000000; font-size: 100%;}
.ArticleHolder td {padding:8px; background-color: #D9F5FE; border-bottom:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-collapse:collapse;}
.ArticleHolder th {padding:8px; text-align: left;color: #FFFFFF;background:#22C5FB url(../images/TableHeader.jpg) repeat-x;}
.Quote {color:#1F1E1F;font-size:1.0em;margin:10px 0 20px 20px;background-color:#FFF5BF;padding:12px;float:right;width:280px;}
.QuotePointer {background: url(../images/QuotePointer.gif) no-repeat;width:43px;height:12px;position:relative;top:24px;}
* HTML .QuotePointer	
{
    top:28px;
}
.Quote img {vertical-align:middle;}
.Download {margin-top:20px; float:left;}
.Download img{vertical-align:middle;padding-right:15px;}
.Download a{text-decoration:none;}
.Download a:hover{text-decoration:underline;}
.Download p {padding:0 0 10px 0;}