/* CSS Document */
/* NORTHBRIDGE ALIVE */

* {
	padding:0;
	margin:0;}
	
body {
	margin:20px 0 0 0;
	padding:0;
	background:#bfb2b9;
	color:#6c5a63;
	font:12px/22px Verdana, Arial, sans-serif;}

p, h2, h4 {
	margin:0 0 22px 0;}

h2 {
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #e5e0e3;}

a {
	color:#6c5a63;
	text-decoration:underline;}
	
a:hover {
	text-decoration:none;}

h4 {
	font-size:12px;
	font-weight:bold;}

input, textarea {
	border:1px solid #a63e64;
	background:#ebe6e9;
	font:12px/22px Verdana, Arial, sans-serif;
	margin:0 0 10px 0;}

.field {
	height:20px;}

#container {
	width:846px;
	margin:auto;}

#search {
	width:161px;
	padding:0 0 0 16px;}

#search .field {
	width:140px;
	background:#fff;
	height:17px;
	border:none;
	margin:10px 0 0 0;
	padding:3px;}

#search .btn {
	margin:10px 0 20px 0;
	border:none;}


/* HEADER */

#header {
	width:846px;
	height:247px;
	background:#000;}

#header-left {
	float:left;
	width:437px;}
	
#logo {
	width:289px;
	margin:54px 0 0 71px;}
	
#header-links {
	margin:48px 0 0 78px;
	width:284px;
	background:url(../images/header-divider.gif) no-repeat 135px 0px;
	height:27px;
	padding:8px 0 0 0;}

#header-links a {
	color:#fff;
	font-size:11px;}

#header-links a:hover {
	text-decoration:none;}

#header-links .join {
	margin:0 20px 0 0;}

#header-links .events {
	margin:0 0 0 20px;}
	
#header-right {
	width:409px;
	float:left;
	z-index: 10;
}



/* CONTENT AREA */

#content-area {
	width:846px;
	background:#fff url(../images/logo-bign.gif) no-repeat bottom right;}

#nav-bg {
	background:url(../images/bg-nav.gif) repeat-y left;}
	
	
	
/* CONTENT MAIN */
	
#content-main {
	width:394px;
	float:left;
	margin:10px 0 0 0;
	padding:30px 30px;
	border-right:1px solid #e5e0e3;}

#content-full {
	width:607px;
	float:left;
	margin:10px 0 0 0;
	padding:30px 30px 170px 30px;}

.pdf-link {
	margin:0 0 22px;}
	
.pdf-link img {
	margin:0 0 -3px 0;}



/* CONTENT RIGHT */

#content-right {
	width:212px;
	float:left;
	margin:10px 0 0 0;
	padding:0 0 1px 0;
	font-size:11px;}

#members-button {
	width:182px;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #e5e0e3;}
	
#events-calender {
	width:183px;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #e5e0e3;}
	
#mailing-list {
	width:182px;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #e5e0e3;}


.calender th {
	color:#fff;
	text-align:center;
	font-weight:normal;}

.calender td {
	text-align:center;}

.calender a {
	text-decoration:none;}

.calender a:hover {
	text-decoration:underline;}

.event-active {
	background:#ebe6e9;}

#upcoming-link {
	text-align:right;
	margin:5px 0 0 0;}
	
#events-title {
	line-height:14px;
	margin:0 0 10px 0;}

#featured-businesses {
	width:183px;
	padding:15px 0 0 15px;
	border-bottom:1px solid #e5e0e3;
	line-height:13px;}

#featured-businesses a {
	font-size:10px;
	color:#a63e64;
	text-decoration:none;}

#featured-businesses a:hover {
	text-decoration:underline;}
	
#featured-images {
	width:183px;
	padding:15px 0 0 15px;
	line-height:13px;
}

#gallery {
	width: 100%;
	float: left;
}

#gallery ul{
	list-style-type: none;
	margin: 0;
}

#gallery ul li {
	display: inline;
	padding: 0 5px 5px 0;
	float: left;
}

#gallery ul li a img {
	border: 2px solid #E5E0E3;
}

#gallery ul li a:hover img {
	border: 2px solid #6c5a63;
}

#contact-address {
	width:183px;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #e5e0e3;}



/* FOOTER */

#footer {
	width:809px;
	padding:15px;
	color:#fff;
	font-size:10px;}

#footer a {
	color:#fff;}

#footer img {
	float:right;
	width:201px;
	margin:-5px 0 0 0;}



/* CATEGORY LISTINGS */

.category-listing-row {
	width:600px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #e5e0e3;}

.category-listing {
	width:300px;
	float:left;
	font-size:10px;
	line-height:16px;}
	
.category-listing-left {
	width:80px;
	float:left;}

.category-listing-right {
	width:200px;
	margin:0 0 0 10px;
	float:left;
	padding:0 10px 0 0;}

.category-listing a {
	color:#a63e64;
	text-decoration:none;}

.category-listing a:hover {
	text-decoration:underline;}



/* LISTING DETAIL */

#listing {
	width:600px;}

#listing-content-top {
	border-bottom:1px solid #e5e0e3;
	margin:0 0 10px 0;
	padding:0 0 20px 0;}
	
#listing-content-left {
	width:230px;
	float:left;
	padding:0 10px 0 0;}

#listing-content-right {
	width:350px;
	float:left;
	padding:0 0 0 10px;}

#listing-content-right-info {
	width:164px;
	float:left;
	border-left:1px solid #e5e0e3;
	padding:0 0 0 10px;}

#listing-pdfs {
	width:600px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #e5e0e3;
	text-align:center;
	font-size:10px;}

#listing-pdfs .pdf {
	float:left;
	width:108px;
	margin:0 10px 0 0;}
	
#listing-gallery {
	width:600px;}

#listing-gallery img {
	margin:0 10px 0 0;}



/* CALENDER */

.calender-row {
	width:600px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #e5e0e3;}
	
.calender-row .calender {
	float:left;
	margin:0 6px;}

.calender-row .month-year {
	font-weight:bold;
	text-align:left;
	padding:0 0 10px 0;}

#previous-next {
	width:582px;
	margin:10px 0;
	font-size:10px;
	padding:0 0 0 9px;}

#previous-next a {
	color:#a63e64;
	text-decoration:none;}

#previous-next a:hover {
	text-decoration:underline;}



/* EVENTS LISTING */

.events-listing-row {
	width:600px;
	padding:0 0 10px 0;
	border-bottom:1px solid #e5e0e3;
	margin:0 0 20px 0;}

.events-listing {
	width:200px;
	float:left;
	margin:0 0 0 0;
	font-size:10px;
	line-height:16px;}

.events-listing a {
	color:#a63e64;
	text-decoration:none;}

.events-listing a:hover {
	text-decoration:underline;}



/* EVENT DETAIL */

#event-detail {
	width:600px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;}

#event-detail img {
	margin:0 0 10px 0;}

#event-detail-images {
	width:110px;
	float:left;}
	
#event-details-text {
	width:450px;
	padding:0 0 0 20px;
	float:left;}	



/* CONTACT FORM */

#contactform {
	border: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 394px;}
	
#contactform fieldset {
	border: 0;
	display: block;
	height:auto;}
	
#contactform fieldset ol {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	
#contactform fieldset ol li {
	padding:0 10px 0 0;}
	
#contactform label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 100px;}
	
#contactform textarea, #contactform input {
	color: #555;
	font-size: 1em;
	width: 150px;
	margin:0 0 10px 10px;
	height:20px;}
	
#contactform textarea {
	font: 1em/1.2em "Arial", "Helvetica", sans-serif;
	height:80px;}

.board-members {
	width:197px;
	float:left;
	font-size:10px;
	line-height:16px;
	margin:0 0 22px 0;}

/* Mailing List */

#MailingList {
	border: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 394px;}
	
#MailingList fieldset {
	border: 0;
	display: block;
	height:auto;}
	
#MailingList fieldset ol {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	
#MailingList fieldset ol li {
	padding:0 10px 0 0;}
	
#MailingList label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 100px;}
	
#MailingList input {
	color: #555;
	font-size: 1em;
	width: 150px;
	margin:0 0 10px 10px;
	height:20px;}
	
/* NAVIGATION */

/* level 1 */

#nav-area { width:179px; background:#e5e0e3; float:left; padding:10px 0 0 0; font-size:11px;}

#nav, #nav ul {
	list-style:none;
	width:179px;}

#nav li {
	position:relative;
}

#nav li ul {
	position:absolute;
	left:179px;
	top:0px;
	display:none; 
}

/*#nav ul {
	border:1px solid #E2E2E2;
	border-bottom:0;
}*/



#nav a {
	display:block;
	text-decoration:none;
	color:#6c5a63;
	background:#e5e0e3;
	padding:0 0 0 15px;
	border-bottom:1px solid #eee9ed;
	height:21px;
}

#nav li a:hover {
	background:#cd98b2;
	color:#fff !important;
}


/* Fix IE. Hide from IE Mac \*/
* html #nav li { float: left; height: 1%; }
* html #nav li a { height: 1%; }
/* End */


#nav li:hover ul, #nav li.over ul  { display:block; }

#nav li a.daddy { background:url(../images/arrow-mauve.gif) 163px 9px no-repeat; }
#nav li a.daddy:hover { background:#cd98b2 url(../images/arrow-white.gif) 163px 9px no-repeat; }


/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float:left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */



/* CLEARFIX */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-block;}

/* Hide from IE-mac\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */