/* css style sheet for GM Arb trees*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk*/
/*May 2008*/
/*
================= Colours ============================
LIGHT GREY: #EFEFEF
(background colour)
SILVER: #cccccc
(borders)

GREEN: #019933
LIGHT GREEN: #e5ffe4 (course description divs)
DARKER GREEN: #008d27 (course description div border)

*/


html {width:100%;font-size:101%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: auto;
	padding: 0;
	color: Black;
	background-color: #ffffff;
}
.clear {clear:both;}
img {border:none;}
a {text-decoration: none; color: #019933;}
a:hover {color: #D50000;}

/* --------------------------------wrappers --------------------------------- */ 
#wrapper{
	width:900px; height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent; 
	border: none;
}
#banner {padding: 0; background-color: transparent; margin: 0;} 


/* ----------------------------- menu ----------------------------------- */


#nav {float: left; padding: 0; margin: 0; width: 136px; height: 315px; background-image: url(../images/leaf_menu.jpg); background-position: top right; background-repeat: no-repeat;}
#nav ul.menuList {list-style: none; padding:0; float:left; font-size: 1.2em; width: 100%; margin:0;}
#nav ul.menuList li {padding:0; margin: 0;}

#nav ul.menuList li a,
#nav ul.menuList li a:link,
#nav ul.menuList li a:active,
#nav ul.menuList li a:visited {text-decoration: none; color: #708090; padding: 8px 15px; display: block;}

#nav ul.menuList li a:hover {color: #D50000; border-left: 5px solid #019933; padding: 8px 9px 8px 10px;  display: block; background-color: transparent;}

/*------------------------- floats ----------------------------------------*/
#twoColWrap {
	float: left;
	padding: 0;
	margin-left: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -5px;
	width: 858px;
	background-color: White;
	border-right: 1px #d1d1d1 solid;
	border-left: 1px #d1d1d1 solid;
	border-bottom: 1px #d1d1d1 solid;
	border-top: none;
	font-size: 0.9em;
}

#mainTextArea {float:left; margin:0; padding:25px; background-color: White; width: 77%; border: none;}



#footer{width: 858px; margin:0 20px; font-size: .8em; text-align: right; padding: 5px 0; float: right; height: 45px;}

.courseWrap {background-color: transparent; margin: 20px 0 0 20px; padding: 0; border-left: 1px double #008d27; width: 90%;}
.courseDark { background-color: #effcef; margin: 0; padding: 10px; width: 99%; float: none;}

.courseLight { background-color: #ffffff; margin: 0; padding: 10px; width: 99%; float: none;}

.floatRight {float:right; margin: 0;}
.floatLeft {float:left; margin: 0;}

.clear {	clear: both;}

/* ------------------------headers -----------------------------------------*/

h1 {
	padding: 0; margin: 0;
}

h2 {
	color: #709077; font-weight: lighter;
}

h3 {
	color: #709077; font-weight: lighter; font-size: 1.6em; font-style: italic; padding: 5px;}

h4 {color: #709077; font-size: 1.5em; font-weight: lighter; padding: 5px; font-style: italic;}

h5 {color: #709077; font-size: 1.2em; padding: 5px;}

/* ----------------------- lists --------------------------- */

.listHeading {list-style: url(../images/bullet1.jpg); list-style-position: outside; line-height: 1.6em; padding: 2px;}