/*  web.css
	(c) 2009 Reynard Thomson	
*/

  * { 
  	margin: 			0; 
  	padding: 			0; 
  }

  body {
	background: 		#ccccdf;
    	font-family: 		'Lucida Grande',Arial,sans-serif;
    	font-size: 		12px;
    	line-height: 		18px;
	text-align:		center;
  }
  p,
  ul,
  ol { 
    	margin-bottom: 	18px; 
  }
  p.inline {
	display: inline;
  }
  p.rightalign {
	text-align:		right;
  }
  ul {
    	list-style-type: 	square;
    	margin-left: 		2em;
  }
  h1 { 
    	color: 			#778;
    	font-size: 		24px; 
    	line-height: 		36px;
    	margin-bottom: 	18px; 
  }
  h2 { 
    	color: 			#a39c8d;
    	font-size: 		18px; 
    	line-height: 		18px; 
    	margin-bottom: 	18px;
  }
  h3 { 
    	font-size: 		12px; 
    	line-height: 		18px; 
  }
  .left { 
    	float: 			left; 
	margin:			0 18px 18px 6px;
  }
  .right { 
    	float: 			right; 
    	margin: 			0 6px 18px 18px; 
  }
  .callout, 
  .calloutcolourised {
    	font-size: 		11px;
    	padding: 			6px 6px;
    	margin-bottom: 	18px; 
  }
  .calloutcolourised {
    	color: 			#635c4d;
    	background: 		#f1f2e7;
    	border: 			1px solid #ddd;
  }
  .callout :last-child, 
  .calloutcolourised :last-child { 
    	margin-bottom: 	0; 
  }
  .callout h4,
  .calloutcolourised h4 { 
    	font-size: 		11px; 
    	line-height: 		18px; 
  }

  .fullwidth, .column {
    	padding: 			6px 12px 12px 12px; 
	background:		white;	
  }
  .fullwidth {
     width:			736px;
	border-left:		1px solid #778;
	border-right:		1px solid #778; 
	border-bottom:	1px solid #778;
  }
  .column { 
    	float: 			left; 
    	width: 			500px;
	border-left:		1px solid #778;
	border-bottom:	1px solid #778;	
  }
  .sidebar {
    	width: 			200px;
    	font-size: 		11px;
    	color: 			#635c4d;
	border:			1px solid #778;
  }
  #content {
	position:			relative;
	background:		white;
   	margin: 			12px auto 0px auto; 
    	min-width: 		760px;
    	max-width: 		760px;
    	_width: 			760px;
	text-align:		left;
  }
  #leftinsetimage {
    	width: 			180px;
  }
  img.headerbanner {
	border:			1px solid #778;
     margin:			0;
  }
  div#contactFormDiv {
	margin:			0 20px 20px 20px;
  }
#footer
{
	position:		relative;
	width:			760px;
	margin:			0 auto 0 auto;
	text-align:		left;
}
#footer p
{
	color:			#778;
	font-size:		10px;
}
#footer p.footerleft {
	float			: left;
}
#footer p.footerright {
	float			: right;
}
#navcontainer
{
	position: absolute;
	text-align: right;
	width: 500px;
	top: 70px;
	left: 240px;	
}


#navlist
{
padding: 3px 0;
margin-left: 0;
font: bold 12px 'Lucida Grande',Arial,sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.3em;
margin-left: 1px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}