/*-----------------------------------------------------------------------------
Basic Style Sheet

version: 1.0
media:	 all
author:	 joanna bell
email:	 gingerjo@btopenworld.co.uk
website: www.gingerjo.me.uk
-----------------------------------------------------------------------------*/



/*General Page Layout
-----------------------------------------------------------------------------*/
* {
  margin: 0; /* Zero down margin on all elements */
  padding: 0; /* Zero down padding on all elements */
}

body /* the body of the page including the background displayed around the edges */
{
		background-color: #bad9af; /* sets background color for whole page */
		font-family: "Verdana", "Helvetica", "Arial", sans-serif; /* sets font for whole page */
		text-align: center;
		min-width: 760px;
}
	
#wrapper /* the display area of the page */
{
		background: #fffffe;
		width: 750px;
		margin: 0 auto;
		text-align: left;
}
		
/*Banner Panel
-----------------------------------------------------------------------------*/
#banner /* the company logo and banner area */
{
 		height: 125px;
		background: #b1b374 url(../graphics/banner04.jpg) no-repeat 100%;
}

#banner span
{
		display: none;
}

/*Horizontal Navigation
-----------------------------------------------------------------------------*/
#menu
{
height: 2.2em;
line-height: 2.2em;
width: 748px;
margin: 0 0px;
background: #000000;
color: #fdffa6;
border-left: 1px solid #fdffa6;
border-right: 1px solid #fdffa6;
}

#menu li
{
float: left;
list-style-type: none;
border-right: 1px solid #fdffa6;
white-space: nowrap; /*stops word wrapping in menu in IE6*/
}

#menu li a
{
display: block;
padding: 0 10px;
font-size: 0.9em;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background-color: inherit;
color: #fdffa6;
}

* html #menu a {width:1%;}

#menu .selected,#menu a:hover{
background: #8e1701;
color: #fdffa6;
text-decoration: none;
}

/*Breadcrumb Navigation
-----------------------------------------------------------------------------*/
#breadcrumb
{
		background: #000000;
		border-top: 1px solid #fdffa6;
		border-left: 1px solid #fdffa6;
		border-right: 1px solid #fdffa6;
}

#breadcrumb p
{
		color: #fdffa6;
		font-size: 0.7em;
		margin: 0px 20px 0px 20px;
		padding: 8px 0 1px 0;
}

#breadcrumb a
{
		color: #fdffa6;
		text-decoration: none;
}

#breadcrumb a:hover
{
		color: #fda85b;
		text-decoration: underline;
}


/*Content Panel
-----------------------------------------------------------------------------*/
#content /* page content area */
{
		width: 750px;
		float: left;
}

#content span
{
		display: none;
}

#content *
{
		padding: 0;
}

#content li 
{
 	 	font-size: 100%;
		color: #211e0d; /* dark brown text */
		list-style: disc outside none;
		font-family: verdana, sans serif;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 2px;
		margin-left: 55px;
}

#content a
{
		color: #cc3300;
		text-decoration: underline;
}

#content a:hover
{
		color: #ff9933;
		text-decoration: underline;
}

#content a:visited
{
		color: #336600;
		padding: 0;		
}

/*Footer Panel
-----------------------------------------------------------------------------*/
#footer /* footer area at the bottom of the page */
{
		clear: both;
		background-color: #000000;
		color: #fdffa6;
		padding: 10px 20px;
		text-align: right;
		font-size: .8em;
		border-top: 3px solid #fdffa6;
		border-bottom: 1px solid #fdffa6;
		border-left: 1px solid #fdffa6;
		border-right: 1px solid #fdffa6;
}

#footer  p
{
		color: #fdffa6;
		text-align: right;
}

#footer a
{
		color: #fda85b;
		text-decoration: none;
		padding: 0;
}

#footer a:hover
{
		text-decoration: underline;
		padding: 0;
}

/* General Styling
-----------------------------------------------------------------------------*/
h1
{
		font-size: 2.4em;
		font-weight: normal;
		color: #8e1701;
		text-align: center;
		margin: 20px;
}
	
h2
{
		font-size: 2.0em;
		font-weight: normal;
		color: #fda85b;
		margin: 20px;
}

h3
{
		font-size: 2.0em;
		font-weight: normal;
		color: #ff6600;
		margin: 20px;
}

h4
{
		font-size: 1.0em;
		font-weight: bold;
		color: #990000;
		margin: 20px;
		text-align: right;
}

h5 
{
 	  	font-size: 110%;
		font-family: verdana, sans serif;
		color: #990000;
}

p 
{
 	  	font-size: 100%;
		font-family: verdana, sans serif;
}

img 
{
		padding-top: 10px;
		padding-bottom: 10px;
}

.skipLinks 
{
		display: none;
}

/*Classes
------------------------------------------------------------------------------*/
.font85percent
{
		font-size: 85%;
}

div.floatleft
{
		float: left;
		position: relative;
		width: 50%;
}

div.floatright
{
		float: right;
		position: relative;
		width: 50%
}

div.floatleft p
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 20px;
	text-align: justify;
}

div.floatleft h2
{
	font-size: 2.0em;
	font-weight: normal;
	color: #fdffa6;
	background-color: #8e1701;
	padding: 20px;
}

div.floatright p
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 40px;
	text-align: justify;
}

div.gen
{
	float: left;
	position: relative;
	width: 100%;
}

div.gen h5
{
	margin: 20px 30px 10px 30px;
}

div.gen p
{
	margin: 20px 30px 10px 30px;
	text-align: justify;
}



/* Styling the Thumbnails
-----------------------------------------------------------------------------*/

div.thumbnail
{
 		 width: 710px;
		 /*float: left;*/
		 margin-left: 17px;
		 /*border: 3px double #624c2d;*/
		 background-color: #fffffe;
}

div.thumbnail img
{
 		 margin: 10px 10px 10px 10px;
		 /*float: left;*/
}

div.thumbnail h4,p
{
         margin-top: 10px;
		 margin-bottom: 10px;
		 margin-left: 50px;
		 margin-right: 50px;
}

.clear
{
         clear: left;
}

.boxright
{
		position: relative;
		float: right;
		width: 48%;
		color: #FFFFCC;
		background-color: #000000;
		margin-top: 10px;
		margin-bottom: 10px;
		border-right: 1px solid #fdffa6;
}

.boxright h2
{
		font-size: 1.7em;
		font-weight: normal;
		color: #fda85b;
		margin: 20px;
}

.boxleft
{
		position: relative;
		float: left;
		width: 45%;
		color: #FFFFCC;
		background-color: #000000;
		margin-top: 10px;
		margin-bottom: 10px;		
		border-left: 1px solid #fdffa6;
}

.boxleft h2
{
		font-size: 1.7em;
		font-weight: normal;
		color: #fda85b;
		margin: 20px;
}