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

Carisbrooke Castle CSS

Created by: Isle of Wight Council Web Team
Last Updated: 22 / 11 / 2006

Table of Contents:
	1.  BODY
	2.  LAYOUT
	3.  INTERFACE
	4.  MIDDLE CONTENT
	5.  TOP BAR CONTENT
	6.  FOOTER CONTENT
		
Color Scheme:	
	#971C15 -- Red
	#6C664A	-- Body Background
	#505050 -- Paragraph
		
 
1. Body 
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 


body {
	margin: 0;
	padding: 0;
	color: #B10015;
	font: normal 70%/170% Tahoma, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #6C664A url(http://www.carisbrookecastlemuseum.org.uk/images/new/body_bg.gif) repeat-y center 0;
}


a { text-decoration: none;}

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

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

.img_border_left {
border: 1px solid #ccc;
padding: 4px;
float:left;
margin-right:8px;
}

.img_border_right {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-left:8px;
}

.img_border_botpad {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-bottom:8px;
}

a img {
filter: alpha(opacity=80);
opacity: .8;
border: 0px solid #999;
margin-bottom: 10px;
}

a:hover img {
filter: alpha(opacity=100);
opacity: 1;
border-color: #000;
margin-bottom: 10px;
}

table {padding-bototm:5px; 
color:#666}


/*  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: normal 70%/170% Tahoma, Arial, Verdana, Tahoma, Helvetica, sans-serif;
height:28px; padding-left:10px;}


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

#header 	{
	margin: 0;
	height: 130px;
	float: none;
	background:   url(http://www.carisbrookecastlemuseum.org.uk/images/new/header.jpg) 0 0;
}

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


* html #main { min-height: 1000px;} /* fix for IE 5.5 - 6.x */
html + body #main { min-heighheight: 1000px; } /* 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(http://www.carisbrookecastlemuseum.org.uk/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: #fff;
	border-right: 0px solid #000;
	background: #B10015;
}

	
/*  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: #B10015; 
	text-decoration: none;
	border-bottom: 0px solid #1A64A5;
	padding: 0 0 0px 0;	
}

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

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

a:active {
	color: #B10015;
	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: #971C15;
	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: #640D20;
	padding: 0px 0 8px 0px; 
	font: normal 17px/21px Georgia, Arial, sans-serif;
	margin:0 0 3px 0;
}

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

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

#sidebar h3, #sidebar h4 {	
  color: #640D20; color: #640D20;
  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: #F5F5F5;
padding: 10px;
width: auto;
margin-left: 5px;
margin-bottom: 8px;
border-left: 5px solid #999;
font: 1.3em Georgia, "Times New Roman", Times, serif;
line-height: 1.2em;
  }
  
  
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(http://www.carisbrookecastlemuseum.org.uk/styles/%0A/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: 180px; padding:  0px 15px 0px 0; }

#homedesc > div.item{ float: left; width: 150px; height: 180px; padding:  0px 15px 0px 0; }
div.item img { border: solid 2px #202630; padding:  0px 0px  0px 0;}
div.item h2 { font-size: 12px; line-height: 15px; font-weight:bold; color: #666; margin-left: 3px; margin-TOP:-10px;}
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; }