/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
td:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
.generalTable
{
	font-size:9pt;
	background-color:White;
}
.silverTable
{
	font-size:9pt;
	background-color:Silver;
}
.tdlabel
{
	font-size:9pt;
	background-color:White;
	text-align:right;
}
.tdlabelGray
{
	font-size:9pt;
	background-color:#f0f0f0;
	text-align:right;
}
.tdlabelleft
{
	font-size:9pt;
	background-color:White;
	text-align:left;
}
.tdlabelleftborder
{
	font-size:9pt;
	background-color:White;
	text-align:left;
	border-bottom-color:Black;
}
.buttonshort
{
	border-bottom-style: solid;
	border-width: thin;
	width: 95px;
	color: #003366;
	background-color: Transparent;
}
.buttonlong
{
	border-bottom-style: solid;
	border-width: thin;
	width: 200px;
	color: #003366;
	background-color: Transparent;
}
.txtshort
{
	border-style: none;
	background-color: #e0e0e0;
	width: 75px;
}
.txtshortWhite
{
	border:solid thin black;
	background-color: #ffffff;
	width: 75px;
}
.txtlong
{
	border-style: none;
	background-color: #e0e0e0;
	width: 215px;
}
.tableheader1
{
	background-color: Gray;
	font-weight:bold;
	color:White;
}
.focustxt
{
	background-color:#ffff80;
}
.blurtxt
{
	background-color:White;
}
TR.Banner1BgColor
{
	background-color: #FFA700;
}
TR.Banner2BgColor
{
	background-color: black;
}
Font.Banner1Font
{
	color: gold;
}
img {display: block}

/*****************************HOME PAGE *****************************/
.Homebody {
	background-color: #ffd200;
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #5e6061;
}
p { line-height: 1.3em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { text-decoration: none; color: #e68f37; }
a:visited { color: #d67f27; }
a:hover { text-decoration: underline; }

h1, h2 { margin-bottom: 15px; }
h1 { font-size: 13pt; font-weight: bold; }
h2 { font-size: 11pt; }
h3 { font-size: 10pt; }
h1 a { font-size: 9pt; float: right; }

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.template, .js_hidden, .hidden { display: none; }
.centered { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.float_left { float: left; }
.float_right { float: right; }

.submit { display: block; margin: 30px 0 5px 0; }

.nfFlashMsg { font-size: 13pt; text-align: left; font-style: italic; color: #000; }
.nfFlashMessages { margin: 10px 0; }

.vcenter1 { display: table; }
.vcenter2 { display: table-cell; vertical-align: middle; }
.floatcenter1 { overflow: hidden; }
.floatcenter2 { float: left; position: relative; left: 50%; }
.floatcenter3 { float: left; position: relative; left: -50%; }


#outer {
	width: 875px;
	z-index: 3;
	margin: 0 auto 20px auto;
	background: #fff;
	position: relative;
}

.corners32 {
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	-khtml-border-radius: 32px;
	border-radius: 32px;
	
}
.corners22 {
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	-khtml-border-radius: 22px;
	border-radius: 22px;
}

.graybox {
	background-color: #f0f0f0;
	border: 1px solid #d7d7d7;
}

#page_home {
	position: relative;
	padding-top: 23px;
	zoom: 1;
}
#page_home .links {
	position: absolute;
	top: 4px;
	right: 40px;
}
#page_home .links a {
	color: #ff9807;
	font-size: 8pt;
	padding-left: 2ex;
}
.company_logo {
	float: left;
	margin-left: 15px;
}
#page_home .newsflashes { 
	width: 410px;
	height: 54px;
	border: 1px solid #e7e7e7;
	margin-top: 3px;
	margin-left: 25px;
	float: left;
	position: relative;
	overflow: hidden;
	line-height: 54px;
	text-align: center;
}
#page_home .newsflashes p {
	display: none;
	color: #767272;
	font-weight: bold;
	font-size: 11pt;
	line-height: 1.1em;
	text-align: center;
	vertical-align: middle;
}
#page_home .newsflashes p.current {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.for_ie6 { display: inline-block; }
.for_ie6 { display: inline; }
#page_home .graybox {
	width: 818px;
	margin: 130px auto 10px auto;
	padding-top: 185px;
	position: relative;
}
#page_home .rotating_images {
	width: 790px;
	height: 281px;
	position: absolute;
	top: -115px;
	left: 12px;
	overflow: hidden;
}
#page_home .shadow_mask {
	position: absolute;
	top: -119px;
	left: 9px;
}

#page_home .blurbs {
	width: 770px;
	margin: 0 auto 25px auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
#page_home .blurbs .blurb {
	width: 45%;
	float: left;
	padding: 0 18px;
}
#page_home .blurbs .border {
	background-color: #ff9807;
	position: absolute;
	top: 0; left: 50%;
	height: 1000px;
	width: 1px;
	zoom: 1;

}
#page_home .blurbs h3 {
	font-size: 14pt;
	font-weight: bold;
	padding-bottom: 5px;
}
#page_home .blurbs p {
	font-size: 9pt;
	line-height: 1.3em;
}

#page_home .bottom_boxes {
	text-align: center;
}
#page_home .bottom_boxes .box {
	width: 192px;
	height: 179px;
	background: transparent url(../images/bottom_box.png) no-repeat top left;
	margin: 0 2px 3px 2px;
	display: inline-block;
	position: relative;
	text-align: left;
	overflow: hidden;
	*display: inline;
	zoom: 1;
}
#page_home .bottom_boxes .box h4 {
	font-size: 12pt;
	text-align: right;
	margin: 8px 13px 7px 0;
	color: #2b2c28;
}
#page_home .bottom_boxes .box .box_image {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	*display: inline;
	zoom: 1;
}
#page_home .bottom_boxes .box p {
	display: inline-block;
	width: 85px;
	font-size: 8pt;
	margin: 3px 0 0 3px;
	line-height: 1.2em;
	height: 83px;
	overflow: hidden;
	*display: inline;
	zoom: 1;
}
#page_home .bottom_boxes .box a {
	position: absolute;
	bottom: 33px;
	right: 17px;
}

#copyright {
	padding: 20px 0;
	color: #a29c9c;
	text-align: center;
}

#subpage {
	padding-top: 23px;
}
#subpage_content {
	position: relative;
	margin: 25px;

	min-height: 540px;
	_height: auto !important;
	_height: 540px;
}
#subpage .subpage_text {
	padding: 20px 0 20px 60px;
	width: 600px;
	float: left;
}
#subpage .content_nodownloads {
	width: 700px;
}
#subpage h1 {
	color: #919294;
	font-size: 14pt;
	border-bottom: 1px solid #000;
}
#subpage .attachments {
	background: #b4afb0;
	position: absolute;
	top: 60px;
	right: -80px;
	width: 180px;
	height: 420px;
	padding-top: 13px;
	z-index: 3;
}
#subpage .attachments h2 {
	color: #fff;
	font-size: 12pt;
	text-align: center;
	padding: 15px 0 0 0;
}
#subpage .attachments a {
	color: #000;
}

#subpage h2 { font-weight: bold; margin-bottom: 8px; }
#subpage div.event,
#subpage div.news {
	margin-bottom: 20px;
	font-size: 9pt;
}
#subpage div.news_item { margin-top: 20px; }
#subpage div.news_item h1 { color: #df922a; margin-bottom: 2px; }
#subpage .event h2 { color: #3d7603; }
#subpage .news h2 { color: #de9235; }
#subpage span.date {
	display: block;
	font-size: 10pt;
	color: #949494;
	margin-bottom: 12px;
}
#subpage .from_fck li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2.4ex;
}
#subpage .from_fck p {
	margin-bottom: 1.5ex;
}
.back { display: block; text-align: center; color: #949494; }

#footer {
	margin: 0 auto;
	padding-bottom: 25px;
	width: 900px;
	font-size: 8pt;
	text-align: center;
}
#footer ul li {
	padding: 0 2ex;
	border-right: 1px solid #aaa;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#footer ul li.last { border-right: none; }
#footer a { color: #888; font-size: 8pt; }

/* header-specific menu settings */
#header {
	background: transparent url(images/nav_gradient.gif) repeat-x top left;
	height: 74px;
	width: 100%;
	font-size: 10.5pt;
	font-weight: bold;
	position: absolute;
	top: 0px; left: 0px;
}

#header_menu {
	position: relative;
	z-index: 5;
	text-align: center;
	height: 50px;
	zoom: 1;
}
#header_menu a {
	font-weight: bold;
	font-size: 10pt;
	color: #636363;
	padding-top: 7px;
	padding-bottom: 4px;
	display: block;
	float: left;
	height: 22px;
}
#header_menu a:hover { color: #000; }
#header_menu li.current,
#header_menu li.hover,
#header_menu li:hover { color: #000; }
#header_menu ul.level2 li a {
	float: none;
	padding-left: 20px;
	height: 18px;
	padding-top: 5px;
	color: #000;
}
#header_menu li.level1 { border-left: 1px solid #636363; }
#header_menu ul.level1 li.last { border-right: 1px solid #636363; }
#header_menu ul.level1 li ul.level2 li {
	border: 1px solid #636363;
	border-bottom: none;
}
#header_menu ul.level1 li ul.level2 li.last { border-bottom: 1px solid #636363; }
#header_menu ul.level2 li.hover,
#header_menu ul.level2 li:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}
#header_menu .menu_floatcenter1 { overflow: hidden; }
#header_menu .menu_floatcenter2 { float: left; position: relative; left: 50%; }
#header_menu .menu_floatcenter3 { float: left; position: relative; left: -50%; }

/* Menu links */
.menu {
	/*padding: 0 10px 0 20px;*/
}
.menu a { display: block; color: #fff; text-decoration: none; }
.menu li:hover > a {
	background-color: #e7e7e7;
	color: #4cab00;
	zoom: 1; /* For IE7 in IE8 */
}
.menu a:hover { background-color: #e7e7e7; color: #4cab00; } /* For IE6 */

/* Menu level 1 */
.menu ul.level1 li {
	display: inline-block;
	position: relative;
	zoom:1;
	*display:inline;
	z-index: 500;
}
.menu ul.level1 li a { padding: 2px 10px; }

/* Menu level 2 */
.menu ul.level2 {
	position: absolute;
	top: 33px;
	left: -5000em;
	text-align: left;
}
.menu li:hover ul.level2, .menu li.hover ul.level2 { left: 0px; }
.menu ul.level2 li,
.menu ul.level2 li.last {
	display: block;
	background-color: #ffd200;
	border: 1px solid #ccc;
	border-bottom: none;
	opacity: 0.95;
	filter: alpha(opacity = 95);
	padding: 0;
}
.menu ul.level2 li.last { border-bottom: 1px solid #ccc; }
.menu ul.level2 li { clear: left; } /* for IE6 */

/* Menu level 3 */
.menu ul.level3 {
	position: absolute;
	top: -5000em;
}
.menu ul.level2 li:hover ul.level3,
.menu ul.level2 li.hover ul.level3 { top: -1px; }

/* Content-specific widths */
.menu ul.level2 li { width: 29ex; }

input.text,
textarea.text {
	background: #fff url(../images/input_fade.gif) repeat-x top left;
	border-color: #dfdcc9 #c7c7c7 #c7c7c7 #dfdcc9;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	color: #000;
	display: block;
}

.input {
	width: 500px;
	margin-bottom: 20px;
}
.input .text { width: 100%; }
.input label { display: block; }

textarea.text:focus,
textarea.text.focus,
input.text:focus,
input.text.focus {
	border: 1px solid #999;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
}

.paging {
	width: 300px;
	margin: 15px auto;
}
.paging .prev,
.paging ul,
.paging .next,
.paging ul li { float: left; margin-right: 10px; zoom: 1; }
.paging ul li.last { margin-right: 0; }
.paging span.prev,
.paging span.next { display: none; }


.attachments ul { margin: 0 20px 20px 20px; }
.attachments li { padding: 10px 0px; }
.attachments li img { float: left; padding-right: 5px; }
.attachments li a { float: left; }

.events_news { margin: 25px 0; }
.events_news td { width: 49%; vertical-align: top; padding-top: 25px; }
.events_news td.news { padding-right: 15px; border-right: 1px solid #b3afaf; }
.events_news td.events { padding-left: 15px; }
a.full_article { display: block; text-align: right; padding-right: 100px; color: #949494;}
a.goto { display: block; text-align: center; }

#subpage_links { margin: 10px 0 30px 0; }
#subpage_links h2 { color: #da902c; width: 610px; }
h2 a { font-size: 9pt; padding-right: 2ex; float: right;  }
#subpage_links td { padding-bottom: 10px; padding-top: 10px; }
#subpage_links td.logo { vertical-align: middle; padding-right: 25px;}
#subpage_links td.content { vertical-align: top; width: auto; }

#subpage_projects { margin: 20px 0 30px 0; }
#subpage_projects li { margin-bottom: 35px; }
#subpage_projects h2 { color: #da902c; }
#subpage_projects .logo { float: left; margin-right: 15px; }
#subpage_projects .links { margin-bottom: 5px; }
#subpage_projects .links a.text { float: left; padding-right: 10px; }
#subpage_projects .links a.image { float: right; }

#subpage_suppliers { margin: 20px 0 30px 0; }
#subpage_suppliers h2 { color: #da902c; }
#subpage_suppliers h2 a { font-size: 9pt; padding-right: 2ex; float: right;  }
#subpage_suppliers table { width: 100%; }
#subpage_suppliers td { margin-bottom: 30px; }
#subpage_suppliers td.logo { vertical-align: middle; width: 10%; }
#subpage_suppliers td.content { vertical-align: top; width: 90%; }

#subpage_supplier { margin: 0 0 30px 0; }
#subpage_supplier h2 { color: #da902c; }
#subpage_supplier .logo { vertical-align: top; }
#subpage_supplier .logo img { padding-top: 25px; }
#subpage_supplier .content { width: auto; }
#subpage_supplier .description { margin-top: 20px; }

#subpage_volunteer .section { margin: 20px 0; }
#subpage_volunteer th { font-size: 10pt; font-weight: bold; padding: 10px 0 5px 0; }
table.person_info { margin: 20px 0; border-collapse: separate; border-spacing: 0 8px; }
table.person_info td.label {
	width: 200px;
	padding: 5px 10px 0 0;
	vertical-align: top;
	border-bottom: 1px dotted #e0e0e0;
}
table.person_info td.element { padding: 0; }
table.person_info td.element input.text { width: 300px; }

table.skills { border-collapse: separate; border-spacing: 0 5px; }
table.skills td.label {
	width: 200px;
	padding: 5px 10px 0 0;
	vertical-align: top;
	border-bottom: 1px dotted #e0e0e0;
}
table.skills td.skill { padding: 0 20px 0 0;}
table.skills td.comment input.text { width: 300px; }

.tool_column { float: left; width: 185px; margin: 0 0 20px 0; }
.tool_column table.tools { margin: 0 0 4px 0; }
.tool_column td.label { width: 130px; border-bottom: 1px dotted #e0e0e0; }
.other_tools label { font-weight: bold; }
.other_tools textarea { width: 400px; height: 7ex; }

.gallery_files {
	width: 100%;
	margin: 30px 0 20px;
}
.gallery_files .wrapper {
	width: 600px;
	overflow: auto;
	float: left;
}
.gallery_files .buttons {
	margin-top: 60px;
	width: 110px;
	float: left;
}
.gallery_files .buttons a {
	display: block;
	text-align: center;
	padding: 10px 0;
}
.gallery_files ul {
	width: 15000px;
	margin: 0;
}
.gallery_files li {
	width: 260px;
	height: 250px;
	margin: 0 20px;
	display: block;
	float: left;
}
.gallery_files li span {
	display: block;
	text-align: center;
	color: #827303;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 5px;
}
.gallery_files .video { border: 1px solid #ddd;	width: 100%; }

.gallery_list .gallery {
	display: block;
	width: 180px;
	height: 200px;
	margin: 20px 30px;
	float: left;
	text-align: center;
	line-height: 2em;
	border: 2px solid #fff;
}
.gallery_list a.gallery:hover { text-decoration: none; }
.gallery_list a.gallery:hover span { text-decoration: underline; }

.nophotos { margin-top: 25px; font-size: 12pt; }

#subpage_galleries .individual_video { margin-top: 30px; }

.volunteer_people td { padding: 0 8px 2px 0; }
.volunteer_people td input { width: 34ex; }

#subpage_be_a_supplier textarea,
#subpage_contact textarea,
#subpage_be_a_sponsor textarea { width: 500px; height: 9ex; }

.section { margin: 20px 0; }

#subpage_meetings { margin: 20px 0 30px 0; }
#subpage_meetings .meeting {
	margin: 35px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#subpage_meetings h2 a { float: right; font-size: 9pt; }
#subpage_meetings table.files { margin: 20px 0 0 10px; }
#subpage_meetings table.files td { padding: 10px 0; }
#subpage_meetings table.files td.icon { padding-right: 10px; }
#subpage_meetings table.files td.description { padding-right: 40px; }

#subpage_meeting { margin: 20px 0 30px 0; }
#subpage_meeting table td.label { color: #3d7603; vertical-align: top; padding-right: 20px; }
#subpage_meeting table td { padding-bottom: 10px; }
#subpage_meeting table.files { margin: 20px 0 0 10px; }
#subpage_meeting table.files td { padding: 10px 0; }
#subpage_meeting table.files td.icon { padding-right: 10px; }

.staff { margin: 10px 0 20px 0; }
.staff li { padding: 20px 0; }
.staff h3 { color: #da902c; margin-bottom: 5px; }
.staff .logo {
	float: left;
	margin-right: 15px;
	width: 170px;
	height: 100px;
}
.staff .links { margin-bottom: 5px; }
.staff .links span { float: left; }
.staff .links a.text { float: right; padding-right: 10px; font-size: 9pt; }

#subpage_homeowner_app table textarea { width: 300px; height: 13ex; }
table.residents td,
table.residents th { padding-right: 5px; }
table.residents .residents_name input { width: 15ex; }
table.residents .residents_relationship input { width: 10ex; }
table.residents .residents_age input { width: 4ex; }
table.residents .residents_ssn input { width: 12ex; }
#subpage_homeowner_app table.person_info td.label { width: 300px; }
table.person_info .header { font-weight: bold; font-size: 10pt; padding-top: 10px; }

.board { margin: 10px 0 20px 0; }
.board li { width: 44%; float: left; padding: 18px; font-size: 9pt; line-height: 1.3em; }
#subpage .board h2 { font-size: 12pt; font-weight: normal; color: #827303; border-bottom: 1px solid #c5c3c3; }
.board h3 { font-size: 11pt; font-weight: bold; color: #da902c; padding-bottom: 3px; }
.board .description { float: left; width: 60%; }
.board .logo { float: left; margin-right: 15px; }
.board .links { display: block; padding-top: 4px; text-align: center; font-size: 9pt; }

#subpage_testimonials .testimonial {
	margin: 20px 0 25px 0;
}
#subpage_testimonials span.text {
	line-height: 1.3em;
	font-style: italic;
	display: block;
}
#subpage_testimonials span.author {
	display: block;
	text-align: right;
	font-style: italic;
	color: #e08f3b;
	margin-top: 1.2ex;
}
#subpage_testimonials .view_video {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

#testimonial_video .video {
	margin-top: 30px;
	text-align: center;
}
#testimonial_video .video span {
	margin-top: 10px;
	display: block;
}

.rss {
	display: block;
	position: absolute;
	top: 18px;
	right: 18px;
}

table.downloads {
}
table.downloads td.image {
	padding: 0 6px 0px 0;
}
table.downloads td.link {
	padding: 5px 0;
	vertical-align: middle;
}