/* **********************************************************************************
* Please Do Not Copy *

Havenstreet and Ashey Parish Council CSS

Created by: Isle of Wight Council Web Team
Last Updated: 17 / 10 / 2006

Table of Contents:
	1.  BODY
	2.  LAYOUT
	3.  INTERFACE
	4.  MIDDLE CONTENT
	5.  TOP BAR CONTENT
	6.  FOOTER CONTENT
		
Color Scheme:	
	#ffffff -- White
	#F2F8DE	-- Body Background
	#696963 -- Paragraph
	#C6227D -- Green
	#FFD40A -- Orange
		
 
1. Body 
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 


body {
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	font: normal 70%/170% Tahoma, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #E9CB82 url(../images/body_bg.jpg) repeat-y center 0;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none;}

/*  2. Layout 
-----------------------------------------------------------*/

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 1px;
	width: 790px;
	height: 100%;
	border: 0;
}

html>body #wrap {
	padding: 0 0 0 0px;
}

td { font: bold 70%/170% Tahoma, Arial, Verdana, Tahoma, Helvetica, sans-serif;

}


/*  3. Interface
----------------------------------------------------*/

#header 	{
	margin: 0;
	height: 180px;
	float: none;
	background:  url(../images/header.jpg) 0 0;
}

#main	{
	padding: 40px 0 10px 25px;
	border: 0;
	margin: 1px 0 0 0;
	height: 650px;
}


* html #main { height: 650px;} /* fix for IE 5.5 - 6.x */
html + body #main { height: 650px; } /* fix for IE 5.0 */

#sidebar {
	float: left;
	width: 215px;
	margin: -20px 0px 0 0px;	
	padding:0;
}

#content	{	
	float: left;
	width: 495px;
	margin: -20px 38px 20px 0px;
	padding: 0px 0 0 0;	
	display: inline;
}

#footer	{
	width: 790px;
	height: 54px;
	border-top: 1px solid #ccc;
	padding: 6px 0 0 0;
	background: #212121;
	line-height: 1.7em;
	font-size: 0.9em;	

}

#footerleft	{
	float: left;
	width: 670px;
	margin: 0 0 0 25px;
	display: inline; 
}

#footerright	{	
	display: inline; 
	margin: 0 0 0 0px;
}



#sitemap #content li, #content li {
	border-bottom: 0px solid #ededed;
	list-style: none;
	margin: 5px 0 0 10px;	
	background:  url(../images/arrow.gif) no-repeat 0 7px;
	padding: 0 8px 0 15px;
	font-size: 1.1em;	
	line-height: 1.6em
}

#sitemap #content ul, #content ul {
	border: 0px solid #ccc;
	padding: 0px;
	margin: 5px 0 10px 0px;
	background-color: #fff;
	padding: 10px 0 10px 0px;
}


	

/*  4. Navigation 
----------------------------------------------------*/

ul {
margin: 0;
padding: 0;

}

#navigation {	
	width: 780px; 
	height: 31px;
	background-color: #212121;
	margin: 0 0 0 0px
}


#navigation ul {
	margin: 0 0 0 0px;
	padding: 0px 0 0 0;
	font-size: 1em;
	font-weight:bold;
	list-style: none;
	background-color: #212121;
	width: 790px;
	letter-spacing: 0em;
	float:left;
	display:inline;
}
	
#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#navigation ul li a {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 16px;
	color: #ccc;
	border-top: 0px solid #383838;
	background: #2E2E2E;
	text-decoration: none;
}

#navigation ul li a:hover {
	background: #666;
	color: #fff;

}
	
#navigation ul li.active a {
	font-weight: bold;
	color: #000;
	border-right: 0px solid #000;
	background: #fff;
}

	
/*  5. Right hand Navigation 
----------------------------------------------------*/

#rightnav {
	padding: .4em 0 .4em 0px;
	margin: 0px;
}

#rightnav ul {
	border-top: 1px solid #ccc;
	padding: 0px;
	margin: 10px 0 0 0;
}

#rightnav li {
	border-bottom: 1px solid #ededed;
	list-style: none;
	margin: 0;
}

#rightnav li a {
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 5px;	
	font-size: 1.0em;
	color:#5B0C1D;
}

#rightnav li a:hover {
	padding: 4px 0 4px 5px;
	background: #fff;
	color:#5B0C1D;	
}

/*  6. Links
----------------------------------------------------*/

a:link {
	color: #1A64A5; 
	text-decoration: none;
	border-bottom: 0px solid #1A64A5;
	padding: 0 0 0px 0;	
}

a:visited {
	color: #1A64A5;
	text-decoration: none; padding: 0 0 1px 0;
	border-bottom: 0px solid #1A64A5; 
}

a:hover {
	color: #B60604;
	text-decoration: none;
	border-bottom: 0px solid #B60604;
}

a:active {
	color: #FF9933;
	text-decoration: none;
	border-bottom: 0px solid #FF9933;
}


#footer a:link, #footer a:visited, #footer a:active {
	color: #BBB;
	text-decoration: none;
	margin: 0 0 0 0px;
	padding: 0 6px 0 6px;
	border-right: 1px solid #666;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

a.navlast{
border-right:none !important;
}

a.first{
margin: 0 0 0 -6px!important;
}

#footer p{
	color: #999;
	line-height: 1.9em;
}


/*  7. Basic Elements
-----------------------------------------------------------------------*/

h1 {
	color: #5B0C1D;
	margin: 0 0px 13px 0;
	font: normal 24px/29px Georgia, Arial, sans-serif;
	border-left: 0px solid #B60604;
	border-bottom: 0px solid #640D20;
	padding: 6px 0 2px 0px;
}

h2 {	
	color: #5B0C1D;
	padding: 0px 0 8px 0px; 
	font: normal 17px/21px Georgia, Arial, sans-serif;
	margin:0 0 3px 0;
}

#home h3 {
	color: #006F9A; 
	padding: 0px 0 0px 0px; 
	font: normal 11px/14px Georgia, Arial, sans-serif;
	margin: 0px 0 3px 0;
}

#sidebar h2 {	
  color: #bbb;
  margin: 2px 0 6px 0;
  padding:0;
  font: italic 22px/23px Georgia, Arial, sans-serif;
  float: none;
}

#sidebar h3, #sidebar h4 {	
  color: #777; color: #006F9A;
  margin: 25px 0 3px 0;
  padding: 0;
  font: italic 17px/21px Georgia, Arial, sans-serif;
}

p {color: #505050;
	font-size: 1.1em;	
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}

#content	p{	
	margin: 0 0 15px 0;
}

#sidebar p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.0em;	
  line-height: 1.5em;
}

i {	font-style: italic;
	color: #333;
}

b, strong {	
	font-weight: bold;
	color: #505050;
}

blockquote {
background: #E5E5E5;
padding: 10px;
width: 190px;
float: right;
margin-left: 8px;
font: 1.4em Georgia, "Times New Roman", Times, serif;
line-height: 1.0em;
  }
  
  
input {
	background-color: #f4f4f4;
	width: 120px;
	height:25px;
	line-height: 2em;
	color: #818273;
	margin-bottom: 3px;
	padding: 3px 4px 3px 5px;
	border: 1px solid #ccc;
	border-left: 5px solid #999;
	font: 1.2em arial, "Times New Roman", Times, serif;

	}
  
 
 /*  8. Images
-----------------------------------------------------------------------*/ 

.img-shadow img{
	border: 1px solid #760D20;border: 1px solid #cccccc;
	padding: 15px;
	display: block;
  	background-color: #fff;
}

.img-border img {
	border: 1px solid #760D20;border: 1px solid #ddd;
	padding: 3px;
	display: block;
  	background-color: #fff;
}

#sidebar img {
	border: 1px solid #CCCCCC;
	padding: 4px;
	display: block;
  	background-color: #fff;
	margin: 0px 0px 0px 10px;
}


.rightalign {
	float: right;
	margin: 0px 0 0 15px;
}

.leftalign {
	float: left;
	margin: 0px 10px 0px 0;
	
}

.calender{
	background:url(../images/calendar_bg.gif) left top no-repeat;
	width:45px;
	height:70px;
	text-align:center;
	margin:0px 15px 100px 0;
	padding:8px 0 10px 2px;
	float:left;
	
	font: 1.1em Georgia, "Times New Roman", Times, serif;
}

.calender h5{
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:0.8em;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
}

.calender div.ca01{
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	line-height:1.5em;
	padding:0px 0 0 0;
	font-size:18px;
}

#homedesc { width:495px; margin: 0px auto; margin-left: 0px; margin-top: 10px; }
div.item { float: left; width: 165px; height: 250px; padding:  0px 15px 0px 0; }

#homedesc > div.item{ float: left; width: 150px; height: 250px; padding:  0px 15px 0px 0; }
div.item img { border: solid 4px #202630; padding:  0px 0px  0px 0;}
div.item h2 { font-size: 12px; font-weight:bold; color: #666; margin-left: 3px; margin-TOP: 3px;}
div.item p { font-size: 10px; padding-right: 5px; padding-left: 5px;line-height:13px; padding-bottom: 5px; color: #81868D;}
div.item a { padding-left: 0px; color: #1A64A5; }
div.item a:hover { color: #B60604; }