/* CSS Document */

HTML {
margin: 0px;
padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004466;
	text-align: left;
	line-height: 135%;
	margin: 0;
	}
	
td {
	vertical-align: top;
	}
	
a:link {
	color: #004466;
	text-decoration: none;
}

a:visited {
	color: #004466;
	text-decoration: none;
}

a:hover {
	color: #5692B5;
	text-decoration: none;
}

a:active {
	color: #569235;
	text-decoration: none;
}

#directorybutton {
background-color: #5692B5;
margin: 0;
border-left: 1px solid #fff;
height: 35px;
background: url(http://assabetvalleychamber.org/images/directory_buttonOVR.gif) right no-repeat;
}

#directorybutton a {
display: block;
width: 100%;
height: 100%;
background: url(http://assabetvalleychamber.org/images/directory_button.gif) right no-repeat;	/* place of first image in foreground */
}
	 
#directorybutton a:hover { /* definition of "image" class for a tag when hovering */
background: transparent none;
}

#memberbutton {
background-color: #5692B5;
margin: 0;
border-left: 1px solid #fff;
height: 35px;
background: url(http://assabetvalleychamber.org/images/becomemember_buttonOVR.gif) right no-repeat;
}

#memberbutton a {
display: block;
width: 100%;
height: 100%;
background: url(http://assabetvalleychamber.org/images/becomemember_button.gif) right no-repeat;	/* place of first image in foreground */
}
	 
#memberbutton a:hover { /* definition of "image" class for a tag when hovering */
background: transparent none;
}

H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #638535;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: -10px;
	}
	
H2 {
	font-size: 12px;
	color: #004466;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 2px;
	}
	
H3 {
	font-size: 12px;
	color: #FFFFFF;
	text-transform: normal;
	font-weight: bold;
	margin-bottom: 2px;
	}
	
H4 {
	font-size: 10px;
	color: #004466;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	}

.greenbkgd {
	text-align: left;
	color: #004466;
	background-color: #D6E3C2;
	padding-top: 25px;
	padding-right: 16px;
	padding-left: 25px;
	padding-bottom: 15px;
	border: 1px solid #fff;
	border-right: 2px solid #fff;
}

.greenbkgdevents {
	text-align: center;
	margin: 0;
	color: #004466;
	background-color: #D6E3C2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.greenbkgdinfo {
	text-align: center;
	color: #004466;
	background-color: #D6E3C2;
	padding: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.logonav {
	vertical-align: bottom;
	text-align: center;
	background-color: #5692B5;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	}
	
/*Flyout Nav */
/* common styling */
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; width:163px; position:relative; margin:0; font-size:11px; margin:0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFF; width:163px; height:26px; text-align:right; background:#5692B5; line-height:26px; font-size:11px;padding-right:10px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFF66; background:#6DA6C7;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:173px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6DA6C7; color:#FFF;}
.menu ul li:hover ul li:hover a.hide {width:200px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#6DA6C7; color:#FFF; width:200px;}
.menu ul li:hover ul li a:hover {background:#6DA6C7; color:#FFFF66;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:173px; top:0; color:#FFF;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#6DA6C7; color:#FFF;}
.menu ul li:hover ul li:hover ul li a:hover {background:#6DA6C7; color:#FFF;}


#mainnav {
	background-color: #5692B5;
	margin: 0;
	padding-top: 17px;
	padding-right: 12px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}


/* events text */
.events {
	background: #fff;
	padding: 10px;
	height: 100%;
	line-height: 110%;
	text-align: center;
	}
.eventlink a,
.eventlink a:link,
.eventlink a:visited {
	color: #004466;
	font-weight: normal;
	text-decoration: underline;
}

.eventlink a:hover {
color: #569235;
}

	
/* photo captions */
.caption {
	vertical-align: bottom;
	font-size: 9px;
	color: #004466;
	line-height: 110%;
	text-align: left;
	padding-bottom: 4px;
	}
	
.photo td {
	border: 1px solid #fff;
	}
	
/* indenting text */
.indent {
margin-left:30px;
	}
	
.search {
	vertical-align: top;
	font-size: 9px;
	color: #004466;
	line-height: 90%;
	text-align: right;
	padding-bottom: 4px;
	}
	
.forms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004466;
	line-height: 110%;
	text-align: left;
	}

	
/* footer navigation */
.footernav {
	padding: 12px 0px 12px 0px;
	font-size: 9px;
	color: #5692B5;
	text-transform: uppercase;
	text-align: center;
}

.footernav a:link,
.footernav a:active,
.footernav a:visited {
	padding-right: 10px;
	padding-left: 10px;
	color: #5692B5;
}

.footernav a:hover {
	padding-right: 10px;
	padding-left: 10px;
	color: #004466;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5692B5;
	line-height: 225%;
	text-align: center;
}
.copyright a:link,
.copyright a:visited {
	color: #5692B5;
	text-align: center;
}

.copyright a:hover {
	color: #004466;
	}
	
.footer {
	font-size: 10px;
	color: #004466;
	text-align: center;
	}
	
/* sponsors */
.sponsors {
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	vertical-align: middle;
	}
	
/* advertising  */

.advertising  a:link,
.advertising  a:active,
.advertising  a:visited {
	color: #000000;
}

.advertising  a:hover {
	color: #000000;
}