html, body {
	margin:0;
	padding:0;
	text-align:center;
	background-color: #C3D4FF;
	background-image:url(images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif; 
}
#pagewidth {
	width:820px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#header {
	margin-top:30px;
	position:relative;
	height:125px;
	background-image:url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:100%;
	text-align:left;
}
#header img{
	margin-top:20px;
	margin-left:20px;
	float:left;
}

#header span{
display:block;
float:right;
width:160px;
padding-right:40px;
padding-top:30px;
}
#header ul{
display:block;
float:right;
padding-top:0px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
margin:0px;
}
#header li{
font-size:12px;
color:#0066CC;
}
#nav {
	position:relative;
	height:26px;
	background-color:#fffef2;
	background-image:url(images/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 800px;
	margin-left:10px;
	text-align:left;
}
#nav ul{
list-style: none;
margin:0px;
padding:0px;
}
#nav li{
list-style: none;
margin:0px;
padding:0px;
float:left;
}
/* Main navigation starts here  */
#nav li a:link{
float:left;
font-size: 12px;
display: inline;
height:21px;
width:inherit;
padding-top:5px;
padding-left: 10px;
padding-right: 10px;
color:#ffffff;
text-decoration: none;
text-align:center;
}
#nav li a:visited{
float:left;
font-size: 12px;
display: inline;
height:21px;
width:inherit;
padding-top:5px;
padding-left: 10px;
padding-right: 10px;
color:#ffffff;
text-decoration: none;
text-align:center;
}

#nav li a:hover{
float:left; 
font-size: 12px;
display: inline;
height:21px;
width:inherit;
padding-top:5px;
padding-left: 10px;
padding-right: 10px;
color:#ffffff;
text-decoration: none;
text-align:center;
background-color: #C3D4FF;
}
#dropmenudiv{
position:absolute;
border:1px solid #cccccc;
border-bottom-width: 0;
font:normal 12px Verdana;
text-align: left;
line-height:18px;
z-index:100;
background-color:#1dba9d;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #cccccc;
padding: 1px 0;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#1dba9d;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #068f76;
}

#maincol {
	
	float:right;
	display:inline;
	position:relative;
	width:780px;
	padding-left:20px;
	padding-right:20px;
	paddin-top:10px;
	font-family:Helvetica, sans-serif;
	text-align:left;
	border-color:#000000;
	border:thin;
	background-image:url(images/maincol_bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
#maincol p{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}
#maincol ul{
font-size:12px;
color:#333333;
padding:0px;
margin:0px;
}
#maincol li{
font-size:12px;
color:#333333;
margin-left:20px;
}
#maincol h1{
font-size:16px;
line-height:16px;
color: #000000;
margin-top:10px;
}
#maincol h2{
font-size:14px;
line-height:16px;
color: #333333;
margin-bottom:5px;
}
#maincol a:link{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}
#maincol a:visited{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}

#maincol a:hover{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}
#maincol li a:link{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}
#maincol li a:visited{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}

#maincol li a:hover{
font-size:12px;
line-height:16px;
color:#333333;
margin-top:0px;
margin-bottom:30px;
}


/*used for testimonials*/
#maincol h4{
font-size:14px;
line-height:16px;
color: #333333;
margin-bottom: 3px;
}

#maincol h5{
font-weight:500;
font-size:12px;
line-height:16px;
color: #333333;
margin-top: 3px;
margin-bottom: 3px;
}
/*used for testimonials*/
#maincol h6{
font-size:10px;
line-height:16px;
color: #333333;
margin-top:0px;
margin-bottom: 0px;
}
#maincol h7{
font-size:14px;
line-height:16px;
color: #333333;
margin-bottom:20px;
margin-top:0px;
}
#maincol img{
margin-top:10px;
margin-right:10px;
}

#footer {
	height:45px;
	clear:both;
	text-align:center;
	font-size:12px;
	color:#aaaaaa;
	padding-bottom:10px;
	border-color:#000000;
	border:thin;
	background-image:url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	line-height: 18px;
}
#footer a{
text-decoration:none;
}


#footer span{
}
#footer span a{
text-decoration: underline;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */
#feedbox{

}


#indextestimonial{
background-image:url(images/testimonials_bg.jpg);
background-repeat: repeat-x;
background-position: top;
height:245px;
width:255px;
}
#indextestimonial h2{
color:#FFFFFF;
font-size:16px;
font-weight:500;
display:block;
padding:10px;
margin:0px;
margin-bottom:0px;
}
#indextestimonial ul{
list-style: none;
margin:0px;
padding:0px;
}
#indextestimonial li{
list-style: none;
margin:0px;
padding:0px;
color:#FFFFFF;
font-size:12px;
margin-left:10px;
margin-bottom: 10px;
width:220px;
}

#indextestimonial p{
margin:0px;
}
#indextestimonial img{
margin-left:10px;
}
#indextestimonial li a:link{
color:#FFFFFF;
font-size:12px;
}
#indextestimonial li a:visited{
color:#FFFFFF;
font-size:12px;
}
#indextestimonial li a:hover{
color:#FFFFFF;
font-size:12px;
}
#indexnews{
background-image:url(images/recentnews_bg.jpg);
background-repeat: repeat-x;
background-position: top;
height:245px;
width:253px;
}
#indexnews h2{
color:#FFFFFF;
font-size:16px;
font-weight:500;
display:block;
padding:10px;
margin:0px;
margin-bottom:0px;
}
#indexnews img{
margin-left:10px;
}
#indexnews ul{
list-style: none;
margin:0px;
padding:0px;
}
#indexnews li{
list-style: none;
margin:0px;
padding:0px;
color:#FFFFFF;
font-size:12px;
margin-left:10px;
margin-bottom: 10px;
width:220px;
}
#indexnews li a:link{
color:#FFFFFF;
font-size:12px;
}
#indexnews li a:visited{
color:#FFFFFF;
font-size:12px;
}
#indexnews li a:hover{
color:#FFFFFF;
font-size:12px;
}
#indexevents{
background-image:url(images/upcomingevents_bg.jpg);
background-repeat: repeat-x;
background-position: top;
height:245px;
width:255px;
}
#indexevents h2{
color:#FFFFFF;
font-size:16px;
font-weight:500;
display:block;
padding:10px;
margin-top:0px;
margin-bottom:0px;
}
#indexevents img{
margin-left:10px;
}
#indexevents ul{
list-style: none;
margin:0px;
padding:0px;
}
#indexevents li{
list-style: none;
margin:0px;
padding:0px;
color:#FFFFFF;
font-size:12px;
margin-left:10px;
margin-bottom: 10px;
width:220px;
}
#indexevents li a:link{
color:#FFFFFF;
font-size:12px;
}
#indexevents li a:visited{
color:#FFFFFF;
font-size:12px;
}
#indexevents li a:hover{
color:#FFFFFF;
font-size:12px;
}

.header-banner{
	height: 90px;
	width: 437px;
	float: left;
	}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:817px; 
height:23px; 
font-size:12px;
position:relative; 
z-index:200;
left:6px;
border-right:0px solid #000; 
font-family:Arial, Helvetica, sans-serif; 
background-image:url(images/nav_bg.jpg);
background-repeat:no-repeat;
background-position:left;
border:solid;
border-color:#FFFFFF;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
padding-left:4px;

}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:810px; w\idth:810px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level MAIN NAVIGATION*/
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
height:23px; 
width:98px;
border:0px solid #ffffff; 
border-width:0px 0 0px 0px;  
line-height:21px;
text-align:center;

}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background NAVIGATION THAT HAS SUBLEVELS*/
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #FF0000 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background NAVIGATION SUBLEVEL*/
.menu ul ul ul a, .menu ul ul ul a:visited {background: #33FF00;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;
top:23px;/* controls submenu height */
left:0; 
width:100px;
border-top:1px solid #ffffff;/* controls top submenu border */
}
/* another hack for IE5.5 */
* html .menu ul ul {top:100px;t\op:101px;}

/* position the third level flyout menu */
.menu ul ul ul{
left:101px;/* controls flyou distance from menu */ 
top:-1px; width:80px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links NAVIGATION AFTER MAIN WITH NO SUBNAV*/
.menu ul ul a, .menu ul ul a:visited {background: #1dba9d; color:#ffffff; height:auto; line-height:1em; text-align:left; padding:5px 10px; width:80px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background: #006600;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#006600;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}