html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin:				0;
	padding:			0;
	border:				0;
}

html, textarea, input, select
{
	font-size:			1em;
	font-family:		Arial, Helvetica, sans-serif;
}

body
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			76%; 
	background:			#65986b url(/images/bg-main.gif) top repeat-x;
}

.clear
{
	clear: 				both;
	height:				0;
	font-size: 			0;
}

/* --------------------------------------------- TYPOGRAPHY ------------------------------------------------ */

h1, h2, h3, h4
{
	text-align:			left;
	color:				#2a2a2a;
	margin:				0 0 10px 0;
	font-size:			1.9em;
	font-weight: 		normal;
}

h2, h3, h4
{
	text-align:			left;
	margin:				0;
	font-weight:		bold;
}

h2	
{
	font-size:			1.4em; 
}

h3.green	
{	
	font-size:			1.4em;
	color: #3f7645;
	padding-left: 25px; 
	padding-bottom: 15px; 
}
#main-col h4.greensub	
{	
	font-size:			1.1em;
	color: #3f7645;
	margin-left: 30px;
	padding-left: 25px; 
}

h3.black	
{	
	font-size:			1.2em; 
	color: 				#000;
}

p
{
	line-height:		1.3;
	margin-top:			6px;
	margin-bottom:		14px;
	font-size:			1em;
	color: 				#2a2a2a;
}
p span.who
{
	color: 				#3f7645;
}
p.sub
{
	line-height:		1.3;
	margin-top:			6px;
	margin-left: 		30px;
	margin-bottom:		14px;
	font-size:			1em;
	color: 				#2a2a2a;
}


/* --------------------------------------------- LAYOUT DIVS ------------------------------------------------ */

#home-wrapper
{
	width: 828px;
	margin: 0 auto;
}

#main-wrapper
{
	width: 845px;
	margin: 0 auto;
}

#navigation
{
	width: 191px;
	height: 424px;
	background: url(/images/bg-left-nav.gif) top right no-repeat;
	margin-top: 21px;
	float: left;
}

#main-col
{
	width: 653px;
	background: url(/images/bg-main-col2.gif) repeat-y;
	float: left;
	min-height: 450px;
  	height: auto !important;
  	height: 450px;
	padding-top: 27px;
}

#main-col-bot
{
	width: 653px;
	background: url(/images/bg-main-col-bot.gif) no-repeat;
	float: right;
	height: 11px;
	font-size: 0;
	margin-bottom: 20px;
	text-align:left;
	margin-right: 1px;
	display: inline;
}

/* --------------------------------------------- HOME STYLES ------------------------------------------------ */

#home-wrapper .header
{
	float: right;
	margin-top: 24px;
	padding-right: 23px;
}

#home-wrapper #home-top
{
	height: 15px;
	margin-top: 15px;
	background: url(/images/bg-home-top.gif) no-repeat;
	font-size: 0;
}

#home-wrapper #home-middle
{
	background: url(/images/bg-home-mid.gif) repeat-y;
	padding: 8px 14px;
	
}

#home-wrapper #home-bot
{
	height: 15px;
	background: url(/images/bg-home-bot.gif) no-repeat;
	margin-bottom: 20px;
	font-size: 0;	
}

#home-middle .content-box
{
	float: left;
	width: 160px;
	text-align: center;
	margin: 0;
}

#home-middle .content-box img.green-border
{
	border: 1px solid #1c4421;
	margin: 0 0 4px 0;
}

#home-middle .content-box img
{
	margin: 0;
	padding: 0;
}

#home-middle #row-one
{
	
}

#home-middle #row-two
{
	padding-top: 30px;
}


/* ------------------------------------------ HOME ROLLOVER STYLES --------------------------------------------- */

.button1 a, .button2 a, .button3 a, .button4 a, .button5 a, .button6 a, .button7 a, .button8 a, .button9 a, .button10 a
{
	display: block; 
	text-decoration: none; 
	margin: 0px; 
	border: 0px; 
}

.button1 img, .button2 img, .button3 img, .button4 img, .button5 img, .button6 img, .button7 img, .button9 img, .button10 img
{ 
	width: 154px; 
	height: 28px; 
	border: 0;
}

.button8 img
{ 
	width: 154px; 
	height: 43px; 
	border: 0;
}

* html a:hover 
{ 
	visibility: visible; 
}

.button1 a:hover img, .button2 a:hover img, .button3 a:hover img, .button4 a:hover img, .button5 a:hover img, .button6 a:hover img, .button7 a:hover img, .button8 a:hover img, .button9 a:hover img, .button10 a:hover img
{ 
	visibility: hidden; 
}

.button1 
{
	background-image: url(/images/home-menu/introduction_over.gif); 
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button2 
{
	background-image: url(/images/home-menu/committee_over.gif); 
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;  
}

.button3 
{
	background-image: url(/images/home-menu/constitution_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button4 
{
	background-image: url(/images/home-menu/comments_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button5 
{
	background-image: url(/images/home-menu/finance_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button6 
{
	background-image: url(/images/home-menu/planning_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button7 
{
	background-image: url(/images/home-menu/neighbourhood_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button8 
{
	background-image: url(/images/home-menu/roads_over.gif);
	width: 154px; 
	height: 43px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button9 
{
	background-image: url(/images/home-menu/news_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

.button10 
{
	background-image: url(/images/home-menu/links_over.gif);
	width: 154px; 
	height: 28px; 
	float: left; 
	padding: 0px;
	margin: 0 0 0 2px; 
	display: inline;
}

/* ---------------------------------------- HOME ROLLOVER STYLES END ------------------------------------------- */


/* ------------------------------------------- NAVIGATION STYLES ----------------------------------------------- */

#navigation ul
{
	margin-top: 26px;
	width: 182px;
}

#navigation ul li
{
	list-style: none;
	text-align: center;
	color: #575a4c;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 7px 42px;
}

#navigation ul li a
{
	color: #575a4c;
	text-decoration: none;
}

#navigation ul li a:hover
{
	color: #3f7645;
}

#navigation .border
{
	border-top: 1px solid #8e927e;
	padding-top: 7px;
}

#navigation .border-last
{
	border-top: 1px solid #8e927e;
	border-bottom: 1px solid #8e927e;
	padding-top: 7px;
	padding-bottom: 7px;
}

/* --------------------------------------------- HEADER STYLES ------------------------------------------------ */

#main-wrapper .header
{
	float: right;
	margin-top: 24px;
	margin-bottom: 14px;
	padding-right: 23px;
}

/* ------------------------------------------- CONTENT STYLES ----------------------------------------------- */

#main-col h1
{
	border-top: 1px solid #575a4c;
	margin: 0 25px 16px 25px;
	background-color: #cdd3b6;
	height: 25px;
	padding: 1px 7px 0 7px;
	font-size: 1.8em;
	color: #777d64;
	font-weight: normal;
}

#main-col .header1
{
	width: 302px;
}
#main-col .header2
{
	width: 302px;
	height: 52px;
}
#main-col .header3
{
	width: 590px;
}
#main-col h2
{
	border-top: 1px solid #575a4c;
	margin: 32px 25px 16px 25px;
	background-color: #cdd3b6;
	height: 24px;
	padding: 2px 7px 0 7px;
	font-size: 1.5em;
	color: #777d64;
	font-weight: normal;
}

#main-col h2.header1
{
	width: 590px;
}
#main-col h2.header2
{
	width: 302px;
	height: 25px;
}



#main-col p
{
	padding: 0 25px;
}

#main-col p.top-margin
{
	margin-top: 30px;
}

#main-col a
{
	color: #2a2a2a;
}

#main-col div.main-photo
{
	float: right;
	margin: 0 0 20px 25px;
	padding-right: 20px;
}

#main-col img.download
{
	vertical-align: middle;
	margin-right: 6px;
}

#main-col ul
{
	margin: 20px 60px 30px 60px;
}

#main-col ol p
{
	margin: 20px 0 5px -20px;
	padding: 0;
	color: 	#3f7645;
}

#main-col ul li
{
	background: url(/images/list-arrow.gif) left no-repeat;
	list-style: none;
	padding-left: 30px;
	margin-bottom: 12px;
}
#main-col ol
{
	margin: 0px 23px 30px 43px;
}
#main-col ol li
{
	padding-left: 0;
	margin-bottom: 12px;
}
#main-col ol p.const
{
	color: #3f7645;
	padding: 0;
	margin: 0;
}
#main-col ul.rules
{
	margin: 20px 60px 30px 20px;
}
#main-col ul.rules li
{
	list-style: none;
	padding-left: 30px;
	margin-bottom: 12px;
}
#main-col ul.sublist
{
	margin: 20px 60px 15px 85px;
}
#main-col ul.sublist li
{
	background: url(/images/list-arrow.gif) left no-repeat;
	list-style: none;
	padding-left: 30px;
	margin-bottom: 12px;
}
/* -------------------------------------jump nav ------------------------------*/



#main-col ul.jumps
{
	padding: 0;
	margin: 0 25px 25px 25px;
	font-size: 0.9em;
}
#main-col ul.jumps li
{
	background-image: none;
	list-style-type: none;
	text-decoration: none;
	padding: 0;
	margin: 5px 0 5px 0;
}
div#fixed-buttons
{
	display: inline;
	float: left;
	width: 32px;
	height: 300px;
	position: absolute;
	position: fixed;
	left: 50%;
	margin-left: 419px;
	top: 50%;
}



/*----------------------------------------------------------links------------------------------------------*/

.links{
	margin: 0 0 25px 25px;
	padding: 0;
	float: left;
	width: 303px;
}
.links .logos{
	margin-top: 25px;
	padding: 0;
	float: left;
	width: 303px;
}


/*----------------------------------------------------------Comments------------------------------------------*/
.comments
{
	margin: 20px 0 0 25px;
	float: left;
	width: 600px;
	padding-bottom: 30px;
}
#main-col .comments form label
{
	width: 100px;
	display: block;
	float:left;
	margin-top: 11px;
}
#main-col .comments form label.character
{
	width: 300px;
}

#main-col .comments form input
{
	width: 285px;
	border: 1px solid #b6bca0;
	margin-right: 4px;
	margin-top: 11px;
	background-color: #f9faf6;

}
#main-col .comments form input.checker
{
	margin: 10px 0 0 0;
	padding: 0;
	width: 220px;

}
#main-col .comments form textarea
{
	width: 285px;
	border: 1px solid #b6bca0;
	margin-top: 11px;
	background-color: #f9faf6;

}

#main-col .comments form textarea#comments
{
	width: 512px;
	height: 111px;
	border: 1px solid #b6bca0;
	margin-bottom: 11px;
	margin-top: 5px;
	background-color: #f9faf6;

}
span.check{
	font-size: .9em;
	padding: 0;
	margin-top: -10px;
}
p.refresh
{
	display: inline;
	float: left;
	width: 140px;
	font-style: italic;
}
span.asterix
{
	font-size: 1.6em;
	color: #ed0f0f;	
	font-weight: bold;
	margin-top: 300px;
	
}
#main-col p.indents
{
	margin: 10px 0 5px 0;
	padding: 0;	
}

div.scramblerIndent
{
	margin: 0 0 0 0;
	width: 220px;
	display: inline;
	float: left;
	padding-left: 100px;
}

#main-col .comments form input.submit
{
	background-image: url(/images/submit-button.gif); 
	width: 105px;
	border: none; 
	height: 27px;
	float: right;
	margin-right: 85px;
	margin-top: 30px;
	cursor: pointer;
}

div#inclusive
{
	position: absolute;
	top: 330px;
	left: 825px;
}
.help
{
	margin: 0 0 0 10px;
}
/*-------------------------------------------------rules---------------------------------------------------*/

.linkarrow
{
	color: #3f7645;
}

#legal-right
{
	width:				200px;
	height: 			30px;
	float: 				right;
	text-align: 		right;
	margin:				-18px 20px 0 0;
	padding:            0;
}
#legal-right p
{
	font-size: .9em;
}
#legal-right p a:link,
#legal-right p a:visited
{
	color: #FFCC66;
	text-decoration: none;
}


.labels
{
	clear:left;
}