/* ====== Layout ====== */

body {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

#wrapper-main {
	width: 700px;
	padding: 0px 13px;
	margin: 0 auto;
}

* html #wrapper-main {
	width: 726px;
	w\idth: 700px;
}

#header {
	padding-top:1px;
}

#head-content-top{
	margin: 6px 0px 0px 0px;
	height: 13px;
	padding: 0px 0px 5px 0px;
}

* html #head-content-top {
	height: 25px;
	he\ight: 13px;
}

#head-bot-left{
	margin:0px;
	width:9px;
	height:13px;
	float:left;
	position:relative;
	top:87px;
}

#head-bot-main{
	margin:0px;
	padding-top: 1px;
	height:100px;
}


#head-logo {
	float:left;
	margin:2px 7px 7px 7px;
}

#head-quote {
	margin:8px 0px 0px 390px;
	padding:12px 8px 0px 10px;
	height:79px;
	width:278px;
	position:relative;
}

* html #head-quote {
	width: 678px
	height: 99px;
	w\idth: 278px;
	he\ight: 79px;
}

#head-quote-inner {
	height: 38px;
}

#head-quote-ladybird {
	padding-left:240px;
	padding-top:17px;
}

#container {
	clear: both;
	margin:0px;
	padding:9px 0px 0px 0px;
}

#left {
	float: left;
	width: 150px;
	padding: 0px;
	margin: 0px;
}

#content {
	float: left;
	width: 382px;
	padding-left: 9px;
	min-height:400px;
}


* html #content {
	width: 391px;
	w\idth: 382px;
}

#right {
	float: right;
	width: 150px;
}





/* ====== Fonts and colours ====== */

body {
	background-color:#AFD0F8;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#04391A;
}

h1 {
	font-size:150%;
	margin: 0px;
	margin-bottom:0px;
}

h2 {
	font-size:110%;
	color:white;
	margin: 0px;
	margin-bottom:3px;
}

h3 {
	font-size:60%;
	color:#A4D725;
}

h4 {
	font-size:100%;
}

#wrapper-main {
	text-align: left;
	background-image: url(images/mid-background.gif);
	background-repeat:repeat-y;
	background-color:none;
}

p {
	margin:7px 0px;
	font-size: 13px;
}
 
img {
	border:0px;
}

.redwarning {
	color:#FF0000;
}

/* ====== Hyperlinks ====== */

#footer-text a:link,#footer-text a:visited,#footer-text a:active {color:#333; text-decoration:none;}
#footer-text a:hover {color:#333; text-decoration:underline;}

#content a:link, #content a:visited, #content a:active { color:red; font-weight:normal; text-decoration:underline;}
#content a:hover { color:red; font-weight:normal;  text-decoration:underline; }

#side-b a, #side-b a:visited, #side-b a:active { color:white; font-weight:bold; text-decoration:underline;}
#side-b a:hover { color:white; font-weight:bold;  text-decoration:underline; }

.tab a:link, .tab a:visited, .tab a:active {color:#ffffff; text-decoration:none; margin-left:0px;}
.tab a:hover {color:#A4D725; text-decoration:none; margin-left:0px;}


/* ====== Header ====== */

#head-content-top {
	background-image:url(images/head_top_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#A4D725;
}


#head-bot-main{
	background-image:url(images/head_bot.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#A4D725;
}

#head-quote {
	background-image:url(images/quote.gif);
	background-repeat:no-repeat;
}


.head-quote {font-size:110%;color:#ffffff;line-height:14px;font-weight:bold;font-style:italic;}
.head-quotes {font-size:150%;color:#A4D725;line-height:14px;font-weight:bold;font-style:italic;}
.head-quote-ref {font-size:90%;color:#A4D725;padding-left:5px; padding-right: 10px;}
 


/* ======= Left hand navigation ====== */

#side-a {
	background-image:url(images/col_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#006633;
 	height:auto;
	padding-top:10px;
}

#side-a-bot {
	background-image:url(images/col_bot.gif);
	background-repeat:no-repeat;
	background-color:#006633;
	height:auto;
/* 	/margin-right:6px; */
	line-height:0px;
	height:13px;
	margin-top:3px;
}


.tab-top {
	display: none;
}

.tab {
	background-image: url(images/menu_bot.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #004e27;
	margin: 4px 7px 0px 6px;
	color:white;
	font-size:95%;
}

.tab ul {
	background-image: url(images/menu_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	padding:6px 3px 4px 8px;
}



/* 

.tab-top {
	background-image:url(images/menu_top.gif);
	background-repeat:no-repeat;
	height:6px;
	margin-left:6px;
	width:137px;
	margin-top:4px;
	padding:0px;
}

.tab {
	background-image:url(images/menu_bot.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:6px;
	padding:0px 3px 4px 8px;
	width:126px;
	color:white;
	font-size:95%;
}


.tab ul {
	margin: 0px;
	padding: 0px;
}

*/

.tab li {
	list-style-image:url(images/menu-dent.gif);
	list-style-position:outside;
	padding-left: 0px;
	margin-left: 15px;
	margin-right: 3px;
}

.tab ul ul {
	margin: 0px;
	padding: 0px;
	background-image: none;
}

.tab li li {
	list-style-image:url(images/menu-dent.gif);
	list-style-position:outside;
	padding-left: 0px;
	margin-left: 12px;
	margin-top: 3px;
	font-style:italic;
}


/* ====== Right hand column ====== */

#side-b-image {
	margin-bottom: 9px;
}

#side-b {
	margin:0px;
	padding: 13px 10px 1px 10px;
	background-image:url(images/col_top.gif);
	background-repeat:no-repeat;
	color:#A4D725;
	background-color:#006633;
}

blockquote.star{
float:right;
width:43px;
height:44px;
margin:0px;
}

/**
 * Fix for IE italics rendering bug
 * (http://www.positioniseverything.net/explorer/italicbug-ie.html)
 */
  
/* \*/
 * html #side-b { height: 1%; overflow: visible; }
/* */


#side-b-bot {
	margin:0px;
	padding:0px;
	background-image:url(images/col_bot.gif);
	background-repeat:no-repeat;
	color:#A4D725;
	background-color:#006633;
	line-height:0px;
	height:13px;
}


#side-b-content{
	padding:0px 0px 10px 0px;
	padding-top:0px;
	line-height:1.2em;
}

#side-b-nomar {
	margin:0px;
}


/* ====== Content ====== */

.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}

.rbcontent { margin: 0px 10px; }
.rbroundbox { width: 100%; margin: 10px auto; }



	
/* ====== Footer ====== */

#footer-text {
	clear: both;
	color:#333;
	font-size:9px;
	padding-left:0px;
	margin-top: 0px;
}


#footer-corners {
	width: 726px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height:10px;
}


#footer-left {
	float:left;
}

#footer-right {
	float:right;
	clear:none;
}





/* ====== Grass ====== */

#grass {
	position: relative;  /* Needed for Safari */
	background-image:url(images/grass_background.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width:100%;
	height:132px;
}