/*Zero off all the browser defaults*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0;
}

/* Prevent Firefox from jumping around on short pages by setting the height and a 1px margin on the html*/
html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	background-image: url(../images/body_bg.jpg);/*set the body gradient image*/
	background-repeat: repeat-x;/*allow it to repeat in the X*/
	font-size: 100.01%;/*Set the font size 100.01% prevents odd scaling issues in some browsers*/
	font-family:  Arial, Helvetica, sans-serif;/*set the default font family*/
	color: #F2F2F2;/*set he default font colour for the design*/
	background-color: #656565;/* set the bg color to match the bottom of the gradient image*/
}

#wrapper {
	margin: 0 auto;/*set the margins to centre the page*/
	width: 712px;/*set a width on the wrapper*/
	font-size: 80%;/*scale the font off the body*/
	background-image: url(../images/wrapper_bg.jpg);/*set the wrappers bg image*/
	background-repeat: repeat-y;/*repeat the bg down the page*/
}

#header {
	background-image: url(../images/header_bg.jpg);/*set the bg image*/
	background-repeat: no-repeat;/*disable the repeat*/
	height: 90px;/*set a height - no text to worry about being resized - height needed to open the div to show the bg image*/
}

#strap {
	background-image: url(../images/strap_bg.jpg);/*set the bg image*/
	background-repeat: no-repeat;/*disable the repeat*/
	height: 146px;/*set a height - no text to worry about being resized - height needed to open the div to show the bg image*/
}

#straphome {
	background-image: url(../images/strap_bg.jpg);/*set the bg image*/
	background-repeat: no-repeat;/*disable the repeat*/
	height: 138px;/*set a height - no text to worry about being resized - height needed to open the div to show the bg image*/
}

#innerwrapper {
	background-image: url(../images/bridging_slice.jpg);/*set the bg image*/
	background-repeat: no-repeat;/*disable the repeat*/
}

/* set the leftcol navigation*/

#leftcol {
	float: left;/* float to the left*/
	width: 200px;/*set a width*/
	margin-left: 25px;/*set the margin*/
}

#leftcol ul {
	list-style-type: none;/*remove the bullets*/
}

#leftcol ul li {
	border-bottom: 1px solid #333;/*set the border style and colour*/
	border-left: 1px solid #333;/*set the border style and colour*/
	border-right: 1px solid #333;/*set the border style and colour*/
	width: 200px;/*set a width*/
	background-color: #414141;/*set a background colour*/
}

#leftcol li a {
	display: block;/*set to display block, make the link act like a button*/
	text-decoration: none;/*remove the underline*/
	color: #BCBDA0;/*set the colour*/
	padding: 4px 0 4px 2px;/*set a little padding for clearance off the li's edges*/
}

#leftcol li a:hover, #leftcol li a:focus {
	background-color: #C4C4C4;/*Change the bg colour on hover and focus*/
	color: #000; /*Change the colour on hover and focus*/
}

#leftcol h4 {
	margin: 20px 0 10px 0;	
	padding: 5px;
	background-color: #414141;
	color: #cdcd9b;
	font-size: 110%;
	text-align: center;
	display: block;	
}

#leftcol a	{
	text-decoration: none;/*remove the underline*/
	color: #FFFFFF;/*set the colour*/
	font-size: 1em;/*scale the font size off the body default*/
}

#leftcol p {
	font-size: 100%;
	color: #330000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 5px 0 5px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
}

blockquote {
	background-color: #660000;
	border: 5px solid #414141;
	padding: 10px;
	font-size: 90%;
	text-align: justify;
	margin: 25px 10px 15px 10px;
	}

blockquote:hover {
	border: #FF0000 solid 5px;
}			

#content {
	width: 440px;/*set a width for the content*/
	margin-left: 240px;/*set a left margin to clear the leftcol div*/
	/*background-image: url(../images/camel.jpg);/*set the bg image*/
	background-position: bottom right;/*set it to the bottom right corner*/
	background-repeat: no-repeat;/*disable the repeat*/
}

h1 {
	font-size: 1.5em;/*scale the font size off the body default*/
	padding: 10px 0;/*set the padding*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #CDCD9B;
	font-style: italic;
	font-variant: small-caps;
}

h2 {
	color: #463F37;/*set the colour*/
	font-family: Arial, Helvetica, sans-serif;/*set the font family to change from the default*/
	padding: 3px; /*set the padding*/
	margin-top: 5px;/*set the top margin*/
	font-weight: bold;/*set the font weight from the default bold*/
	border-bottom: 1px solid #414141;/*set the bottom border which sits on the ul's top edge, could also have been set on the UL rule*/
	font-size: 1em;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.3em;/*scale the font size off the body default*/
	padding: 10px 0;/*set the padding*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #cdcd9b;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
}


p {
	line-height: 125%;/*set the line height so we don't get the browsers default*/
	text-align: justify;
	font-size: 90%;
}

#footer {
	background-image: url(../images/footer_bg.jpg);/*set the bg image*/
	background-repeat: no-repeat;/*diable the repeat*/
	height: 59px;/*set the height to show the bg image*/
	margin-left: -1px;/*adjusts the footer's position*/
	clear: both;/*Clears the left col and any floats that may be set to the right*/
}

#footer p {
	font-size: 95%;/*set the font-szie*/
	float: left;/*float the copyright to the right*/
	color: #ac998a;/*change the default colour*/
	margin: 20px 0px 0 25px;
}

/*align images to the left int he content area*/

.left {
	float: left;/*add a border*/
	margin: 5px 10px 2px 0;/*set the margins*/
}

.right {
	float: right;/*float to the right*/
	border: 1px solid #000;/*add a border*/
	margin: 5px 0px 5px 10px;/*set the margins*/
}

a	{
	text-decoration: none;/*remove the underline*/
	color: #FFFFFF;/*set the colour*/
	font-size: 0.9em;/*scale the font size off the body default*/
}	

a.center	{
	margin-left: 100px;
}