table#crosswordtable
{
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
}
table.tableQuiz
{
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
}
tr.trQuiz
{
	border-bottom: solid 1px black;
}
td.tdQuizQuestion
{
	width: 250px;
}
td.tdQuizAnswer
{
	width: 250px;
}

td.crosswordtd
{
	height: 27px;
	width: 27px;
	text-align: center;
}
td.wordtd
{
	height: 27px;
	width: 27px;
	text-align: center;
}



#temp
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px;
}


.confirmation
{
	width: 547px;
	border: solid 1px gray;
	border-collapse: collapse;
}


#prompts
{
	margin-top: 100px;
}


iframe
{
	width: 100%;
	height: 700px;
}

div.TermsAndConditions
{
	width: 95%;
	border: solid 1px gray;
	padding: 5px 5px 5px 5px;
}

div.TermsHead
{
	text-align: center;
	font-weight: bolder;
	width: 95%;
	border: solid 1px gray;
	padding: 5px 5px 5px 5px;
}

table
{
	font-size: 1em;
}

h1, h2, h3, h4
{
	color: #4b6d31;
	margin: auto;
	font-family: tahoma, arial, helvetica, sans-serif;
}

p
{
	line-height: 1.4em;
}

hr
{
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	background-color: #d3bc73; /* 	background-color: black; 	background-image: url(images/background.jpg); 	background-repeat:repeat; 	*/
	height: 100%;
}

body.myclass
{
	margin: 0;
	padding: 0;
}

img
{
	border-width: 0;
}



div#topheader
{
	height: 150px;
	background-position: center;
	background-image: url(images/headerimage.jpg);
	background-repeat: no-repeat;
}
.headermenubar
{
	width: 798px;
	margin-left: auto;
	margin-right: auto;
	height: 23px;
	background-position: center;
	background-image: url(images/subtext.gif);
	background-repeat: no-repeat;
}

.menutable
{
	width: 266px;
	text-align: left;
	height: 23px;
}

#menutable_links
{
	width: 75%;
}

#menutable_login
{
	width: 25%;
}
#UserHomeView, #GridView1
{
	width: 100%;
}

#LoginPrompts
{
	float: left;
}

#newVision, #newReflection
{
	width: 95%;
	height: 5em;
}


h1
{
	font-size: 18px;
}

h2
{
	font-size: 11px;
}


#LoginNameDiv
{
	float: left;
	width: 250px;
	text-align: left;
	padding: 5px 0 0 10px;
}


.LoginName
{
	color: #406c0a;
	font-size: 1.2em;
	font-weight: bold;
}


.menua
{
	font-size: 1.25em;
	font-weight: bold;
}
.menuahover
{
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: underline;
}

.menuside
{
	color: #4e4e4e;
	font-size: .8em;
	font-weight: bold;
}

.menuside:hover
{
	color: #6e6e6e;
	font-size: .8em;
	font-weight: bold;
	text-decoration: underline;
}

.nav
{
	position: absolute;
	right: 37px;
	top: 60px;
	text-transform: uppercase;
	font-size: 10px;
}

.nav a:visited
{
	color: black;
}

div#mainColumn
{
	width: 798px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center 173px;
	background-color: #ffffff;
	background-image: url(images/leaf_watermark_g_w.gif);
	background-repeat: repeat-y;
	max-width: 798px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
div#newMainColumn
{
	width: 798px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center 173px;
	background-color: #fdfdf4;
	max-width: 798px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

div#modules
{
	width: 163px;
	min-height: 235px;
}



a.sideBarHeader
{
	font-size: 1.3em;
	text-decoration: none;
	color: white;
}
a.sideBarHeader:Hover
{
	color: #aeaeae;
}

div.sideBarHeader:Hover
{
	background-color: #f2f7e1;
	text-decoration: none;
}

a.sideBarHeader:Visited
{
	text-decoration: none;
	color: #e1ca98;
}

div.sideBarHeader
{
	background-color: #4b6d31;
	padding: 8px 0 5px 0;
	margin: 8px 0 0 0;
	width: 164px;
	height: 25px;
	font-size: 1em;
	font-weight: 900;
	color: #f8f8ff;
}

div.sidebarButtons
{
	text-align: left;
	width: 100%;
	margin-left: 5px;
}

div.sidebarLinks
{
	text-align: justify;
}

a.sidebarButtons:visited, a.sidebarButtons:link
{
	color: #225419;
	text-decoration: none;
	font-weight: bold;
}

a.sidebarButtons:hover
{
	text-decoration: underline;
}

.userRegistrationPrompt
{
	text-decoration: blink;
	color: Red;
}

table.regWiz
{
	float: left;
	margin-left: 25px;
}

.moduleIcon
{
	text-decoration: none;
	padding: 5px 0 0 2px;
}

#registerUser
{
	margin-top: 15px;
}

#waterIcon:hover
{
	width: 82px;
	height: 83px;
	background-image: url(images/module_water_dn.gif);
}

#waterIcon
{
	width: 82px;
	height: 83px;
	background-image: url(images/module_water_up.gif);
}

#wasteIcon:hover
{
	width: 85px;
	height: 83px;
	background-image: url(images/module_waste_dn.gif);
}
#wasteIcon
{
	width: 85px;
	height: 83px;
	background-image: url(images/module_waste_up.gif);
}

#energyIcon:hover
{
	width: 85px;
	height: 89px;
	background-image: url(images/module_energy_dn.gif);
}

#energyIcon
{
	width: 85px;
	height: 89px;
	background-image: url(images/module_energy_up.gif);
}

#transportIcon:hover
{
	width: 82px;
	height: 89px;
	background-image: url(images/module_trans_dn.gif);
}


#transportIcon
{
	width: 82px;
	height: 89px;
	background-image: url(images/module_trans_up.gif);
}


#waterModule
{
	position: relative;
	top: 45px;
	left: 15px;
	background-image: url(images/water.jpg);
	width: 112px;
	height: 142px;
}



#energyModule
{
	position: relative;
	top: -45px;
	left: 350px;
	background-image: url(images/energy.jpg);
	width: 112px;
	height: 142px;
}
#wasteModule
{
	position: relative;
	top: -25px;
	left: 350px;
	background-image: url(images/waste.jpg);
	width: 112px;
	height: 142px;
}
#transportModule
{
	position: relative;
	top: -25px;
	left: 15px;
	background-image: url(images/transport.jpg);
	width: 112px;
	height: 142px;
}

div.sidebarText
{
	color: #4b6d31;
	font-size: 8pt;
	text-align: left;
}

div#sidebar
{
	margin: 2px 0 0 2px;
	padding-left: 4px;
	float: left;
	width: 160px;
}
img.character
{
	text-align: center;
}


#sampleSign
{
	width: 164px;
	height: 250px;
	background-color: Transparent; /*#e6edf3;*/
	padding-top: 20px;
}

img#sign
{
	padding-left: 5px;
}

img.contentItemHeading
{
	padding: 10px 0 0 0;
}


div.contentItemHeading, div.contentItemFooter
{
	float: left;
	color: #4b6d31; /*#88ad0f;*/
	width: 95%;
	font-family: Verdana;
	font-size: 1.6em;
	font-weight: 400;
	text-align: left;
	margin: 10px 0 5px 10px;
}

img.contentBaseImage
{
	border-right: #996666 thin solid;
	border-top: #996666 thin solid;
	border-left: #996666 thin solid;
	border-bottom: #996666 thin solid;
	margin-bottom: 25px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	max-height: 125px;
	max-width: 313px;
}

span.signature
{
	font-size: 0.75em;
	font-style: italic;
	text-align: right;
	float: right;
	margin-right: 20px;
}

table.contentItem
{
	color: #4b6d31;
	width: 98%;
	margin: 5px;
}

div.contentItem
{
	float: left;
	color: #4b6d31;
	text-align: left;
	min-height: 625px;
	height: auto !important;
	height: 625px;
	width: 100%;
	font-size: 1.1em;
}

div.contentItemShort
{
	float: left;
	color: #4b6d31;
	text-align: left;
	width: 98%;
}

.userGrid
{
	margin-left: 10px;
	width: 90%;
}

div.contentItemFull
{
	float: left;
	color: #4b6d31;
	text-align: left;
	margin: 5px;
	min-height: 650px;
	width: 98%;
}

.testimonials
{
	float: left;
	color: #4b6d31;
	text-align: left;
	margin: 5px;
	min-height: 650px;
	width: 800px;
}

table.contentItemFull
{
	color: #4b6d31;
	width: 98%;
	border: solid 1px #88ad0f;
	margin: 5px;
}


.BaseLineView
{
	float: left;
	color: #4b6d31;
	text-align: left;
}

.BaseLineView
{
	min-width: 50px;
}

select.BaseLineView
{
	min-width: 120px;
}

#EnterBaselineTableHeading
{
	color: #4b6d31;
	font-weight: bold;
	text-align: center;
}

label.BaseLineView
{
	width: 75px;
}

div#multiView
{
}

table#BaseLineEntryTable
{
	border: solid 1px #4b6d31;
	border-collapse: collapse;
	line-height: 2em;
	vertical-align: baseline;
	width: 450px;
}

.tableHeader
{
	text-align: center;
	border: solid 1px #4b6d31;
}

.newPassword
{
	font-size: 1.25em;
	border: solid 1px #4b6d31;
	width: 90%;
	height: auto;
}


input.admininputButton
{
	background-color: #e0e7ce;
	color: #556b2f;
	font-weight: bold;
	float: left;
}
input.inputButton
{
	background-color: #e0e7ce;
	color: #556b2f;
	font-weight: bold;
}

.wysiwygInputButton
{
	background-color: #e0e7ce;
	color: #556b2f;
	font-weight: bold;
	float: left;
}

/*<<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>>
	Baseline/Consumption Data Table Styles
<<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>>*/

#RecordDateHeader
{
	font-weight: bold;
}

.NewRecordDate
{
	width: 7em;
}

/*>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>><<>>*/

em
{
	font-style: italic;
	font-weight: bold;
}
#content
{
	margin: 0 5px 0 177px;
}
#noheadercontent
{
	height: 100%;
}
#largecontent
{
	margin-left: 110px;
}

#whatsnew
{
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks
{
	margin-left: 220px;
}



dl
{
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt
{
	position: absolute;
	left: 0;
}

dd
{
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td
{
	padding: 50px;
	color: #aeaeae;
}


.view
{
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame
{
	margin-left: auto;
	margin-right: auto;
}

.item
{
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4
{
	margin-bottom: 0.4em;
}

.nullpanel
{
	padding: 150px;
	width: auto;
	text-align: center;
}

#admin-details .view
{
	margin-top: 20px;
	margin-bottom: 20px;
}


div#sponsors
{
	background-image: url(images/sponsors.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 309px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#councils
{
	
	background-image: url(images/jv.png);
	background-repeat: no-repeat;
	height: 83px;
	width: 100%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.footer
{
	clear: both;
	position: relative;
	bottom: 0;
	background-color: #d8e6f2;
	height: 270px;
	margin-bottom: -25px;
	border-top-color: #aeaeae;
	border-top-width: thin;
	border-top-style: solid;
	margin-left: auto;
	margin-right: auto;
	width: 798px;
	text-align: center;
	font-size: 10px;
}

.menub
{
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited
{
	color: #d32525;
}

span.copyRightLink
{
	color: #202020;
	font-size: 10px;
	text-decoration: none;
}

a.copyRightLink:visited, a.copyRightLink:link
{
	color: #202020;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

a.copyRightLink:hover
{
	text-decoration: underline;
}

.newsControl
{
	float: left;
	color: #4b6d31;
	font-size: 10pt;
}


.newsControlV
{
	float: left;
	color: #4b6d31;
	font-size: 9pt;
}

.toggleButton
{
	float: left;
}

#newsControlWrapper
{
	float: right;
	width: 600px;
}

#newsControlWrapperV
{
	float: left;
	width: 167px;
}

.newsText
{
	float: right;
	color: #336633;
	font-family: Monospace;
	margin-top: 5px;
	margin-right: 5px;
	text-align: justify;
	font-size: 9pt;
}

.newsTextV
{
	float: left;
	color: #336633;
	font-family: Monospace;
	font-size: 8pt;
	text-align: justify;
	margin: 5px 5px 0 2px;
}

#newsImage
{
	float: right;
	margin-right: 0px;
	max-height: 100px;
	max-width: 167px;
	overflow: auto;
}

#newsControlContent
{
	margin-top: 20px;
	text-align: justify;
	width: 50%;
}

#newsControlLink:hover
{
	text-decoration: blink;
}

#newsControlLink
{
	vertical-align: middle;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#newsControlLabel
{
	text-align: justify;
	vertical-align: middle;
	padding: 0 5px 0 5px;
}

#newsControlHeading
{
	margin-left: 50px;
	padding: 2px 0 5px 0;
}
#newsControlHeadingV
{
	margin-left: 2px;
	padding: 5px 0 5px 0;
}

#newsControlLinkV
{
	font-size: 9pt;
	vertical-align: middle;
	padding: 0px 5px 0 5px;
	text-decoration: none;
}

.newsImageClassV
{
	float: left;
	margin-top: 10px;
	max-height: 100px;
	max-width: 167px;
	overflow: auto;
}

newsControlPrev
{
	float: left;
}

newsControlNext
{
	float: right;
}

#contentheader
{
}

div.news
{
	float: left;
	min-width: 167px;
}

#contentFooter
{
	float: right;
	width: 600px;
}

#viewNewsTextDiv
{
	float: left;
	text-align: left;
	margin: 5px;
	width: 90%;
	height: 80%;
}

#viewNewsImageDiv
{
	float: right;
	width: 500px;
	height: 225px;
	max-height: 250px;
}



.newsAdminControls
{
	width: 100%;
}

#newnewsPanel
{
	width: 100%;
}

div.newsDates
{
	width: 100%;
}

.newsCalendar
{
	float: left;
}

.buttons
{
	float: left;
}

.newsImageColumn
{
	width: 33%;
}

.editCouncil
{
	float: left;
	width: 48%;
	color: #4b6d31;
	border: solid 1px #88ad0f;
}

.imageModuleStatus
{
	float: right;
	width: 122px;
	margin: 0;
	padding: 0;
}


div.imageModuleStatusMain
{
	width: 164px;
	margin-top: 15px;
	margin-left: 3px;
	text-align: left;
}

div.imageModuleStatusAdmin
{
	width: 85%;
	margin-top: 15px;
	margin-left: 3px;
	text-align: left;
}



.subModuleIcon
{
	float: left;
	width: 200px;
	height: 220px;
	margin-top: 15px;
	margin-left: 20px;
}

.iconImageButton
{
	margin-left: 40px;
	margin-right: 40px;
}

#iconWrapper
{
	float: left;
	width: 480px;
	height: 100%;
}

.iconLink
{
	color: #4e4e4e;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

.iconLink:hover
{
	color: #6e6e6e;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.para
{
	margin: 0 0 0 0;
	text-align: left;
	font-size: 10px;
	color: #4b6d31;
}

.sign
{
	margin-top: 25px;
	float: right;
	width: 40%;
	height: 360px;
	text-align: left;
	margin-left: 10px;
	margin-top: 25px;
}

.signWrapper
{
	width: 75%;
	float: right;
	margin-right: 25px;
}

.signLabel
{
	float: right;
}

.signframe
{
	width: 600px;
}

.CouncilSelector
{
	margin-left: 15px;
	width: 100px;
}

.arrow
{
	z-index: 1;
	float: right;
}

.testimonialTitleL
{
	float: left;
	vertical-align:top;
	font-weight: bold;
	font-size: 1.3em;
	color: darkolivegreen;
	font-family: Sans-Serif;
}
.testimonialTitleR
{
	float: right;
	vertical-align:top;
	font-weight: bold;
	font-size: 1.3em;
	color: maroon;
	font-family: Sans-Serif;
}

.TestimonialR
{
	min-height: 150px;
	float: right;	
	width: 790px;
}

.TestimonialL
{
	min-height: 150px;
	float: left;
	width: 790px;
	background-image: url(App_Themes/White/Images/testimonials.png);
	background-repeat: repeat;
}
.TAltRow
{
	background-color: White;
}

.testimonialRow
{

	background-image: url(App_Themes/White/Images/testimonials.png);
	background-repeat: repeat;	
	
}

.TestimonialsList
{
	width: 100%;
	height: 100%;
}

.msgRight
{
	float:right;
	color: Maroon;
	font-size: medium;
}