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

Gurnard 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
	9.  IE HACKS
		
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: #E5D16D url(http://www.gurnardpc.co.uk/images/body_bg.gif) repeat-y center 0;
}

img { border: none; }

.img_border {
border: 1px solid #ccc;
padding: 4px;
}

a { text-decoration: none;}

a.doclink:link 		{ font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; text-decoration: none; line-height: 20px; letter-spacing: 0.5; word-spacing:1; color: #000000; padding-left: 25px; background-image: url(/images/pdf.gif); background-repeat: no-repeat;}
a.doclink:active 	{ font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; text-decoration: none; line-height: 20px; letter-spacing: 0.5; word-spacing:1; color: #000000; padding-left: 25px; background-image: url(/images/pdf.gif); background-repeat: no-repeat;}
a.doclink:visited 	{ font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; text-decoration: none; line-height: 20px; letter-spacing: 0.5; word-spacing:1; color: #000000; padding-left: 25px; background-image: url(/images/pdf.gif); background-repeat: no-repeat;}
a.doclink:hover    { font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 12px; text-decoration: none; line-height: 20px; letter-spacing: 0.5; word-spacing:1; color: #CCCCcc; padding-left: 25px; background-image: url(/images/pdf1.gif); background-repeat: no-repeat;}

td {font-size: 12px;}

.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;
}


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

#header 	{
	margin: 0;
	height: 178px;
	float: none;
	background:  url(http://www.gurnardpc.co.uk/images/header.jpg) 0 0;
}

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


* html #main { height: 450px;} /* fix for IE 5.5 - 6.x */
html + body #main { height: 450px; } /* 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;
}

.columnright{	
	float: right;
	width: 136px;
	margin: 10px 0 0 0;
	padding: 0;
}

.columnleft	{	
	float: left;
	width: 340px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0px;
}


#sitemap #content li, #content li {
	border-bottom: 0px solid #ededed;
	list-style: none;
	margin: 5px 0 0 10px;	
	background:  url(file:///U|/www/parishcouncils/ashey/images/arrow.gif) no-repeat 0 7px;
	padding: 0 8px 0 15px;
	line-height: 1.5em;
}

#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;
}



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

.img-shadow img {
	border: 1px solid #760D20;border: 1px solid #cccccc;
	padding: 2px;
	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: 15px 0px 15px 0;
}


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

.leftalign {
	float: left;
	margin: 5px 12px 5px 0;
	
}

.listPanel {	border: 1px dashed #CCCCCC;
				background: #FDFDFD;							
				padding: 7px;
				margin-bottom: 10px;}



/* 9. IE Hacks
----------------------------------------------------------------------*/

* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -90px;
	left: -130px;
}

* html .hoverbox li
{
	position: static;
}

* html #home .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html #home .hoverbox a:hover .preview
{
	top: -90px;
	left: -130px;
}