/* CSS Document */

html	{
	font: 62.5%/1.5 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	padding: 0;
}

body	{
	background: url(../images/bg.jpg) repeat-x;
	color: #656565; /*ash*/
	font-size: 1.2em;
}

h1	{
	color: #54B848; /*green*/
	font-size: 1.6em;
}

h2	{
	color: #54B848; /*green*/
	font-size: 1.4em;
}

h3	{
	color: #FEEF6E; /*yellow*/
	font-size: 1.4em;
	font-weight: normal;
}

a img	{
	border-style: none;
}

#wrapper	{
	margin: 0 auto;
	width: 800px;
}

#header	{
	background: url(../images/tree.png) top right no-repeat;
	height: 122px;
	position: relative;
	width: 800px;
}

#contact	{
	color: #fff;
	height: 120px;
	position: absolute;
	right: 130px;
	text-align: right;
	top: 40px;
	width: 300px;
}

#contact a	{
	color: #fff;
}

#logo	{
	background: url(../images/logo.png) no-repeat;
	height: 99px;
	left: 0;
	position: absolute;
	top: 23px;
	width: 328px;
}

#top-curves	{
	background: url(../images/container-top.png) no-repeat;	
	height: 13px;
	width: 802px;
}

#container	{
	background: #fff;
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #9B9B9B;
	float: left;	
	margin: 0;
	width: 800px;
}

#bottom-curves	{
	background: url(../images/container-bottom.png) no-repeat;	
	height: 13px;
	float: left;
	margin: 0 0 25px 0;
	width: 802px;
}

/*___________________________________Nav styling___________________________________*/

#nav	{
	margin: 20px 0 0 0;
}

#nav ol	{
	list-style-type: none;
}

#nav ol li	{
	border: 1px solid #fff;
	display: block;
	float: left;
	font-size: 1.2em;
	margin: 0 10px;
	padding: 0 10px;
	position: relative;
}

#nav ol li:hover, #nav ol li.active	{
	background: url(../images/nav-bg.jpg) repeat-x;
	border: 1px solid #F2E46A;
}

#nav ol li a	{
	color: #656565;
	text-decoration: none;
}

/*___________________________________Drop downs___________________________________*/

#nav ol ol {
	background: #F1E14E;

	margin: 0 0 0 -11px;
	padding: 10px 0;
	position: absolute;
	width: 220px;
	z-index: 500;
}

*:first-child + html #nav ol ol	{
	left: 10px;
	top: 23px;
}

#nav ol ol li {
	background: none;
	border: none;
	float: none;
	margin: 3px 0;
	padding: 0 0 0 15px;
}

#nav ol ol li.active {
	background: none;
	border: none;
}

#nav ol ol li:hover {
	border: none;
	background-color:#FFF;
	border-left: 8px solid #54B848;
	padding: 0 0 0 10px;
	color: #000
}

#nav ol ol li a	{
	font-size: 0.8em;
}

div#nav ol ol {
	display: none;
}

div#nav ol li:hover ol	{
	display: block;
}

#nav ol ol ol {
	position: absolute;
	top: 0;
	left: 100%;
}

div#nav ol ol, div#nav ol li:hover ol ol, div#nav ol ol li:hover ol ol	{
	display: none;
}

div#nav ol li:hover ol, div#nav ol ol li:hover ol, div#nav ol ol ol li:hover ol	{
	display: block;
}


#images	{
	background: url(../images/people.jpg) no-repeat;
	border-bottom: 1px solid #9B9B9B;
	border-top: 1px solid #9B9B9B;
	height: 192px;
	margin: 65px 0 0 0;
}

#leftPane	{
	float: left;
	padding: 20px;
	width: 450px;
}

#rightPane	{
	float: left;
	padding: 20px 20px 20px 50px;
	width: 225px;
}

.register	{
	margin: 0 0 0 20px;
}

.newsevents	{
	margin: 0 0 0 -40px;
}

.newsevents li	{
	border-bottom: 1px dotted #E2E2E2;
	list-style-type: none;
	padding: 10px 0;
}

.newsevents a	{
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
}

.newsevents a:hover	{
	font-size: 0.8em;
	text-decoration: underline;
}

#footer	{
	color: #C4C4C4; /*light grey*/
	font-size: 0.8em;
	margin: 0 0 0 20px 0;
	text-align: center;
}

#footer a	{
	color: #656565;
	text-decoration: none;
}

#footer a:hover	{
	border-bottom: 1px dashed #9B9B9B;
	text-decoration: none;
}

/*tanya's styles*/
h2.subheading	{
	color: #54B848; /*green*/
	font-size: 1.2em;
}