/* 
Title:		Southern Maine Midcoast Chamber	
Author: 	J Ecker - Pemaquid Communications
Date:		02/22/2006
*/

/* general styles
---------------------------------------------------------- */
body {
	font: small Georgia, "Times New Roman", Times, serif; 
	margin: 0 auto;
	padding: 0;
	background:#d6e0d6 url(../images/header-bg.jpg) repeat-x top left;
	color: #333;
	line-height: 1.6em;
	}

h1{
	font-size: 150%;
	}

h2{
	font-size: 140%; 
	padding:0;
	margin:0;
	}

h3{
	font-size:120%;
	margin:0;
	padding:0;
	color:#82a75d;
	text-transform:uppercase;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;
	}

li{
	list-style: disc; 
	}

a, a:visited{
	color:#a0522d;
	text-decoration:underline;
	}

a:hover{
	color:#000;
	}

img {border:none;}	

blockquote p { /* remove default padding around p tag within quotes */
	padding:0; 
	margin:0; 
	}
	
.clear {
	clear:both;
	}

.right{
	float:right;
	padding:0 0 0 10px;
	}

.left{
	float:left;
	padding:0 10px 0 0;
	}

.text_right{
	text-align:right;
	}
	
.text_center{
	text-align:center;
	}
		
/*page structure
---------------------------------------------------------- */	
#container {
	margin:0 auto;
	padding:0 0 50px 0;
	width:760px;
	background:#dfe6de url(../images/sidenav-bg.gif) repeat-y top left;
	}

.home #container {
	background:#dfe6de;
	}
	
	
#leftside {
	float: left;
	margin:20px 0 0 15px;
	padding:0;
	width:340px;
	display:inline;
	border-right:1px solid #cad7cd;
	padding-right:19px;
	}

.home #leftside {	
	width:476px;
	}

#rightside {
	float: left;
	width: 220px;
	margin:20px 0 0 15px;
	padding: 0;
	display:inline;
	font-size:85%;
	}	
	
.home #rightside {
	width: 220px;
	}	
	
.home #rightside p{
	margin:0 0 40px 0;
	}		
	
/* header
---------------------------------------------------------- */	
#header{
	margin:0;
	padding:0;
	width:100%;
	height:132px;
	background:transparent url(../images/header-logo.jpg) no-repeat center top;
	}
	
#header #inner_header{
	margin:0 auto;
	width:760px;
	}
	
#header h1{
	margin:0;
	padding:0;	
	}
	
#header h1 a{		
	float:left;
	text-indent:-9999px;
	margin:15px 0 0 3px;
	width:250px;
	height:91px;
	text-decoration:none;
	}

/* utilites
---------------------------------------------------------- */	
#utilities{
	color:#fff;
	margin:0;
	padding:0;
	float:right;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;	
	width:242px;	
	font-size:85%;		
	}
	
#utilities #wrapper{
	margin:0;
	padding:0;	
	}

#utilities #member_login{	
	height:27px;
	text-align:center;
	background:transparent url(../images/utilities-link-bg-left.gif) no-repeat left top;
	padding-left:8px;
	}
	
#utilities #member_login a{	
	color:#fff;
	text-decoration:none;
	background:transparent url(../images/utilities-link-bg-right.gif) no-repeat right top;
	display:block;
	height:100%;
	font-size:110%;
	padding:2px 8px 0 0;
	text-transform: uppercase;
	}

#loginDiv{
	margin:0;
	padding:0;
	background:#a3cd7b url(../images/utilities-open-bg.gif) repeat-y left top;
	}
	
#loginDiv div{
	margin:0;
	padding:0;
	}
	
#utilities form{
	margin:0;
	padding:0 0 3px 0;
	}	
	
#utilities fieldset{
	border:none;	
	padding:0;
	margin:0;
	}	

#utilities p{
	margin:0;
	padding:0;
	}

#utilities .labelsDiv{
	float:left;
	margin:0 0 0 3px;
	}

#utilities .buttonDiv{
	float:left; 
	margin:68px 0 0 10px;
	}
	
#utilities form .login{
	float:left;
	padding:0;
	}
	
/* MyMidcoast status
---------------------------------------------------------- */	
#myStatus {
	font-size:90%; 
	display:inline;
	float:right;
	margin-right:20px;
	color: #fff;
	}
#myStatus a {
	color:#fff;
	}	
#myStatus a:hover {
	color:#fc3;
	}		
	
/* skipnav
---------------------------------------------------------- */	
#skipnav {
	position:absolute;
	left:-9999px;
	height:10px; /* Needs to be at least 1px high for Safari */
	}

#skipnav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#skipnav a, #skipnav a:visited {
	color:#9AADD9;
	font-size:85%;
	text-decoration:none;
	}
	
#skipnav a:active, #skipnav a:focus {
	background-color:#ffc;
	color:#333;
	display:inline;
	font-size:71%;
	}	


/* page title
---------------------------------------------------------- */	
.page_title {
	color:#00718f;
	margin:0;
	margin-bottom:10px;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif; 
	font-size:180%;
	text-transform:uppercase;
	font-weight:normal;
	}

	
/* navigation
---------------------------------------------------------- */	
#nav{
	margin:0;
	padding:0;
	background:#005784 url(../images/nav-bg.jpg) repeat-x top left;
	width:100%;
	height:58px;	
	}

#nav ul{
	margin:0 auto;
	padding:0 0 0 2px;
	width:760px;	
	height:58px;
	background:transparent url(../images/nav-ul-left.jpg) no-repeat top left;	
	position:relative;
	z-index:1;
	}
	
#nav li{
	list-style:none;
	float:left;	
	margin:0;
	padding:3px 0 0px 0;
	background:transparent url(../images/nav-bg-ul.jpg) repeat-x top left;
	position: relative;
	}
	
#nav li.homelink{
	width:63px;
	}
	
#nav li.thingstodolink{
	width:118px;
	}
	
#nav li.thingstodolink ul{
	width:140px;
	}
	
#nav li.wheretostaylink{
	width:130px;
	}
	
#nav li.eventslink{
	width:76px;
	}
	
#nav li.aboutlink{
	width:150px;
	}
	
#nav li.directorylink{
	width:98px;
	}
	
#nav li.chamberlink{
	width:122px;
	}
	
#nav li.chamberlink ul{
	width:155px;
	}

#nav li.last a{
	background:transparent url(../images/nav-right.jpg) no-repeat top right;	
	padding:5px 15px 15px 15px;	
	}
	
#nav li.first a{
	padding:5px 15px 15px 15px;	
	}

#nav li.last a:hover{
	padding:5px 13px 5px 13px;	
	}
	
#nav li.first a:hover{
	padding:5px 13px 5px 13px;	
	}
	
#nav a{
	color:#fff;
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:5px 15px 5px 15px;	
	text-transform:uppercase;
	background:transparent url(../images/nav-right.jpg) no-repeat top right;	
	}

#nav li:hover{
	
	}
	
#nav a:hover{
	color:#ccff9a;
	border-right:2px solid #095964;
	border-left:2px solid #095964;
	padding:5px 13px 5px 13px;
	background:none;
	}
	
#nav li.current{
	background:#ccff9a url(../images/nav-current.jpg) repeat-x top left;
	padding:3px 0 4px 0;
	}

#nav li.current a{
	background:none;
	}
	
#nav li.current a:hover{
	color:#fff;
	padding:5px 15px 15px 15px;	
	border:none;
	}
	
#nav ul li ul{
	background: #d9f1c1 url(../images/second-nav-bg.jpg) no-repeat top right;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #a3cc7a;
	height: auto;
	white-space: nowrap;
	position: absolute;
	top: 33px;
	left: -2000px;
	}
	
#nav ul li ul li{
	list-style-type:none;
	float:none;
	background:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #a3cc7a;	
	}
	
/*
#nav ul li ul li.top{
	padding-top:4px;
	border:1px solid red;
	}
*/
	
#nav ul li ul li:first-child{
	padding-top:4px;
	}
	
#nav ul li ul li a, #nav ul li.last ul li a{
	display:block;
	padding:0;
	font-weight:normal;
	text-transform:none;
	color:#005782;
	padding:0px 6px;
	border-left:2px solid #a3cc7a;
	border-right:2px solid #a3cc7a;
	white-space: normal;
	background:transparent;
	font-size:85%;
	}
	
#nav ul li:hover ul, #menu li.over ul, #nav li.over ul{
	display:block;
	}	
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul {
	left: -2000px;
	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.iehover ul, #nav li li.iehover ul, #nav li li li.iehover ul, #nav li li li li.iehover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav ul li.current:hover ul, #menu li.over.current ul, #nav li.over.current ul{
	display:none;
	}	
	
#nav ul li ul li a:hover, #nav li.last ul li a:hover{
	background:#9dcc72;
	color:#d6e8c4;
	padding:0px 6px;
	border-left:2px solid #9dcc72;
	border-right:2px solid #9dcc72;
	}
	
#menu iframe {
	position: absolute;
	left: 0;
	top: -0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}


/* sidenav
---------------------------------------------------------- */	

#sidenav {
	float: left;
	margin:0;
	padding:50px 0 0 0;
	width:136px;
	display:inline;
	background:transparent url(../images/sidenav-top-bg.gif) no-repeat top center;
	}

#sidenav ul{
	margin:0;
	padding:0;	
	}
	
#sidenav li{
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #a3cc7a;
	}
	
#sidenav li.top{
	border-top:1px solid #a3cc7a;
	}

#sidenav li a{
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	color:#005782;
	text-decoration:none;
	display:block;
	margin:0;
	padding:5px 5px 5px 17px;
	}
	
#sidenav li a:hover, #sidenav li.current a{
	color:#fff;
	background:transparent url(../images/sidenav-on-bg.gif) repeat-y top center;
	}

/* footer
---------------------------------------------------------- */	
#footer{
	margin:0;
	width:100%;
	height:80px;
	background:#81acd7 url(../images/footer-bg.jpg) repeat-x top left;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;
	font-size:90%;
	}

#footer #inner_footer {
	margin:0 auto;
	background: transparent url(../images/footer-bg-inner.jpg) repeat-x top left;
	width:760px;
	height:77px;	
	color:#fff;
	padding-top:3px;
	}

#footer  a, #footer a:visited{
	color:#fff;
	}

#footer a:hover{
	color:#000;
	text-decoration:underline;
	}

#footer p{
	text-align:center;
	}
	
#footer .footer_contact{
	color:#338da5;
	}
	
/* marquee
---------------------------------------------------------- */	

#marquee{
	margin:0 auto;
	width:760px;
	height:271px;
	}
	
/* home promo
---------------------------------------------------------- */	

.home_promo{
	border-bottom:2px solid #cad8c9;
	clear:both;
	padding:30px 0;
	}
	
.home_promo img{
	border:2px solid #a1b6a2;
	float:left;
	margin:0 15px 0 0;
	}
	
.event_promo{
	background:transparent url(../images/event_promo.gif) no-repeat right center;
	padding-right:25px;
	}
	
.home_promo h3 a{
	margin:0;
	padding:0;
	color:#82a75d;
	text-transform:uppercase;
	text-decoration:none;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;
	}
	
.home_promo h3 a:hover{
	color:#000;
	}
	
.home .swfir_img{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	}
	
.home_promo .copy{
	width:300px;
	float:right;
	}
	
.event_promo .copy{
	width:275px;
	}
	
/* about region
---------------------------------------------------------- */	

.town_div{
	border-bottom:1px solid #CAD7CD;
	padding:15px 0 0 0;
	clear:both;
	}
	
.town_div img{
	border:2px solid #a1b6a2;
	float:left;
	margin:0 15px 40px 0;
	}
	
.town_div a:hover img{
	border:2px solid #a0522d;
	}
	
.town_div p{
	margin-top:0;
	}
	
#sidenav_town {
	margin:0;
	padding:0;
	}
	
#sidenav_town li{
	margin:5px 0;
	padding:0 5px;
	list-style-type:none;
	font-size:120%;
	}

#sidenav_town li.current{
	background:#e5ebe5;
	}

#sidenav_town li.current a{
	color:#000;
	text-decoration:none;
	}
	
/* chamber info
---------------------------------------------------------- */	
.newsletter{
	margin:0;
	padding:0;
	background:transparent url(../images/newsletter_icon.gif) no-repeat left top;
	height:90px;
	}
	
.newsletter li{
	margin:5px 0 10px 0;
	padding:0 5px 0 75px;
	list-style-type:none;
	line-height:1.4em;
	}
	
	
/* directory & events
---------------------------------------------------------- */	

.event, .directory{
	border-bottom:3px solid #c8d9c8;
	padding:20px 0 10px 0;
	}
	
.directory h3, .event h3{
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-transform:uppercase;
	color:#333;
	font-size:95%;
	}

.bizcat {
	font-style:italic;
	color:#005b88;
	}
		
a.email{
	background:transparent url(../images/email_link.gif) no-repeat left center;
	padding:4px 0 4px 30px;
	margin:10px 10px 0 0;
	height:20px;
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	color:#333;
	text-decoration:none;	
	}

a.vcard{
	background:transparent url(../images/vcard_link_over.gif) no-repeat left center;
	padding:4px 0 4px 35px;
	margin:10px 10px 0 0;
	height:20px;
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	color:#333;
	text-decoration:none;	
	}
	
a.vcard:hover{
	background:transparent url(../images/vcard_link.gif) no-repeat left center;
	}
	
a.my_link{
	background:transparent url(../images/my_icon_over.gif) no-repeat left center;
	padding:4px 0 4px 35px;
	margin:10px 10px 0 0;
	height:30px;
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	color:#333;
	text-decoration:none;	
	}
	
a.my_link:hover{
	background:transparent url(../images/my_icon.gif) no-repeat left center;
	}
	
a.url{
	background:transparent url(../images/web_link.gif) no-repeat left center;
	padding:4px 0 4px 30px;
	margin:10px 10px 0 0;
	height:20px;
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	color:#333;
	text-decoration:none;
	}

a.email:hover, a.vcard:hover, a.url:hover{
	text-decoration:underline;
	}

.directory img{	
 	float:right;
	margin:0 0 10px 10px;
	border:2px solid #a1b6a2;
	}
	
.event .dtstart{
	margin:0;
	padding:0;
	color:#82a75d;	
	text-transform:uppercase;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;
	float:right;
	text-indent:-9999px;
	}
	
.event .location {
	font-style: italic;
	color:#00718f;
	}
	

.pagination{
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	font-weight:normal;
	margin:10px 0 0 0; 
	padding:4px;
	background: #efefef;
	text-align:center;
	}
	
.pagination a{	
	font-weight:normal;
	}

.twitter {
	padding-left: 25px;
	background: url(/images/twitter.png) left center no-repeat;
	}

.facebook {
	padding-left: 25px;
	background: url(/images/facebook.png) left center no-repeat;
}

.linkedin {
	padding-left: 25px;
	background: url(/images/icon-linkedin.jpg) left center no-repeat;
}
/* search
---------------------------------------------------------- */	
#search{
	border:6px solid #fff;
	background:#c8d9c7;
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 
	width:198px;
	margin:0 auto;
	padding:10px 5px;
	}
	
#search fieldset{
	border:none;
	}
	
#search legend{
	color:#00718f;
	font-family:"Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif; 
	font-size:180%;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	}
	
#search label{
	font-weight:bold;
	}
	
#search p{
	margin:5px 0;
	}
	
#search #category{
	width:180px;
	}
	
#search #search_button{
	margin-top:10px;
	}


	
/* chamber info
---------------------------------------------------------- */	
.board_div{
	padding:10px;
	}

/* ads
---------------------------------------------------------- */				
h3.adheading {
	text-align:center;
	color:#999;
	}

.addiv {
	margin:10px 0;
	text-align:center;
	}	
	
/* misc
---------------------------------------------------------- */		
.err_msg { /* error messages */
	 	border-top:1px solid #c00;
	 	border-bottom:1px solid #c00;
		background:#efefef; 
		color: #c00;
		padding:4px;
		}
	
.success { /* success response messages */
	 	border-top:1px solid #696;
		border-bottom:1px solid #696;
		background:#efefef; 
		color: #363;
		padding:4px;
		}