body
{
background:#fff url(css-images/body-bg.jpg) repeat;
font-family:verdana, arial, sans-serif;
font-size:11px;
color:#ccd1e0;
margin:0;
padding:0;
}

#container
{
background:#000 url(css-images/container-bg.jpg) repeat;
width:998px;
padding:20px 9px;
margin:0 auto;
overflow:hidden;
}

/*********** NAVIGATION ***************/

#navigation
{
background:url(css-images/navigation-bg.jpg) repeat-x;
width:996px;
height:36px;
margin:0;
padding:0;
border:#fff solid 1px;
}

#navigation ul
{
list-style-type:none;
margin:0;
}

#navigation ul li
{
float:left;
background:url(css-images/navigation-bg.jpg) repeat-x;
height:16px;
color:#fff;
padding:0px;
margin:0 1px;
}

/*--- IE HACKS ---*/

* html #navigation ul li a
{
display:inline;
line-height:36px;
}

* html a
{
vertical-align:baseline;
}

/*--- END IE HACKS ---*/

#navigation ul li a 
{
display:block;
height:16px;
font-size:12px;
color:#fff;
text-decoration:none;
border-left:#fff solid 1px;
border-right:#fff solid 1px;
padding:10px;
}

#navigation ul li a:hover
{
background:url(css-images/red-gradient.jpg) repeat-x;
}


/************ HEADER *****************/

#header
{
width:998px;
height:150px;
margin-top:20px;
}

/************* CONTENT **************/

#content
{
width:998px;
min-height:500px;
margin-top:20px;
}

#content-top
{
width:998px;
margin-top:20px;
}

#content-top table td
{
width:auto;
text-align:center;
vertical-align:top;
padding:0 7px;
}

#content-left
{
float:left;
width:646px;
}

#content-right
{
float:right;
width:350px;
}

#content-right-contractor
{
float:right;
right:30px;
top:80px;
width:350px;
}

/*************** TEXT STYLES ***************/

h1
{
display:block;
background:url(css-images/red-gradient.jpg) repeat-x;
color:#fff;
font-weight:normal;
font-size:24px;
line-height:14px;
padding:7px 15px;
}

h2
{
font-size:14px;
font-weight:bold;
line-height:18px;
}

h2, h3
{
margin:15px;
}

p
{
color:#ccd1e0;
line-height:14px;
margin:10px 15px;
}

a
{
color:#fff;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

img
{
border:0;
}

/************* FIND A CONTRACTOR *******************/

.alphabet {
width: 646px;
height: 25px;
border-bottom: 1px solid #fff;
padding: 5px 0 0 0;
text-align: center;
font-size: 9px;
}

.alphabet a {
color: #fff;
text-decoration: none;      
font-size: 11px;
font-weight: bold;
vertical-align: middle;
}

.alphabet a:hover {
text-decoration:underline;
}

.index-title {
width: 40px;
height: 20px;
background-color:#7D7D7D;
border: 1px dashed #003366;
padding: 5px 0 0 5px;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
vertical-align: middle;
margin: 10px 0 10px 0;
}

.index-title a {
cursor: pointer;
text-decoration: none;
color: #fff;
font-size: 9px;
}

.list {
width: 646px;
}

.top {
cursor: pointer;
text-decoration: none;
color: #FFFFFF;
font-size: 9px;     
}

.services {
padding-top:3px;
}

.member {
margin: 5px 0 5px 0;
}

.associatemembername {
color: #fff;
font-weight: bold;
font-size: 14px;
padding: 2px 2px 2px 10px;
margin-top:10px;
}  

.membername {
color: #fff;
font-weight: bold;
font-size: 14px;
padding: 10px;
margin-top:10px;
}

.address {
padding: 2px 2px 2px 8px;
font-size: 12px;
}

.company_info {
padding: 2px 2px 2px 8px;
font-size: 12px;
}

.contacts {
padding: 0px 0px 0px 8px;
font-size: 12px;
}

.contact {
padding: 0px 0px 0px 4px;
}

/*---------------     MONTHLY MEETING SECTION      -------------------*/

#meetingcontainer
{
	width:760px;
	height:700px;
	background:#fff url(css-images/meetingtemplate03-bg.jpg) bottom no-repeat;
        color:#000;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:20px;
	border:#bbb solid 3px;
}

#meetingcontainer p
{
color:#000;
}

#meetingcontainer a
{
color:#e2393e;
}
