/* Stylesheet created by Cornish WebServices - www.cornishwebservices.co.uk */
/*
 colour scheme 
 --------------------------------------------------------------------------- */
 
 
/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/


body {
	font-size: 100%;
	margin: 0em ; 
	padding: 0em; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
	
}

#page-container {
	width: 959px; 
	margin: 0px ;
	padding: 0px; 
	background-color: #617C9F;
	 background-image: url(../images/left_background.gif);
  background-position: left bottom;
  background-repeat: repeat-y;
	
}



/**********************/
/* SECTION 1 - HEADER */
/**********************/

.site-name  {
	clear: both; 
	float: left; 
	position: absolute; 
	z-index: 1; 
	width: 620px;
	left:113px; 
	top: 20px; 
	margin: 0px; 
	padding-left: 14px; 
	background-color: transparent; 
	color: #F70000;
	 font-weight:bold;
	 font-size: 2.6em;
}

.site-slogan  {
	float: left;
	position: absolute;
	z-index: 2; 
	width: 600px; 
	top: 1.9em; 
	left: 213px; 
	margin: 0px; 
	padding: 0px 3px 1px 3px; 
	color: #FFFF01; 
	font-weight: bold; 
	font-size: 0.6em;
}
#main_header {
	clear: both;
	float: left; 
	width: 922px; 
	height: 85px; 
	margin: 0px; 
	padding: 0px;
	padding-left: 39px;
	padding-top: 33px;
	background-image: url(../images/header_back.jpg);
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
    font-size: 3.5em;
	color:#FFFFFF;
}



/*************************************/
/* SECTION 2 - FRONT-PAGE LEFT Column */
/*************************************/

#leftcolumn {
	
	float: left; 
	width: 190px; 
	height:420px;
	margin: 0px; 
	padding: 00px 00px 0px 25px;
	background-color:#617C9F;
	margin: 0em 0px 0px 0px;
	 font-weight: bold;
     font-size: 0.9em;
	scolor:#617C9F;
	background: url(../images/leftmenu_back.jpg) no-repeat top right ;
	
}
/*------------------------------------*/
/* Section 3 - Main left navigation menu */
/*------------------------------------*/
.leftmenu{
    float: right;
	width: 190px;
	margin-left: 0px;
	height:420px;
	
}

/******************************/
/* SECTION 5 - CONTENT HOME */
/******************************/
#content_home {
	float: left;
	width: 710px;
	margin-left: 0px;
	height:50px;
	padding: 280px 0px 0px 8px; 
	background-color: #617C9F;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-weight: bold;
    font-size: 1.9em;
	color:#0B5185;
	background: url(../images/home_picbig.jpg);
	
  background-repeat: no-repeat;
}
.home_statement{
   clear: left; 
   margin: 0em 0px 3px 0px; 
   padding: 0px; 
   font-size: 0.9em;
	color:#0B5185;
	font-weight: bold; 
}
.content_homebottom {
	float: left;
	width: 700px;
	margin-left: 0px;
	height:82px;
	padding: 8px 10px 0px 8px; 
	background-color: #617C9F;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-weight: bold;
    font-size: 0.8em;
	color:#000000;
	background: url(../images/home_picbottom.jpg);
	
  background-repeat: no-repeat;
}
/******************************/
/* SECTION 6 - NEWS CONTENT RIGHT */
/******************************/
.newscontent_right {
	float: right;
	width: 351px;
	margin: 0px;
	height:436px;
	padding: 4px 5px 0px 4px; 
	background-color:#BEE1FF;
	color:#0B5185;
}
.newstitle {
    float: right;
	width: 356px;
	margin: 0px;
	height:32px;
	padding: 5px 0px 0px 4px; 
	background-color:#76BDFD;
	 font-family: Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
	 text-decoration:none;
	 color:#F70000;
}
.News_heading {
   clear: left; 
   margin: 0em 0px 3px 0px; 
   padding: 0px; 
   font-size: 0.9em;
	color:#0B5185;
	font-weight: bold;
}

/*-------------------------------*/
/* Section 7 - Inside Page Whole Page Content */
/*-------------------------------*/
*html #insideall {height:410px;}

#insideall {
	float: left;
	width: 697px;
	margin-left: 0px;
	min-height:410px;
	padding: 10px 10px 0px 10px; 
	background-color: #FFFFFF;
}
#insideall a {
    font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: none;
}
#insideall a:hover {
    font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: underline;
}

/*-------------------------------*/
/* Section 8 - RESIDENTS PAGE */
/*-------------------------------*/

*html #resident_mainpage {height:410px;}

#resident_mainpage {
	float: left;
	width: 698px;
	margin-left: 0px;
	min-height:410px;
	padding: 10px 10px 0px 10px; 
	background-color: #617C9F;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: none;
	background: url(../images/res_picbig.jpg);
	
  dbackground-repeat: no-repeat;
}

#main_header_res {
	clear: both;
	float: left; 
	width: 922px; 
	height: 85px; 
	margin: 0px; 
	padding: 0px;
	padding-left: 39px;
	padding-top: 33px;
	background-image: url(../images/header_back_res.jpg);
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
    font-size: 3.5em;
	color:#FFFFFF;
}

#resident_mainpage a {
    font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: none;
}
#resident_mainpage a:hover {
    font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: underline;
}




























/*-------------------------------*/
/* Section 8 - Contentbox text */
/*-------------------------------*/

/* Heading */
h1 {
	clear: left;
	margin: 2px 0px 8px 0px;
	font-weight: bold;
	font-size: 1.3em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

h2 {
	clear: left;
	margin: 14px 0px 6px 0px;
	font-weight: bold; 
	font-size: 1.0em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

h3 {
	clear: left; 
	margin: 14px 0px 6px 0px;	
	font-weight: bold; 
	font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

h4 {
	clear: left; 
	margin: 8px 0px 4px 0px;	
	font-size: 0.8em;
	font-weight: bold; 
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

/* Paragraph text */
p {
   clear: left; 
   margin: 0em 0px 7px 0px; 
   padding: 0px; 
   font-size: 0.8em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

td {
   clear: left; 
   margin: 0em 0px 7px 0px; 
   padding: 0px; 
   font-size: 0.8em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}


/* Unordered list */
.contentbullets {
	margin: 0em 0px 3px 30px; 
   padding: 0px; 
   font-size: 0.9em;
	color:#0B5185;
}

.content a {
  margin: 0em 0px 3px 0px; 
   padding: 0px; 
  
	color:#FF0000;
}



.content a:link, .content a:visited {
  margin: 0em 0px 3px 0px; 
   padding: 0px; 
  
	color:#0B5185;
}

.content a:hover {
  margin: 0em 0px 3px 0px; 
   padding: 0px; 
   
	color:#FF0000;
  text-decoration: underline;
 } 



#content_left {
	float:left;
    Z-INDEX: 1;
	padding-left: 18px;
	padding-right: 18px;
	WIDTH: 180px;
	 font-size: 0.8em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}


#content_right {
	float:left;
    Z-INDEX: 1;
	padding-left: 10px;
	padding-right: 1px;
	WIDTH: 180px;
	 font-size: 0.8em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}
/*-------------------------------*/
/* Section 9 - Newsletter area */
/*-------------------------------*/
#newsletterpage{
	float: left; 
	width: 500px; 
	fheight:21px;
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 0px;
	
	font-size: 1.0em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	
}
#newslettertop{
	float: right; 
	width: 146px; 
	height:21px;
	padding: 4px 0px 0px 6px;
	margin: 0px 15px 0px 0px;
	background-color:#A4C6FF;
   font-size: 0.9em;
	color:#0B5185;
	font-weight: bold; 
	font-family: Arial, Verdana,Helvetica, sans-serif;
	
}
#newsletterbottom{
	float: right; 
	width: 144px; 
	height:90px;
	padding: 4px 0px 2px 6px;
	margin: 0px 15px 0px 0px;
	background-color:#E1ECFF;
	  font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	 text-decoration: none;
	border : 1px solid;
	border-color:#BCBCBC;
}
#newsletterbottom a{
	
	
	font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: none;
	
}
#newsletterbottom a:hover{
	
	
	font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: underline;
}
v#newsletterbottom a:visited{
	
	font-size: 0.9em;
	color:#0B5185;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	text-decoration: none;
}












/**********************/
/* SECTION 10 - FOOTER */
/**********************/


.footer {
	clear: both;
	width: 580px;
	margin: 0.9em 0px 0px 225px;
	padding: 0px 0px 6px 0px;
	
	
   
   
   font-size: 0.7em;
	color:#FFFFFF;
}


.footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:link, .content:visited{
	color:#FFFFFF;
	text-decoration: none;
}

.footer a:hover {
	color: #C8DEFB;
	text-decoration: underline;
}







/**********************/
/* SECTION 11 - IMAGE PLACEMENT */
/**********************/




/******************************/
/* SECTION 12 - FORM */
/******************************/


label{
float: left;
width: 160px;
font:bold  0.8em/1.2  Arial, tahoma, verdana, sans-serif;
color:#0B5185;
margin-bottom:0.6em;
margin-top:0.3em;
}

einput{
width: 135px;
margin-bottom: 5px;
}
.btnGo{
width: 45px;
margin-bottom: 5px;
}



textarea{
width: 250px;
height: 150px;
}



#submitbutton{
margin-left: 160px;
margin-top: 5px;
width: 61px;
}
#check1_0{
margin-left: 0px;
margin-top: 0px;
width: 16px;
}

br.left{
clear: left;
}







table {
	border-collapse:collapse;
	border:solid 1px #617C9F;
}
 th {
	background-color : #8FA9CA;
	color:#000;
	border-right:1px solid #999;
}

 td {
	color: #617C9F;
	background-color:#fff;
	padding:1px 5px;
	border-top:1px solid #8FA9CA;
	border-right:1px solid #8FA9CA;
	
}





















/******************************/
/* SECTION 13 - MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; width: 425px; height: 1px; border: none;
}


/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}
 /* enable proper clearing of floats */ 
.clearend:after {  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearend{display: inline-table;} /* IE Mac fix */
/* Hides from IE-mac \*/
* html .clearend{height: 1%;}
.clearend{display: block;}
/* End hide from IE-mac */  

div#height410 {
	float:left;
	height:410px;
	width:1px;
}