/*___________________  / General Styles */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #666;
   	background: #FFF url(../images/header_bg.gif) repeat-x left -1px;
}


h1	{
	font-size: 150%;
	padding:0 0 20px 0;
	color:#004E72;
	font-weight:normal;
}

h1 span {
	display:block;
	margin-top: 5px;
	font-size:80%;
}


h2	{
	font-size: 120%;
	line-height: 1.2em;
	padding:0 0 10px 0;
}

h3	{
	font-size: 110%;
	color: #333;
	font-weight: bold;
	margin: 2px 0;
	font-weight:normal;
}

h4	{
	font-size: 100%;
	margin: 4px 0;
	clear:both;
	display:block;
}

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


ul, ol	{
	padding:0;
	list-style-type:none;
}

address	{
	margin: 5px 0;
}
img	{
	border:none;
}

img	a {
	border:none;
}

a, a.visited {
	color: #000;
	text-decoration: none;
}

a:hover, a.selected	{
	text-decoration: underline;
}

blockquote	{
	font-size: 130%;
	margin-top: 30px;
   	background: url(../images/quote.gif) no-repeat left top;
}

blockquote p	{
   	background: url(../images/quote.gif) no-repeat right bottom;
	padding: 15px;
	color:#666;
}

/* _____________________________________________________________________________________Contentwrappers */

#pagewrapper { 
   margin:auto;
   width: 780px;
   position:relative;
   height:1%;
   background: url(../images/header.jpg) no-repeat left top;
} 
/* _____________________________________________________________________________________ Header Styles */
#header	{
	height:200px;
	position:relative;
}

.logo	{
	position:absolute;
	top: 88px;
	left: 47px;
}

#tagline	{
	text-indent: -9000px;
	height: 62px;
	width: 474px;
   	background: url(../images/tagline.gif) no-repeat left top;
	position:absolute;
	top: 83px;
	left: 290px;
}


#maincontent { 
   float:left;
   padding: 20px 0 50px 30px;
} 

.leftwrapper	{
	float:left;
	width: 400px;
	padding: 0 50px 0 20px;
}

.rightwrapper	{
	float:right;
	width: 220px;

}

/* _____________________________________________________________________________________ Columns  -  Homepage */

#columns	{
	clear:both;
	padding-top: 20px;
}

#column1,
#column2,
#column3	{
	float:left;
	width: 230px;
	margin-right: 25px;
}

#column3	{
	margin-right: 0;
}

.columnheader	{
	background-color:#FFF;
	position:relative;
	margin-bottom:10px;
}

.columnheader h2	{
	color:#FFF;
	text-align:right;
	position:absolute;
	top: 150px;
	right:20px;
	width:180px;
}

.columnheader h2 span	{
	display:block;
	font-size: 80%;
	line-height:130%;
	font-weight:normal;
}

#column2 h2,
#column3 h2	{
	text-align:left;
	left:20px;
	width:180px;
}

#columns h3,
.rightwrapper h3 {
	font-size: 100%;
	padding: 0 20px;
}
#columns a,
#columns ul,
.rightwrapper ul,
.leftwrapper ul {
	padding: 0 20px;
	margin-bottom:20px;
}

#columns a {
display:block;
padding-bottom:0;}

#columns p {
padding-bottom:0;}

/*#column1 h3	{
	color:#069 
}

#column2 h3	{
	color:#C60 
}

#column3 h3	{
	color:#906 
}*/

#column1 .columnheader	{
   	background: #069 url(../images/columnheader_trevor.jpg) no-repeat left top;
	height: 225px;
	width: 231px;
}

#column2 .columnheader	{
   	background: #C60 url(../images/columnheader_helen.jpg) no-repeat left top;
	height: 225px;
	width: 231px;
}

#column3 .columnheader	{
   	background: #906 url(../images/columnheader_claire.jpg) no-repeat left top;
	height: 225px;
	width: 231px;
}

#column1 ul li,
#column2 ul li,
#column3 ul li,
ul.simplelist li {
	padding: 5px 0 5px 18px;
}

#column1 li,
#trevor ul.simplelist li {
   	background: url(../images/bullet_trevor.gif) no-repeat left  9px;
}

#column2 li {
   	background: url(../images/bullet_helen.gif) no-repeat left  9px;
}

#column3 li {
   	background: url(../images/bullet_claire.gif) no-repeat left  9px;
}

#column1 a {
   	background: url(../images/arrow_trevor.gif) no-repeat left 3px;
	padding-left:20px;
	margin-left:20px;
	color:#069
}
#column2 a {
   	background: url(../images/arrow_helen.gif) no-repeat left 3px;
	padding-left:20px;
	margin-left:20px;
	color:#C60 
}
#column3 a {
   	background: url(../images/arrow_claire.gif) no-repeat left 3px;
	padding-left:20px;
	margin-left:20px;
	color:#906 
}

/* _____________________________________________________________________________________ Navigation Elements */

ul.horizbulletmenu {
	float:right;
	list-style-type:none;
	margin: 10px 10px 0 0;
}

ul.horizbulletmenu li {
	display:inline;
}


ul.horizbulletmenu li a {
	background: url(../images/arrow.gif) no-repeat left;
	padding-left: 20px;
	text-decoration:none;
	color: #999;
}

ul.horizbulletmenu li a:hover, ul.horizbulletmenu li.selected a {
	text-decoration:underline;
}

/* __________________________________________________________________________________Horizontal Block Menu */

ul.horizblockmenu {
	list-style-type:none;
	position:absolute;
	top: 150px;
	left:288px;
}

ul.horizblockmenu li {
	display:inline;
	font-size:80%;
}


ul.horizblockmenu li a {
	padding: 2px 5px;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:8px
	
}
ul.horizblockmenu li a span {
	display:block;
	font-size:70%;
	line-height:120%;
}

ul.horizblockmenu li a:hover, ul.horizblockmenu li.selected a {
	text-decoration:underline;
}

#footer	{
	clear:both;
	margin-top: 30px;
}

/* _____________________________________________________________________________________ General Use Classes */

.author	{
	margin-left: 15px;
}
.notes	{
	font-size: 85%;
}

.left	{
	float:left;
}

.right	{
	float:right;
}

/* Internal links */

.mainlink a {
	color: #000;
	margin-left:10px;
   	background: url(../images/arrow_trevor.gif) no-repeat left 3px;
	padding-left:20px;
	color:#069
}

.mainlink a:hover {
	text-decoration: underline;
}

.clear	{
	clear: both;
}

.summary	{
	font-size: 1.1em;
	margin: 5px 0;
}

.hidden	{
	text-indent: -8000px;
}

.nodisplay	{
	display:none;
}
/* _____________________________________________________________________________________ Colour Styles */
#trevor #column1,
#helen #column2 {
	margin-right:0;
}

#trevor #column1 h2,
#helen #column2 h2,
#claire #column3 h2 {
	display:none;
}

#trevor #maincontent h1,
#helen #maincontent h1,
#claire #maincontent h1 {
	padding-top: 25px;
}

#trevor h1,
.trevor a	{
	color:#069;
}

#helen h1,
.helen a	{
	color:#C60;
}

#claire h1,
.claire a	{
	color:#906;
}

#trevor .mainlink a {
   	background: url(../images/arrow_trevor.gif) no-repeat left 3px;
	color:#069;
}
 
#helen .mainlink a {
   	background: url(../images/arrow_helen.gif) no-repeat left 3px;
	color:#C60;
}
 
#claire .mainlink a {
   	background: url(../images/arrow_claire.gif) no-repeat left 3px;
	color:#906;
}
 
/*_________________________________________________________________________________________  / Form Styles */


.button {
	background: #FFF url(../images/bg_button.jpg) repeat-x bottom;
	padding: 2px 4px;
	border: 1px solid #CCC;
	margin: 0;
	font-weight:bold;
	font-size: 80%;
}

label	{
	float:left;
	clear:left;
	margin: 5px 0 2px 0;
}

.control {
	clear:both;
	display:block;
	float:left;
}

textarea {
	clear:both;
	display:block;
	float:left;
}
fieldset	{
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #9CC;
}
legend {
	font-weight:bold;
	padding: 0;
	color:#333;
}