/*************************************************************************
Name: 	wooff.co.uk
Version: 	3.0
Date: 	20 January 2009
CSS: 	Valid CSS 2.1
Author: 	Catherine Wooff
URL: 	http://www.wooff.co.uk
Note:	A wooff design, heavily adapted from a design by Rambling Soul (http://ramblingsoul.com).  Virtually all the CSS rewritten by me so any errors are mine but no liability is accepted!
	Feel free to use, adapt and modify but please supply credit to myself and Rambling Soul
**************************************************************************/

/*****************************************************************************
the default page and element styling
*****************************************************************************/

body {
	margin:0px;
	padding:0px;
	background-image:url(images/container2.png);
	background-repeat:repeat-x;
	font-family:verdana, arial, helvetica, sans-serif;	
	font-size:14px;
	line-height:125%;
	color:#333;
	background-color:inherit;
	text-align:left;
	}

p {
	margin:10px;
	padding:0px;
	}

sup {
	font-size:12px;
	}

h1 {
	font-size:24px;
	font-family:"Century Gothic", Arial;
	font-weight:normal;
	color:#996633;
	text-decoration:none;
	margin:10px 10px 20px 10px;
	}

h2 {
	font-size:18px;
	font-weight:normal;
	display: block;
	color: #996633;
	padding: 5px;
	background-color: #EFECD6; 
	border:1px dashed #D6AD85; 
	margin:5px 10px 10px 10px;
	}  
  
h3 {
	font-size: 14px;
	font-weight:normal;
	display: block;
	padding: 5px;
	background-color:#EFECD6;
	color: #996633;
	margin:10px;
	}

blockquote {
	margin: 20px 100px 20px 100px;
	color: #333;
	text-decoration: none;
	text-align:center;
	font-size: 14px;
	font-weight:normal;
	font-style:italic;
	padding: 0px;
	background-color: #F1EFE2;
	border: 1px solid #ECE9D8;
	}

p.cite {
	padding-left:50px;
	padding-right:50px;
	text-align:justify;
	font-style:italic;
	}


a {
	outline:none;
	}
 
a:link {
	color:#993300;
	text-decoration:none;
	}

a:visited {
	color:#666666;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

.spacer {
	clear:both;
	}

.internallink {
  	font-size:10px;
 	text-align:center;
	margin:5px 0px 5px 0px;
	}

/*************************************************************************************************
Page Structure - Container for all elements apart from footer and background
**************************************************************************************************/

#container {
	width:980px;
	margin:0px auto 0px auto;
	padding:0px;
	}

/*************************************************************************************************
Page Structure - the menu bar - an inline list
**************************************************************************************************/
#navbar {
	margin:0px;
	padding:0px;
	}


#navbar ul {
	margin:0px;
	padding:0px;
	height:42px; 	
	line-height:12px;
	}

#navbar li {
	display:inline;
	margin:0px;
	padding:0px;
	}

#navbar a {
	background:url(images/menu2.png) no-repeat;
	float: left;
	height: 42px;
	width: 90px;
	margin-right: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: block;
	color:#666633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	outline:none;
	}
	
#navbar a:hover {
	background: url(images/menu-hvr2.png) no-repeat;
	float: left;
	height: 42px;
	width: 90px;
	margin-right: 1px;
	padding-top: 10px;
	text-align: center;
	display: block;
	color: #666633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	}

#navbar .active a {
	background: url(images/menu-hvr2.png) no-repeat;
	float: left;
	height: 42px;
	width: 90px;
	margin-right: 1px;
	padding-top: 10px;
	text-align: center;
	display: block;
	color: #666633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	}


/*************************************************************************************************
Page Structure - the banner - features images used on the left and right
**************************************************************************************************/

#banner {
	height:115px;
	width:980px; 
	margin:0px;
	padding:0px;
	background-image: url(images/980bannerright3.png);
	background-repeat:no-repeat;
	}

#banner .logo {
	margin:0px;
	padding:0px;
	background-image: url(images/logo.png);
	background-repeat:no-repeat;
	height: 117px;
	width: 188px;
	font-family:Georgia, Arial, Verdana;
	font-size:22px;
	line-height:26px;
	color: #999933;
	}	

#banner .logo span a { 
	margin:0px;
	padding:70px 0px 0px 0px;
	display:block;
	color: #999933;
	text-decoration: none;
	text-align:center;
	}	

/**************************************************************
Page Structure - Footer
**************************************************************/

#footer {
	background-image: url(images/footer.png);
	background-repeat: repeat-x;
	background-color: #D9EDA8;
	margin-top:40px;
	padding: 10px;
	}

#footer p {
	margin-left:10px;
	font-size: 12px;
	line-height:18px;
	text-align:left;
	}

/**************************************************************
Page Layout - Full page
**************************************************************/
#full {
	width:960px;
	margin:0px;
	padding:0px;
	text-align:left;
	}
/**************************************************************
Page Layout - 2 columns - main on left, right side bar
**************************************************************/

#content {
	float: left;
	width:670px;
	margin:0px;
	padding:0px;
	text-align:left;
	}

#sidebar {
	float:right;
	width:300px;
	padding:0px;
	text-align:left;
	}

/*************************************************************************************************
element list styles
**************************************************************************************************/

#content ul, #full ul, #sidebar ul {
	margin:0px;
	padding: 0px;
	list-style-type:none;
	font-size: 14px;
	line-height:18px;
	text-align:left;
	}

#content li, #full li {
	display: block;
	margin-left: 10px;
	}

#sidebar .subnav {
	margin:0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	line-height:18px;
	text-align:left;
	}

#sidebar .subnav li {
	display: block;
	margin: 5px 5px 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D3B9;
	}

/****************************************************************
an unordered list with the green bullet image (doesn't work if the list item is longer than one line)
****************************************************************/
ul.bullet {
	margin:0px;
	padding:0px;
	list-style:none;
	}

ul.bullet li {
	background: transparent url(images/bullet2.png) no-repeat left center;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	}

#full ul.alpha {  	
	font-size:1.2em;  
	list-style:none;  
	margin:0px;  
	text-align:center; 
	}

#full ul.alpha li {
	display:inline; 	
	margin:0px;  
	padding-right:10px;  
	}

#full ul.alpha li a:visited {	
	color:#993300;  
	text-decoration:none;
	}

#full ul.alpha li a:hover {	
	color:#993300;  
	font-weight:bold;  
	background-color:inherit;  
	}

.leftthird { float:left;  width:31%;  margin-right:2%;  }     								/* used on name index page */
.midthird { float:left;  width:31%;  margin-right:2%;  }								/* used on name index page */
.rightthird { float:left;  width:31%;  }										/* used on name index page */
.image_float { float:left;  margin: 0 5px 5px 0;  }									/* used on about page for W3C logos and CC */
.linkbox { margin:10px 0 10px 0;  padding:5px;  border:1px solid #bbb;  background-color:#ddd;  color:#466;  text-align:center;  } 	/* used on about page */
.linkbox img  {  border:0;  }											/* used on about page */
/** FORM STYLING **/
	form {  			width:100%;  } 
	fieldset {  			margin-bottom:10px;  padding:10px;  border:1px solid #996633;  }
	legend {  			font-size:24px;  font-weight:normal; color:#996633;  background-color:inherit;  line-height:150%;}
	input, textarea {  		border:3px double #996633;  }
	#upload, #message {  	width:100%;  }
	#name, #email, #location, #site {  		width:80%;  }

	table.guest {  			font:normal 14px verdana,arial,helvetica,sans-serif;  border:1px solid #996633;  margin-top:5px;  width:100%  }
	table.guest th, table.guest td {  	border:1px solid #996633;  padding:4px;  text-align:left;  background-color:inherit;    }
	table.guest td {  			width:80%;  }
	table.guest th {  			background-color:inherit;  width:20%;}
	table.basic {  			font:normal 14px verdana,arial,helvetica,sans-serif;  border:1px solid #996633;  margin-top:5px;  width:100%  }
	table.basic th, table.basic td {  	border:1px solid #996633;  padding:4px;  text-align:center;  background-color:inherit;    }
	table.basic th {  			font-weight:bold;  background-color:#efecd6;  }
	table.months {  			font:normal 14px verdana,arial,helvetica,sans-serif;  border:0px;  margin-top:5px;  margin-left:auto;  margin-right:auto;  }
	table.months td {  			border:0px;  padding:5px;  text-align:center;  background-color:inherit;    }

	.image_ind { 		float:left;  padding-left:10px; margin:0 0px 10px 0px;  }									/* used on people pages */
	.image_ind img {  		border:1px solid #bbb;  padding:5px; height:80px;  width:80px;  }						/* used on people pages */

	.arrowleft {  		margin-left:0px;  float:left;  width:50%; padding-bottom:10px;  }						/* used on gallery pages */
	.arrowleft img {  		border:0;  }											/* used on gallery pages */
	.arrowright {  		float:right;  width:25%; text-align:right; margin-right:60px; padding-bottom:10px; }							/* used on gallery pages */
	.arrowright img {  		border:0;  }											/* used on gallery pages */
	.image_page {  		float:left; margin:0 30px 30px 0;  border:1px solid #bbb;  padding:5px;  }      					/* for displaying full image on gallery pages */
	.image_preview img {  	height:100px;  width:100px;  float:left; margin:0 5px 10px 5px;  border:1px solid #bbb; padding:5px; }		/* for displaying thumbnails on gallery pages */