body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*** General default settings first ***/
* {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6, pre, p, blockquote, ol, ul, dl, fieldset, address, form
{margin: .5em 5%;} 

dd { margin-left:5%; }

hr { margin-left:5%;  }

fieldset { padding: .5em; }
	
img {border: 0;}

a:link {
color: #A04F86;
font-weight: 700;
text-decoration: none; 
}

a:visited {
color: #753FA8;
font-weight: 700;
text-decoration: none; 
}

a:focus, a:hover, a:active {
color: #88A053;
font-weight: 700;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.1em;
	text-align: left;
	text-decoration: none;
}

/*** Getting consistent text sizes across browsers (IE5) ***/
body { font-size: 82%; }
/* Resets 1em to 12px - more or less. The more accurate value of 80% can cause a small gap at the bottom of the mainbox (due to rounding errors?)*/

h1 { font-size: 187.5%; font-weight: 700; color: #4D9406;}
h2 {font-size: 150%;	font-weight: 400;}
h3 { font-size: 125%; font-weight: 700; }
h4 { font-size: 100%; font-weight: 700; }
h5 { font-size: 87.5%; font-weight: 700; }
h6 { font-size: 82%; font-weight: 400; }
/* Headers sized taking body font-size into account to give equivalent to 150%, 120%, 100%, 80%, 70%, 64%. */

pre {font-size: 100%;}
/* To stop pre being too small */

/*** Layout stuff ***/
.container {
width: 90%;
margin: 0 auto;
text-align: left;
border: 1px solid #88A053;
}

.header {
padding: 0 0 1.5em 0;
text-align: left;
}

.leftbox {      
/* No side padding or borders to avoid IE5 box model problem */
position: absolute;
left: 5%;
width: 12em;
}

/* Rounded corner from http://www.roundedcornr.com/rc1.php */
.roundedcornr_box_494509 {
   background: #ccff9a;
}
.roundedcornr_top_494509 div {
   background:  url(optimage/roundedcornr_494509_tl.png) no-repeat top left;
}
.roundedcornr_top_494509 {
   background: url(optimage/roundedcornr_494509_tr.png) no-repeat top right;
}
.roundedcornr_bottom_494509 div {
   background: url(optimage/roundedcornr_494509_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_494509 {
   background: url(optimage/roundedcornr_494509_br.png) no-repeat bottom right;
}

.roundedcornr_top_494509 div, .roundedcornr_top_494509, 
.roundedcornr_bottom_494509 div, .roundedcornr_bottom_494509 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_494509 { margin: 0 30px; }

/*** Hack to stop IEwin breaking the layout if a floated right element reaches the bottom of the div ***/
/* Hide hack from IEmac \*/
* html .header {height: 1%;}
* html .menubox {height: 1%;}
* html .mainbox {height: 1%;}
* html .footer {height: 1%;}
/* End hide hack from IEmac */

.rightbox {      
/* No side padding or borders to avoid IE5 box model problem */
position: absolute;
right: 5%;
width: 18em;
color: #4D9406;
}

.mainbox {
margin: -.5em 18em 0 12em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
line-height: 1.4em;
text-align: left;
}

.mainbox h2, h4, h3 { margin-top: 0; } /* Nice for sub-headings in text */

/* A hack to stop IEwin breaking the layout if a floated right element reaches the bottom in .mainbox */

/* Hide hack from IEmac \*/
* html .mainbox {
	height: 1%;
	}
/* End hide hack from IEmac */

/*** Simple floats ***/
.floatleft {
float: left;
}

.floatright {
float: right;
}

/*** Floats for images in the textflow (not inside p tags etc.) ***/
.imageright {
float: right;
clear: right;
margin: 1em 5% .5em 1em;
}

.imageleft {
float: left;
clear: left;
margin: 1em 1em .5em 5%;
}

.imagespecial {
float: right;
clear: right;
margin: 1em 5% .5em 1em;
border: 3px solid #cccccc;
}
.imageright150 {
/* Width should be changed to suit image size */
float: right;	
clear: right;
margin: 1em 5% .5em 1em;
width: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
display: inline; /* To fix IE double margin bug */
background-color: #996666;
}


/*** Image gallery styling ***/

.right {text-align: right;}

.left {text-align: left;}

.center
 {text-align: center;}

.portfolioimage {
float: left;
margin: .5em 2em .5em 0;
font-family: Georgia, "New Century Schoolbook", Times, serif;
text-align: center;
color: #660000;
}

/*** Miscellaneous bits and bobs ***/
.marginshalfem { 
margin: .5em; 
vertical-align: middle; 
} 

.marginhack {
	margin: 0 5%;
	} 
	
/* To sort out IE5 float bug between header and mainbox */
.quotebox {
/* Apply to p tag etc. */
float: right;
clear: right;
width: 11em;
padding: 0.5em 0.5em;
display: inline; /* To fix IE double margin bug */
border: 3px solid #999999; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #660000;
background-color: #FFFFFF;
line-height: 1.2em;
margin:   1em;
}

.horizquotebox {
/* Apply to p tag etc. */
float: right;
clear: left;
width: 10em;
padding: 0.5em 0.5em;
display: inline; /* To fix IE double margin bug */
border: 3px solid #999999; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #660000;
background-color: #FFFFFF;
line-height: 1.2em;
margin:   1em;
}

/* hack needed for IE5win - corrected for IE6win and IE5mac */
* html .quotebox {
width: 10em;
w\idth: 9em;
}

.spacer {clear: both; } 	

.footer {
clear: both;
text-align: center;
}

/*** Hack to correct IEwin pixel-jog bug ***/
/* Hide hack from IEmac \*/
* html .floatright {margin-right: -3px;}
* html .floatleft {margin-left: -3px;}
/* End hide hack from IEmac */

/****** Suckerfish-style drop-down menu ******/
#nav { list-style: none; margin: 0; }

#nav ul { list-style: none; margin: 0; z-index: 200; }

#nav a {
display: block; 
font-weight: 700;
color: #A04F86;
text-decoration: none;
text-align: center;
line-height: 1.8;
}

#nav li {
float: left; 
clear: left;
margin: .2em 0;
padding: 0 0 .2em 0;
width: 9em; 
border: 1px solid #669900;
background-color: #ccff9a;
}

#nav li:hover, #nav li.sfhover {
background-image: none;
background-color: #BCD99F;
}

#nav li ul {
position: absolute;
width: 9em;
margin-left: -1000em; 
border-top: 1px solid #669900;
border-left: 1px solid #669900;
border-right: 1px solid #669900;
}

#nav li:hover ul, #nav li.sfhover ul {
margin-left: 9em;
margin-top: -1.875em; /* Interesting value! */
}

#nav li li a { text-align: left; }

#nav li li {
width: 9em; /* A 13.1em width hack here in ie.css */
border: 0;
margin: 0;
padding-left: .5em;
border-bottom: 1px solid #669900;
}

#nav li li:hover, #nav li li.sfhover {
background-color: #BCD99F;
}

/* Suckerfish dropdown 



#nav a:visited {
color: #753FA8;
font-weight: 700;
text-decoration: none; 
}

#nav a:focus, a:hover, a:active {
color: #88A053;
font-weight: 700;
text-decoration: none; }


#nav, #nav ul {
	padding: 0;
	margin-top: 5em;
	list-style: none;
	line-height: 1; 
	}

#nav a {
	display: block;
	width: 7em;
	line-height: 1.2em;
	text-align: left;
	padding: 4px;
	border-bottom: 1px solid #669900;
	}

#nav li {
	float: left;
	width: 7em;
	font-weight: 400; 
			}

#nav li ul {
	position: absolute;
	width: 7em;
	left: -999em;
	margin: -2.1em 0 0 0; 
		}

#nav li:hover ul, li.over ul{
	left: 7.5em; 
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em; 
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: 7.5em;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: 7.5em; 
	}

#nav li li:hover, #nav li li.sfhover {
background-color: #BCD99F;
}