/* Site Colours 
yellow: FFD400
dk green: 3E892F
mid green: 54B948
light blue: 00B0D8
grey: 7D7C7C

*/

/*##################TEXT################# */
/* Top Elements */
* { margin: 0; padding: 0;}

body {	
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	color:#7D7C7C;	
	text-align: left;
	margin: 0 0 10px 0;	
	padding:0;
}
.body_bg{
	background:#3E892F;/*  */
	text-align: center;
}

#body_bg img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;		
}

#body_br{
	position: absolute;
	z-index:0;
	bottom: -0px;
	right: -140px;	
	background: url(../images/page_kids_right.png) no-repeat;
	width:140px;
	height:200px;
}
#body_bl{
	position: absolute;
	z-index:0;
	bottom: -0px;
	left: -140px;
	background: url(../images/page_kids_left.png) no-repeat;
	width:140px;
	height:200px;	
}
/* links */
a, a:visited {	
	color:#54B948;
	text-decoration: none;		
}
a:hover {
	color: #00B0D8;
}


/* headers */
/********************************************
	STANDARD ITEMS AND TYPOGRAPHY
********************************************/
h1, h2, h3, h4, h5 {
	font-family: Arial, Century Gothic, Helvetica, Verdana, Sans-serif;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}
h1 {	
 	color:#54B948;
	font-weight:bold;
	line-height: 1.8;
}
h1.page_title_home{
	padding-left:35px;
	background: url(../images/icon_home.gif) no-repeat left;	
}
h1.page_title{
	border-bottom:2px solid	#54B948;
}
h2{
	color:	#00B0D8;
}
h3{
	color: #54B948;
}
h4{
	color:	black;	
}
ul, ol {
	margin: 5px 5px 5px 15px;
	padding: 0 5px; 
}
ul{
	list-style:square;
	color: #81878d;
	line-height: 18px;
}

ul li{
	
}

ol{
	
}

p{
	margin: 1em 0em;
	width: auto; /* Printable Page */
}
blockquote { 
 
} 
#main img{
	margin:10px;
	border: 3px solid #E7E7E4;
}
/********************************************
	FONT SIZE
********************************************/
body{
 	font-size:75%; /*62.5 */
    /*line-height:1.125em; /* 16×1.125=18 */
}
p{
	font-size: 1em;
	line-height: 1.3em;	
}
#header{
	font-size:1em;	
}
#main{
	font-size:1em;	
}

#rightcol{
	font-size:1em;
	line-height:1.35em;	
	text-align:left;
}
input, select, th, td {
	font-size:1em
}
h1 {
	font-size: 1.5em;
}
h1.page_title{
	font-size: 1.6em;	
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1em;
}

blockquote {
	font-size: 1em;
}
input.button { 
	font-size:1em;
}
#breadcrumb{
	font-size:1em;
}

#footer-wrap {
	font-size: 0.9em;
}
.mod_header .module_content{
	font-size: 1.5em;
}

.mod_right .module_title{
	font-size: 1.05em;
}
.mod_right .module_content{
	font-size: 0.8em;
}
.module{
font-size: 1em;
}
.mod_main .module_title{
	font-size: 1.3em;
}
.mod_main .module_content{
	font-size: 1em;
}
.mod_footer .module_content{
	font-size: 0.85em;
}
/*-------------------------------------------  */

/* images */
img{
	border:none;
}


/* default table */
table {
	margin: 0px;	
}
tr {
	
}
thead{
	
}
th {
	padding: 5px;
	background: #54B948;
	color: white;
	font-weight:bold;
}
td {
	padding: 5px;
	background: #F5F5F4;
	color: #7D7C7C;
	border:1px solid white;
}
th {
	padding: 5px;
	background: #54B948;
	color: white;
	font-weight:bold;
}
/* end - table */

/* form elements */
form {
	background: none;
	padding: 0px 10px;
}
fieldset{
	border:none;
}
label {
	display:block;
	font-weight:normal;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #999;
	color:#7D7C7C;
}
textarea {
	width:400px;
	padding:5px;
	border:1px solid #999;
	height:100px;
	display:block;
	color:#7D7C7C;
}
.formbutton{ 
	cursor:pointer;
	border:outset 1px #3E892F;
	background:#3E892F;
	color:white;
	font-weight:bold;
	padding: 1px 2px;
	margin:7px 0px;
}
.formbutton:hover { 
	background: #FFD400;
	color:black;
	margin:7px 0px;
}
#subscribe_feedback{
	padding: 10px;
	color: #3E892F;
	font-weight:bold;
	font-style:italic;
}


/********************************************
	FLASH - add wmode=transparent to object tag
********************************************/
object, embed{

}
/********************************************
   LAYOUT
********************************************/ 
#wrap {	
	position: relative;
	width: 960px;	
	margin: 0px auto;
	text-align: left;	
}

#content-wrap {
	float: left;
	background: none;
	width: inherit;
	margin: 0px;
	padding: 0px; 	
	overflow:hidden;
}

/* header */
#header {
	background: none;	
	height: 125px;
	width:960px;
}

#logo {
	width: 140px;
	height: 115px;	
	margin: 0px;
	float:left;	
}
#tagline{
	width: 545px;
	float:left;
	margin-left: 20px;
	margin-top:20px;
}
#header_icons {

}
#header_icons div{
float:right;
margin-top:25px;
margin-right:15px;
}
#nav {
	width:817px;
	height:40px;
	background: url(../images/menu_bg.png); 
	float:right;
}
#main {
	text-align: left;
	margin: 0px;
	padding:0px 15px;
	width: 655px;
	float:left;
	margin-bottom: -32767px; 
	padding-bottom: 32767px;
	background: white;
	min-height:600px;
}	

/* right column */
#rightcol {
	float: left;
	width: 260px;
	margin-left: 15px;	
	background:white;
	margin-bottom: -32767px; 
	padding-bottom: 32767px;
	padding-top:10px;
}

#pre-footer {
	margin-top:7px;
	background: #FFD400;
	height: 7px;
}

#footer {
	clear: both;
	position: relative;
	height: 50px;
	width: 960px;
	text-align: center;
	margin:0px;
	padding: 0px;
	padding-top:7px;
	background: none;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; }

/* display and additional classes */
.line_break {
	border-bottom: 1px dotted #E7E7E4;
	margin: 0;
}
#main #breadcrumb{
	margin: 0px;
	padding: 7px;
}

/* ######################### MODULE STYLES ######################### */
.module{
	
}

.module_title{
	font-weight:bold;
}

.module_content{
	
}

/*  MOD HEADER */
.mod_header{

}
.mod_header .module_title{

}

.mod_header .module_content{

}

/*  MOD RIGHT */
.mod_right{
	width: 248px;
	margin-left:5px;
	border: 1px solid #E7E7E4;
	margin-bottom:10px;
}
.mod_right .module_title{

	
	padding: 3px 5px;
	color:white;

}

.mod_right .module_content{
	background: url(../images/mod_right_bg.gif) repeat-x 0% 100%;
	border: 2px solid white;
	padding: 5px;
	padding-bottom:10px;
}
.mod_right .module_content img{
	margin:0px 5px;
}
/*  MOD MAIN */
.mod_main{
	margin: 7px 0px;


}

.mod_main img{

}

.mod_main .module_title{

}

.mod_main .module_content{

}
/*  MOD FOOTER */
.mod_footer{
	margin: 0;
	color:white;
}
.mod_footer a{
	color:white;

}
.mod_footer .module_title{

}

.mod_footer .module_content{

}
/* CUSTOM MOD CLASSES */

.mod_blue_header .module_title{
	background: url(../images/module_titlebg_blue.gif) repeat;	
}
.mod_dkgreen_header .module_title{
	background: url(../images/module_titlebg_darkgreen.gif) repeat;	
}
.mod_grey_header .module_title{
	background: url(../images/module_titlebg_grey.gif) repeat;	
}
.mod_ltgreen_header .module_title{
	background: url(../images/module_titlebg_lightgreen.gif) repeat;	
}
.mod_red_header .module_title{
	background: url(../images/module_titlebg_red.gif) repeat;	
}
.mod_yellow_header .module_title{
	background: url(../images/module_titlebg_yellow.gif) repeat;	
}
/*####################MENU################## */

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
	position:relative;/* these are needed for IE */
	z-index:9999999;
}
.sf-menu a {
	margin-top:4px;
	padding: 8px 0.5em 14px 0.5em;
	text-decoration: none;
	border-right:1px dotted white;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: white;
}
.sf-menu li li a, .sf-menu li li a:visited{
	color: #193713;
	padding: 5px 0.5em;
	font-size: 11px;
	line-height:13px;
}
.sf-menu li {
	background: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	margin-top: 10px;	
	width:150px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	/* top: 18px;	 the a tag padding plus the bottom border on rollover = 18*/
}
.sf-menu li li {
	background:	white	url(../images/submenu_bg.gif) repeat-x bottom;
	/*border-bottom: 1px #B2B4A3 dotted;*/
}
.sf-menu li li li {
	background:	white;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none;
	color: #193713;
	border-bottom: 1px solid #193713;
	outline:		0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:	white	url(../images/submenu_bg.gif) repeat-x bottom;
	border-bottom: none;
}

/* ------------------MODULE DEFINITIONS-----------------*/
/*file-list */
table.file_list{
}
table.file_list th{
	background: #81827E;
	color: white;
	padding: 0px 5px;
}
table.file_list td{
	border-bottom:1px solid #E4E4E4;
	padding: 5px;
}
table.file_list td.title{
	font-weight:bold;
}
table.file_list td.date{

}
.pagination{
	margin-top:10px;	
}
/*---image-gallery -- */
.image-gallery{
	background: white;
}
.image-gallery .image{
	border: 2px solid #DCDCDC; 
}

.image-gallery .title{
	color:#737373;
}
.image-gallery .pagination{
	color:black;
}
.image-gallery .pagination .paging_select{
	background: #0075B0; 
	color:white;
}
.image-gallery .pagination a{
	color: #0075B0;
}
.image-gallery .pagination a:hover{
	text-decoration:underline;
}
/* ---NEWS GALLERY -----*/
.news_gallery .profile_set .snapshot{
	color: #666666; 
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}

.news_ind .snapshot{ 
	color: #666666; 
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
/*------- News List ------*/
dl.news dt a{
	background: url("../images/news_list.gif") no-repeat 0 2px ;	
}
dl.news dd span.date {
		background:url("../images/news_date.gif") 100% 50% no-repeat; 
}
/* -----POLLS AND SURVEYS ---- */
.poll_feedback{
 color: #FF6319;	
}
.poll_form{
	
}