@charset "UTF-8";
/* CSS Document */
body{
	background-image:url(images/bg.jpg);
	margin:0;
	padding:0;
	}
	
h3
{
	margin:20px 0 0px 0;
}
	
#inner{
	background-color:#7686A9;
	border-bottom:2px solid #000000;
	border-right:2px solid #000000;
	border-left:2px solid #000000;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	width:905px;
	}
	
#banner{
	margin:0 auto 10px auto;
	width:890px;
	}
	
#events{
	background-image:url(images/UpcomingEvents.gif);
	background-repeat:no-repeat;
	display:block;
	color:#ffffff;
	height:97px;
	margin:0 auto 0 auto;
	padding:0px 0 0 0;
	width:890px;
	}
.event
{
	float:left;
	height:97px;
	margin:25px 5px 0 25px;
	width:255px;
}

.event h4
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}

.event p
{
	font-family:Arial;
	font-size:10px;
	margin:0px 0 0 0;
}
	
#main{
	margin:10px auto 0 auto;
	width:890px;
	clear: both;
	}
	
#content{
	float:left;
	margin:0 50px 0 0;
	width:619px;
	}
	
#nav{
	color:#7686A9;
	text-align:left;
	height:26px;
	width:619px;
	}
	
ul.nav{
	width:619px;
	margin:0;
	padding:0;
	}
	
ul.nav li{
	list-style-type:none;
	float:left;
	}		
	

a.home{
	background-image:url(images/Tab-Home.gif);
	display:block;
	height:26px;
	width:49px;
	}
a.home_selected{
	background-image:url(images/Tab-HomeSelected.gif);
	display:block;
	height:26px;
	width:49px;
	}

a.organization{
	background-image:url(images/Tab-Organization.gif);
	display:block;
	height:26px;
	width:81px;
	}
	
a.organization_selected{
	background-image:url(images/Tab-OrganizationSelected.gif);
	display:block;
	height:26px;
	width:81px;
	}
	
a.legislation{
	background-image:url(images/Tab-Legislation.gif);
	display:block;
	height:26px;
	width:73px;
	}
	
a.legislation_selected{
	background-image:url(images/Tab-LegislationSelected.gif);
	display:block;
	height:26px;
	width:73px;
	}
	
a.homeowners{
	background-image:url(images/Tab-Homeowners.gif);
	display:block;
	height:26px;
	width:90px;
	}
	
a.homeowners_selected{
	background-image:url(images/Tab-HomeownersSelected.gif);
	display:block;
	height:26px;
	width:90px;
	}
	
a.history{
	background-image:url(images/Tab-History.gif);
	display:block;
	height:26px;
	width:61px;
	}
	
a.history_selected{
	background-image:url(images/Tab-HistorySelected.gif);
	display:block;
	height:26px;
	width:61px;
	}
	
a.contactus{
	background-image:url(images/Tab-ContactUs.gif);
	display:block;
	height:26px;
	width:79px;
	}
	
a.contactus_selected{
	background-image:url(images/Tab-ContactUsSelected.gif);
	display:block;
	height:26px;
	width:79px;
	}
	
a.events{
	background-image:url(images/Tab-Events.gif);
	display:block;
	height:26px;
	width:64px;
	}

a.events_selected{
	background-image:url(images/Tab-EventsSelected.gif);
	display:block;
	height:26px;
	width:64px;
	}
	
a.contractors{
	background-image:url(images/Tab-Contractor.gif);
	display:block;
	height:26px;
	width:110px;
	}
	
a.contractors_selected{
	background-image:url(images/Tab-ContractorSelected.gif);
	display:block;
	height:26px;
	width:110px;
	}
	
#subnav{
	background-color:#830F2F;
	clear:both;
	padding:5px 0 5px 0px;
	width:618px;
	}
	
ul.subnav{
	margin:0 0 0 50px;
	padding:0;
	clear:both;
	height: 17px;
}

ul.subnav li
{
	height: 20px;
	float:left;
	list-style-type:none;
	margin:0px 10px 0px 0;
	}
	
ul.subnav a:hover, a, a:visited
{
	color:#ffffff;
	text-decoration:none;
	}
	
#info{
	background-color:#010836;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0 1px;
	width:618px;
	}
	
h1{
	margin:10px 0 10px 50px;
	}

#text{
	margin:0 auto 0 auto;
	width:520px;
	}
	
#bottom{
	background-image:url(images/ContentBottom.gif);
	display:block;
	height:20px;
	margin:0 0 0 -1px;
	width:619px;
	}
	
#calendar{
	display:block;
	float:left;
	width:200px;
	}
	
#footer{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 auto 10px auto;
	text-align:right;
	color:#9999FF;
	width:879px;
	clear:both;
	}
a img
{
	border:0px;
}

#gallery{
	display:block;
	height:610px;
	margin:0 auto 0 80px;

}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.clear{
	clear: both;
}