﻿/**** © 2009 soVision Ltd ****/
/** CSS for Western Property Services  **/

/* Site Wide Colours     
        background	:	#C7E2EB
		dark blue	:	#000088
		light blue	:	#7979C0
        red         :   #E80000
        box out bg  :   #EDF5F8
    		
*/

/* PAGE HOLDER */
html{
    margin:0;
	padding:0;
	height:100%;
}
body{
    font-family:Arial, Helvetica, sans-serif;
	width:100%;
	margin:0;
	padding:0;
	background:#C7E2EB url(../../images/strip_background.jpg) top repeat-x;
	font-size:0.9em;
	color:#000088;
}
.container{
	margin:0 auto 0 auto;
	padding:0;
	border:0;
	width:884px;
}
.left_margin {
	float:left;
	position:relative;
	width:34px;
}
.right_margin {
	float:left;
	position:relative;
	width:34px;
}
.holding_area { 
	float:left;
	position:inherit;
	width:804px;

}
img{
	border:none;
}

/* PAGE STRUCTURE */
.page{
	margin:9px 0 12px 0;
	border:2px solid #000088;
	padding:0 0 10px 0;
	background:#FFFFFF url(../../images/foot-image.jpg) bottom repeat-x;
}
.header{
	height:170px;
	background:url(../../images/head-image.jpg) bottom repeat-x;
	padding:13px 0 0 18px;
}
.header h1, .header h2{
    display:none;
    visibility:hidden;    
}
.page_content{
	margin:12px 8px;
}
/* PAGE CONTENT */
.pagecontent{
	float:left;
	position:relative;
	width:590px;
	margin:0 0 0 4px;
	text-align:justify;
}
/* expand column styles */
.outer{ 
	margin:0 0 12px 0;
	padding:0 4px 0 0;
	border-right:1px solid #000088;
	position:relative;
	float:left;
	width:410px;	
}
.outer-full{ 
	margin:0 0 12px 0;
	position:relative;
	float:left;
	width:620px;
}
.right {
	position:relative;/*ie needs this to show float */
	width:194px;/* same as right margin on #outer*/
	float:right;
	margin-right:-193px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
	left:10px;/* push column into position*/
	text-align:left;
}
.right .inner{
    padding: 0 0 0 8px; 
}
.centrecontent {
	height:1%;
	margin-bottom:20px;
} /* combat IE's 3 pixel jog */

/* LEFT COL */
.left-col{
	float:left;
	position:relative;
	width:150px;
	padding-bottom:20px;
	margin:0 8px 0 0;
}
.leftnav{
    border-bottom:1px solid #BFBFE1;
    margin:0 0 12px 0;
    width:150px;
}
.leftnav ul{
	margin:0 0 0 0;
	padding:0;
}
.leftnav li{
	list-style:none;
	margin:0;
	font-size:.9em;
	font-weight:normal;
}
.Default_nav a{
	display:block;
	color:#000088;
	text-decoration:none;
	padding:3px 0 0 4px;
	height:21px;
	border-top:1px solid #BFBFE1;
}
.Default_nav a:hover{
	display:block;
	background:#7979C0;
	color:#000088;
	text-decoration:none;
}
.Default_sub-nav a{
	display:block;
	color:#000088;
	text-decoration:none;
	padding:2px 0 2px 4px;
	margin:0 0 0 4px;
}
.Default_sub-nav a:hover{
	display:block;
	background:#7979C0;
	color:#000088;
	text-decoration:none;
}
.selected{
	background:url(../../images/selected-bg.jpg) left repeat-y;
	color:#000088!important;
}
/* NEWS */
.listitem_date{
    font-style:italic;
}
/* MISC */
.clear{
    clear:both;
}
/* Box Out*/
.box-out{
    background:#EDF5F8;
    padding:4px;
}

/* STYLES FOR FOOT */
.footnote{
	height:20px;
	background:#000088;
	padding:2px 8px 0 10px;
	font-size:0.7em;
	color:#FFFFFF;
	clear:both;
}
.footnote a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.footnote a:hover{
	text-decoration:underline;
}
.foot_left{
	float:left;
	position:relative;
}
.foot_right{
	float:right;
	position:relative;
}

/* TEXT FORMATING */
h1{
	margin:0 0 0.5em 0;
	padding:0 0 0 6px;
	font-size:1.8em;
	border-left:6px solid red;
}
h2{
	margin:0 0 0.5em 0;
	font-size:1.4em;
}
h3{
	margin:0;
	font-size:1.2em;
	color:#000088;
}
h3 a{
	color:#000088;
}
h4{
	margin:0;
	font-size:1em;
	color:#7979C0;
}
h5{
	margin:0;
	font-size:1em;
	font-style:italic;
	color:#000088;
}
h6{
	margin:0;
	font-size:1em;
}
p{
	margin:0 0 .75em 0;

}
a{
	color:#E80000;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
strong{}
hr{
	color:#7979C0;
	background-color:#7979C0;
	border:0;
	height:1px;
}
