body 
{
margin: 0;
padding: 0;	
font-size:100%;	
background-color:#fff;
color: #000;
font-family:verdana,arial,helvetica,sans-serif;
/*	border-color:black;
border-width:1px;
border-style: solid;	*/
/*	background-color: yellow;	*/
}


.alignLeft
{
text-align: left;
}

.alignCenter
{
text-align: center;
}

.alignRight
{
text-align: right;
}

.alignTop
{
vertical-align:top;
}

.floatLeft
{
float: left;
}

.floatRight
{
float: right;
}

.clearBoth
{
clear: both;
}

.italic
{
font-style: oblique;
}


p,
ul
{
font-size: .8em;
line-height: 1.1em;
}

.imageFontSize
{
margin: 0;
padding: 0;
font-size: 1%;
}

/*============================================================
	START HEADER
============================================================*/

#header
{
margin: 0;
padding: 0;
background-color: #366;

}

#header img
{
margin: 10px 0 10px  20px;
padding: 0;
}

#headerNav
{
margin: 0 20% 0 0;
padding: .3em 50px .3em ;
background-color: #CAD7D7;
text-align: right;
background-image: url(/hoa/images/stoneybrook/teal/header_nav_round_corner.gif);
background-repeat: no-repeat;
background-position: top right;
}

#headerNav p
{
margin: 0;
padding: 0;
}

#headerNav a
{
padding: 0 0 0 3em;
font-weight: bold;
font-style: oblique;
color: #366;
text-decoration: none;
}

#headerNav a:hover
{
color: #000;
text-decoration: underline;
}

/*============================================================
	END HEADER
============================================================*/




/*============================================================
	START FOOTER
============================================================*/

#footer
{
margin: 0;
padding: 1.2em .7em;
background-color: #CAD7D7;
color: #333;
text-align: center;
font-size: .75em;
border-color: #000;
border-width: 0 0 1px 0;
border-style: solid;
}

#footer p
{
margin: 0 0 1em 0;
}

#footer p a
{
color: #333;
}

/*============================================================
	END FOOTER
============================================================*/


/*============================================================
	START MAIN CONTAINER
============================================================*/
#mainContainer
{
border-collapse: collapse;
margin: 0;
padding:0;
width: 100%;
border-color: #000;
border-width: 1px 0;
border-style: solid;
}




/*============================================================
	END MAIN CONTAINER
============================================================*/




/*============================================================
	START LEFT NAV
============================================================*/
#leftNavContainer
{
padding: 0;
vertical-align: top;
width: 159px;
border-color: #000;
border-width: 0 1px 0 0;
border-style: solid;
}

#leftNavImg
{
margin: 0;
padding: 0;
border-color: #366;
border-width: 0 0 20px 0;
border-style: solid;
}

#leftNavContainer ul
{
margin: 2em 0;
padding: 0 ;
list-style-type: none;
font-weight: bold;
color: #366;
}

#leftNavContainer li
{
margin: 0 0 0 7px;
padding: 0;
}


#leftNavContainer ul ul
{
margin: 5px 0 20px 15px;
font-size: 100%;
}

#leftNavContainer ul ul li
{
margin:0 0 .5em 0;
padding: 0;
}


#leftNavContainer a
{
font-style: oblique;
color: #366;
text-decoration: none;
}

#leftNavContainer a:hover
{
color: #000;
text-decoration: underline;
}



/*============================================================
	END LEFT NAV
============================================================*/



/*============================================================
	START MAIN CONTENT CONTAINER
============================================================*/

#mainContentContainer
{
padding: 20px 20px 20px 40px;
vertical-align: top;
background-image: url(/hoa/images/stoneybrook/teal/header_stripe.gif);
background-repeat: repeat-x;
}		
			
/*============================================================
	END MAIN CONTENT CONTAINER
============================================================*/


/*============================================================
	START HOME PAGE
============================================================*/

#homePage h1
{
font-size: 1.2em;
margin: 0;
padding: 0;
text-align: center;
}


/*============================================================
	END HOME PAGE
============================================================*/



/*============================================================
	START FORM STYLES
============================================================*/

.formError
{
color: #f00;
font-weight: bold;
display: block;
}

.formLayout
{
/*	border-color:black;
border-width:1px;
border-style:solid;	*/
}

.formLayout h3
{
margin: 1em 0 .3em 0;
padding: .5em;
font-size: .9em;
background-color: #eee;
color: #000;
/*	border-color: red;
border-width:1px;
border-style:solid;	*/
}

.formLayout h4
{
margin: 0 0 0 20%;
font-size: .8em;
/*	border-color: blue;
border-width:1px;
border-style:solid;	*/
}

table.formTable
{
	border-collapse:collapse;
	width: 100%;
}

table.formTable tr.altRowColor
{
background-color: #efefef;
}

table.formTable td
{
	padding:0;
	font-size: .8em;
	vertical-align:top;
/*	border-color:black;
border-width:1px;
border-style:solid;	*/
}

table.formTable td.label
{
	text-align:right;
}

table.formTable td.label_long
{
	text-align:left;
}



table.formTable td.input
{
	text-align:left;
	width: 205px;
	padding: 0 0 1em 0;
}


table.formTable td.input input.text,
table.formTable td.input textarea
{
	width: 250px;
	margin: 0 0 0 10px;
}

table.formTable  input.checkbox
{
	margin: 0 0 0 10px;
}

table.formTable p.instructions
{
margin: 0;
padding: 2px 0 0 10px;
/*	border-color: blue;
border-width:1px;
border-style:solid;	*/
}

.formButtons
{
margin: 1em 0;
padding: 0;
text-align: center;
}

.formButtons input
{
margin: 0 1em;
}

/*============================================================
	END FORM STYLES
============================================================*/


/*============================================================
	START NOMINATION FORM
============================================================*/

#volunteer_form
{
display: none;
}

#nominate_form
{
display: none;
}




/*============================================================
	END NOMINATION FORM
============================================================*/


/*============================================================
	START FAQ
============================================================*/
dl.faq
{
margin: 0 0 2em 0;
font-size: .8em;
/*	border-color:black;
border-width:1px;
border-style:solid;	*/
}

dl.faq dt
{
margin: 0 0 .3em 0;
padding: 0;
font-weight: bold;
/*	border-color: red;
border-width:1px;
border-style:solid;	*/
}

dl.faq dd
{
margin: 0 0 1em 3em;
padding: 0;
/*	border-color: red;
border-width:1px;
border-style:solid;	*/
}

dl.faq dt a
{
color: #000;
text-decoration: none;
}

dl.faq dt a:hover
{
color: #666;
text-decoration: underline;
}


/*============================================================
	END FAQ
============================================================*/


/*============================================================
	START GOVERNING DOCS
============================================================*/
#govDocs dl
{
font-size: .8em;
}

#govDocs dt
{
font-weight: bold;
}

/*============================================================
	END GOVERNING DOCS
============================================================*/

/*============================================================
	START LINKS
============================================================*/
#links dl
{
font-size: .8em;
}

#links dt
{
font-weight: bold;
margin: 0 0 .5em 0;
}


#links dt a
{
color: #000;
}

/*============================================================
	END LINKS
============================================================*/


/*============================================================
	START CALENDAR
============================================================*/
#calendar h4
{
margin: 2em 0 .3em 0;
}

#calendar h5
{
margin: 0 0 .3em 0;
}

#calendar p
{
margin: 0 0 .2em 0;
}

/*============================================================
	END CALENDAR
============================================================*/



/*============================================================
	START DESIGN TEMPLATES
============================================================*/

#sampleTemplates h3
{
clear: both;
}

#sampleTemplates dl
{
margin: 0 20px 50px 0;
padding: 0;
/*	border: 1px black solid;	*/
font-size: .8em;
width: 260px;
float: left;
}

#sampleTemplates dt
{
margin: 0 0 .5em 0;
padding: 0;
/*	border: 1px red solid;	*/
}


#sampleTemplates dt img
{
border: 1px #000 solid;	
}


#sampleTemplates dd
{
margin: 0;
padding: 0;
/*	border: 1px blue solid;		*/
text-align: center;
}


/*============================================================
	END DESIGN TEMPLATES
============================================================*/