/* Website: Santa Barbara Chamber of Commerce ----------------- */
/* Website Built by: Newleaders.com ---- */
/* Authored by: Patrick Alcisto -------- */
/* Created on: Mar 04, 2008 ------------ */
/* Modified on: Apr 17, 2008 ----------- */



/*=== CSS Reset ===*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body   { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table             {	border-collapse: separate; border-spacing: 0; }
caption, th, td   { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q     {	quotes: "" ""; }


/*********************************
*     Generic Global Styles      *
**********************************/
body    {
	background: #fff url(../images/bg2.png) 0 0 repeat-x;
	color: #464646;
	max-width: 100%;
	font-family: Verdana, Arial;
	font-size: 58%;
}
body#home    { background: #fff url(../images/bg.png) 0 0 repeat-x; }

a:link    { color: #1674a0; }
a:visited { color: #464646; }
a:hover   { color: #793431; }
h1, h2, h3, h4, h5 { color: #000; font-family: Helvetica, Arial; font-weight: bold; }
h1        { color: #fff; font: 3.6em/.9em Georgia, Times; }
h2        { font-family: Georgia, Times; }
h3        { font: bold 1.8em/1em Helvetica; }
h3 a:link { color: #1674a0; font-weight: bold; }
h4        { font: bold 1.5em/1em Helvetica; }
p         { font: 1.3em/1.3em Helvetica; }
strong    { font-weight: bold; }

/* Generic Classes
*********************************/
.clear       { clear: both; display: block; height: 0 !important; height: 1%; }
.floatLeft { display: inline; float: left; margin: 0 10px 15px 0; }
.last      { border: 0 none !important; }
.link:link { color: #2e8000; text-decoration: none; }


/* Global Layout Styles 
**********************************/
#container  { margin: auto; width: 912px; }
#header     { height: 103px; }
#masthead   { }
#main       { clear: both; padding-top: 1px; width: 912px; }
#secondaryContent { background: #fff url(../images/peachGradBg.png) 0 0 repeat-x; border-top: 9px solid #e9ba76; clear: both; }

/* Header Section
**********************************/
#logo { float: left; font: 37px Georgia; font-variant: small-caps; padding: 14px 0 0 0px; text-decoration: none; }
#logo a { color: #fff; text-decoration: none; }
#logo img { float: left; }
#logo span { display: block;  font-size: 16px; }
#header form { float: right; padding: 32px 0 0; }


/* Navigation */
#nav { font-size:1em; height: 52px; margin: 1px 0 0 0; width: 98.2em; }
#nav li { border-right: 1px solid #4d7387; float: left; display: inline-block }
#nav li a, 
#nav li a:visited { background: url(../images/menu.png) 0 0 repeat-x; color: #fff; display: block !important; display: inline-block; font: 1.3em Helvetica, Arial; height: 33px; padding: 19px 11px 0; text-decoration: none; }
#nav li a:hover, #home #homeNav a, #marketplace #mrktplaceNav a, #about #aboutNav a, #video #videoNav a, #newsPress #newsPressNav a, #calendarEvents #calEventsNav a, #joinChamber #joinChamberNav a, #members #membersNav a, #visitors #visitorsNav a, #city #cityNav a, #maps #mapsNav a, #join #joinChamberNav a { background: url(../images/menu.png) 0 -52px repeat-x; color: #e9ba76; text-decoration: none; }

#nav #active { border: none; color: #5a5a5a; font-weight: bold; text-decoration: none !important; }

/* Main
**********************************/
.layoutE #main { background: url(../images/peachGradBg.png) 0 94px repeat-x; }
#pageHeading { background: #793431; height:34px; margin-top: 25px; padding: 17px; }
.layoutD #pageHeading, .layoutE #pageHeading { border-bottom: 5px solid #e9ba76; }
.layoutD #pageHeading a, .layoutE #pageHeading a { color: #fff; display: inline; float: right; font: 1.3em Helvetica; margin-top: -8px; }
#pageHeading h1 { color: #fff; }
.layoutC h1 { color: #000; font: 4.1em/.8em Georgia; margin-bottom: 29px; }

/* Main Content
**********************************/
#home #mainContent { display: inline; float: left; padding: 20px 0 0; width: 602px; }
.layoutC #mainContent { display: inline; float: left; margin: 36px 0 0 296px; width: 596px; }
.layoutD #mainContent { background: #fff url(../images/peachGradBg.png) 0 0 repeat-x; padding-top: 21px; }
.layoutE #mainContent { display: inline; float: left; margin-left: 33px; padding-top: 21px; width: 548px; }
#container #main .titleBar { background: url(../images/titleBar.png) 0 0 repeat-x; color: #fff; font: bold 20px Georgia, Times; height: 29px; padding: 5px 13px 0; }
#news, #events { background: url(../images/lgtBlueBg.png) 0 34px repeat-x; } 
.newsItem { margin: 9px 15px 20px; padding-top: 1px; position: relative; }
.newsItem h3 { font: bold 18px Helvetica; margin: 15px 0 7px; }
.newsItem h3 a:link { color: #1674a0; font-weight: bold; }
.newsItem span {
	color: #2e8000;
	font: 14px Helvetica;
	position: absolute;
	top: 72px;
	width: 362px;
	height: 37px;
	left: -362px;
}

.pagination               { height: 22px; margin: 5px 0 10px; width: 43.5em; }
.pagination li            { display: inline; float: left; margin-right: 8px; }
.pagination li.last       { margin-right: 0; }
.pagination li a,
.pagination li a:visited  { background: #fff; border: 1px solid #797979; color: #797979; font: bold 1em/1em Verdana, Tahoma; display: block; padding: 4px 5px; text-decoration: none; }
.pagination li#active a,
.pagination li a:hover    { background: #797979; border: 1px solid #797979; color: #fff; display: block; }
.pagination li#disabled a, .pagination li#disabled a:hover   { background: #fff; border: 1px solid #d6d6d6; color: #d6d6d6; }

 
/* Side Bar
**********************************/
.layoutA #sideBar { display: inline; float: right; margin: 20px 0 0; width: 306px; }
.layoutB #sideBar { display: inline; float: right; }
.layoutC #sideBar { background: #fff url(../images/peachGradBg.png) 0 31px repeat-x;  display: inline; float: left; margin: 36px 0 0 -874px; width: 250px; }
.layoutE #sideBar { border-left: 1px solid #adadad; display: inline; float: right; margin: 18px 24px 0 0; padding-left: 42px; width: 200px; }

#sideBar h2 { background: #793431; color: #fff; font:bold 1.6em/1em Georgia, Times; height: 23px; padding: 8px 0 0 14px; }
#sideBar h2 a { color: #fff; }
.layoutE #sideBar h2 { background: transparent none; color: #793431; font: 30px Georgia, Times; height: auto; margin-bottom: 27px; padding: 0; }

.feature { background: transparent url(../images/featureBox.png) 0 0 no-repeat; height: 89px; margin-bottom: 11px; padding: 9px 0 0 8px; width: 298px; }
.feature img { float: left; padding-right: 8px; }
.feature h3 { color: #2f7ca2; font: bold 1.7em Helvetica; letter-spacing: -1px; }
.feature p  {}
.feature p a:link { color: #2e8000 !important; }
.ad300x100 { margin-bottom: 13px; text-align: right; }
.ad250x250 { margin-bottom: 17px; }
#events h3 { color: #464646; font: 1.3em Helvetica, Arial; }
.event { clear: left; margin-left: 20px; margin-top: 20px; }
.date { background: url(../images/feedDateBox.png) 0 0 no-repeat; display: inline; font: bold 12px Helvetica; float: left; height: 41px; margin-right: 13px; padding-right: 3px; text-align: center; width: 38px; }
.date span { display: block; margin-top: 6px; }
.event {}

#sectionMenu { margin: 21px 0 38px 16px; }
#sectionMenu li, #sectionMenu li a { display: block; }
#sectionMenu li { font-size: 13px; margin-bottom: 4px; }
#sectionMenu li a { background: url(../images/aboutChambersMenu.png) 0 -22px no-repeat; height: 19px; padding: 3px 0 0 20px; width: 210px; }
#sectionMenu li a:hover, #sectionMenu a.active { background: url(../images/aboutChambersMenu.png) 0 0px no-repeat; color: #000; text-decoration: none; }
#sectionMenu a.active { font-weight: bold; }
#sectionMenu li ul { margin-left: 25px; width: 185px; }
#sectionMenu li ul a { width: 185px;  }
#sectionMenu li ul a:hover, #sectionMenu li ul a.active { background: url(../images/aboutChambersMenuOff.png) 3px 0px no-repeat; color: #000; text-decoration: none; }

#featuredLocal { margin-left: 18px; }
#featuredLocal h3 { font: normal 18px Helvetica; }
.featureLcl { margin-bottom: 22px; }
.featureLcl h4 { margin-bottom: 3px; }
.featureLcl p { font-size: 1.2em; line-height: 1.2em; margin-top: 2px !important; }

/*********************************/
/*                      */
/*********************************/
#masthead { background: #793431; border-bottom: 9px solid #e9ba76; padding: 0 0 9px; width:602px; }
#masthead p {
	color: #fff;
	font: 3.4em/.95em Georgia;
	height: 58px;
	padding-top: 21px;
	padding-right: 29px;
	padding-bottom: 0;
	padding-left: 29px;
}
#visitSBBD {
	background: #fff url(../images/peachGradBg.png) 0 0 repeat-x;
	height: 171px;
	margin-bottom: 8px;
}
#visitSBBD p { float: left; padding: 24px 0 0 16px; width: 432px; }
#visitSBBD p a:link { color: #874723; display: block; font: 19px/1em Georgia; margin-bottom: 5px; }
p#currentWeather { background: transparent url(../images/currentWeatherBox.png) 0 0 no-repeat; color: #000; font-family: Helvetica; height: 83px; margin: 13px 0 0 0; padding: 8px 0 0 9px;; width: 116px; }
#cW { color: #1674a0; display: block; font: bold 12px/1em Helvetica; margin-bottom:4px;}
#condition { font: 15px/1em Helvetica; display: block; margin-bottom: 4px;}
#temp { font: bold 19px Helvetica;}
#currentWeather img { vertical-align: middle;}
.layoutB #secondaryContent { margin-left: 23px; }


#secondaryContent div { display: inline; float: left; margin: 13px 15px 0; width: 272px; }
#home #secondaryContent { margin-bottom: 20px; }
#home #secondaryContent div h2 { color: #874723; font: 19px Georgia; }
#secondaryContent div.cB { display: block; float: none; }

/* Marketplace Section 
**********************************/
#marketplace .mainPOI h1 { margin-bottom: 8px; }
p.intro { font: bold 18px Helvetica; margin-bottom: 15px; }
.layoutC #mainContent p { margin-bottom: 18px; }
#poiImages { margin-bottom: 17px; }
#poiImages img { margin-right: 8px; }

#viewOrderBtn { float: right; margin-top: -28px !important; }
.package { background: url(../images/paperIcon.png) 0 0 no-repeat; display: inline; float: left; height: 150px; margin: 0 11px 0px 21px; padding: 0 0 0 96px; width: 323px; }
.package h3 { color: #108700; font: normal 1.6em Helvetica; }
.package h3 a { margin-right: 7px; }
.package p { font-size: 1.2em; margin-bottom: 13px; }
.package .btn {}


/* About Section 
**********************************/
.layoutB #mainContent { background: url(../images/peachGradBg.png) 0 0 repeat-x; margin-bottom: 34px; padding: 16px 44px 0 23px; }
.layoutB #mainContent img { border: 1px solid #dea754; float: left; margin-right: 29px; }
.layoutB #mainContent h2 { color: #874723; font: 2.4em/1.1em Georgia; margin-bottom: 24px; }
.layoutB #mainContent p { line-height: 20px;  }
.layoutB #secondaryContent {
	background: none;
	border-top: 0 none;
	display: inline;
	float: left;
	margin-left: 23px;
	width: 560px;
}
.layoutB #secondaryContent div { margin: 0 50px 45px 0; width: 230px; }
.layoutB #secondaryContent div p { color: #707070; font: 12px Helvetica; margin-top: 7px }
#about .layoutB #sideBar { margin-right: 74px; width: 218px; }
#about .layoutB li.BoD { display: inline; float: left; margin: 5px 2px 0 2px; }

/* Business Leaders */
.bizLeader {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 55px;
	margin-bottom: 48px;
	margin-left: 0;
}
.bizLeaderRC { margin-right: 0; }
.bizLeader img { border: 1px solid #c2c2c2; display: inline; float: left; margin-right: 19px }
.bizLeader h3 { font: bold 1.5em/1em Helvetica; margin-bottom: 3px }
.bizLeader h3 a:link { color: #1674a0; }
.bizLeader h3 a:visited { color: #793431; }
.bizLeader p { font-size: 1.2em; line-height: 1.2em; }
.bizLeader p a:link { color: #2e8000; text-decoration: none; }
.bizLeader p a:hover { color: #2e8000; text-decoration: underline; }

/* News & Press Room
**********************************/
.layoutD .newsItem { border-bottom: 1px solid #adadad; margin: 32px; margin-top: 0; padding-bottom: 30px }
.layoutD .newsItem h3 { font-weight: normal; margin-top: 0; }
.layoutD .pagination { margin-left: 42px; }
.layoutE #mainContent h2 { color: #434343; font: bold 32px/33px Helvetica, Arial; margin-bottom: 10px; }
.layoutE #mainContent h3 { font-weight: normal; margin-bottom: 17px; }
.layoutE #mainContent p  { margin-bottom: 35px; }
.layoutE .newsItem { margin-left: 0; }
.layoutE .newsItem h3 { margin-top: 0;}
.layoutE .newsItem span { color: #000; display: block; font-size: 1.6em; margin-bottom: 3px; position: relative; top:0; }

/* Calendar
**********************************/
#calendarEvents #mainContent { background: none; display: inline; float: left; margin-top: 10px; padding-top: 0; width: 619px;}
#calendarEvents #sideBar { display: inline; float: right; margin-top: 7px; width: 288px; }
#mainContent #calendar { background: url(../images/calendarBottom.png) left bottom no-repeat; padding-bottom: 7px; width: 619px; }
#calendar p { color: #000; font: bold 13px/1em Helvetica; float: left; }
#calendar p span { padding-left: 5px;  position: relative; top: -2px }
#calendar ul { float: right; }
#calendar li, #calendar li a { display: block !important; display: inline-block; }
#calendar ul li { background: url(../images/calendarTabs.png) left top no-repeat; display: inline; font: 11px/10px Helvetica; float: left; margin-right: 4px; }
#calendar ul li a { background: url(../images/calendarTabs.png) right top no-repeat; height: 16px; margin-left: 4px; padding: 6px 4px 0 0; text-decoration: none; }
    #calendar li.print { background: none; }
	#calendar li.print a { background: url(../images/printIcon.png) 0 0px no-repeat; height: 14px; margin: 4px 4px 0 0; padding: 2px 0 0 18px; text-decoration: underline; }
    #calDay, #calDay a { width: 30px; }
    #calWeek, #calWeek a { width: 40px; }
    #calMonth, #calMonth a { width: 46px; }
    #cal4days, #cal4days a { width: 76px; }
    #calAdenda, #calAdenda a { width: 50px; }
	/* LI active/hover */
    #calendar li.active, #calendar li:hover, #calendar li.sfhover { background: url(../images/calendarTabs.png) 0 -22px no-repeat; }
	/* "a" active */
    #calendar li.active a { background: url(../images/calendarTabs.png) right -22px no-repeat; color: #000; font-weight: bold; }
	#calendar li.active a { font-weight: bold !important; } 
	/* "a" hover */
	#calendar li:hover a, #calendar li.sfhover a/*, #calendar li.active:hover a*/ { background: url(../images/calendarTabs.png) right -22px no-repeat; color: #000; }
	
	#calendar li:hover a, #calendar li.sfhover a { font-weight: normal; }
	
#mainContent #calendar table { background: #cde1ff url(../images/calendarTop.png) left top no-repeat; clear: both; padding: 5px 1px 0 9px; width: 619px; }
#calendar th { border-bottom: 1px solid #b2c9e7; color: #114ccf; font: bold 11px Helvetica; height: 12px; text-align: center; }
#calendar td { font: 1.1em Helvetica; padding: 1px 2px; width: 80px; }
.calDate, .calDateContent { border-collapse: separate; border-left: 1px solid #b2c9e7; }
.calDate { height: 16px;}
.calDate td { color: #998174; background: #ecf1f9; text-align: right; } 
.calDate td, .calDateContent td { border-left: 1px solid #d9e6f3; border-right: 1px solid #fff; }
.calDateContent { background: #fff; height: 83px; }
.calDateContent td { border-bottom: 1px solid #d9e6f3; }
.lastRow { height: 120px; }

#sideBar #calendar { border-bottom: 1px solid #b9b9b9; width: 299px; }
#sideBar #calendar div { background: #fff; }
#sideBar #calendar div p { float: none; }
#sideBar #calendar table { background: #cde1ff url(../images/smCalendarTop.png) left top no-repeat; border-bottom: 6px solid #cde1ff; clear: both; padding: 5px 5px 0 5px; width: 299px; }
#sideBar #calendar th { border-bottom:0 none; color: #114ccf; font: bold 11px Helvetica; height: 12px; text-align: center; }
#sideBar #calendar td { font: 1.1em Helvetica; padding: 1px 2px; width: 40px; }
#sideBar .calDate, #sideBar .calDateContent { border-collapse: separate; border-left: 1px solid #b2c9e7; }
#sideBar .calDate { height: 16px;}
#sideBar .calDate td { color: #8a8a8a; background: #f2f2f2; text-align: right; }
#sideBar .calDate td.active { background: #c6d6e4; }
#sideBar .calDate td, #sideBar .calDateContent td { border-left: 0px solid #d9e6f3; border-right: 1px solid #cde1ff; }
#sideBar .calDateContent { background: #fff; height: 37px; }
#sideBar .calDateContent td { border-bottom: 1px solid #cde1ff; color: #000; }
#sideBar .calDateContent td.active { background: #ffffd5; }
#sideBar .lastRow { height: 37px; }

#calendarEvents #events { background: #fff none; border: 1px solid #739fb7; }
#calendarEvents #events h2 { margin-bottom: 17px; }
#events .odd { background: url(../images/eventBg.png) 0 0 no-repeat; }
#calendarEvents .event { height: 52px; margin-top: 0px; margin-bottom: 2px; padding: 12px 0 0 15px; }
#calendarEvents .event p a:link { color: #0f6894; text-decoration: none; }

/* Members Section 
**********************************/
.bizDirectory #mainContent { width: 555px; }
.bizDirectory #mainContent h2 { color: #000; font: normal 2.7em Helvetica; }
.bizDirectory .featureLcl { float: left; width: 223px; margin: 0 50px 50px 0px; }
.bizDirectory #mainContent p { margin-bottom: 0; }
.bizDirectory #sideBar { border: 0 none; margin-right: 0; padding: 0; width: 300px; }
.bizDirectory #sideBar #addYourBiz { display: block; margin-bottom: 14px; }
.bizDirectory #sideBar h2 { margin-bottom: 0px; }
.bizDirectory #sideBar p { margin-bottom: 40px; }

div#directorySearch       { background:url(../images/searchBackground.gif) repeat-x; height:120px; }
.layoutD #directorySearch { margin-left: 20px; }
.layoutE #directorySearch { height: 100px; margin-left: -13px; }
.layoutD #directorySearch #addYourBiz { display:inline; float:right; height:82px; margin: 0px 23px 0 0; width:277px; }
#directorySearch #directoryForm #directorySearchField { 
background:url(../images/searchInputBackground.gif) repeat-x; margin: 13px 0 0 0px; height:30px; font-size:20px; padding:1px 2px; float:left; display:inline; width:400px; border:1px solid #eddcc2; border-width:0 1px; }
#directorySearch #directorySearchButton { float:left; display:inline; margin: 13px 0 0 10px; }
#legalListings h2 { border-bottom:1px solid #e9ba76;	color:#874723; font:4em Georgia, serif;	width:821px; margin:-50px 0 0 32px;	padding:0 0 1px; }
#legalListings #legalDescription { clear:both; }
#legalListings div.listing { padding:27px 0 24px; margin:0 28px; border-bottom:1px solid #adadad; overflow:hidden; display:inline-block; }
div#legalListings div.listing { display:block; }
#legalListings div.listingImageHolder { background:url(../images/imageBackground.gif) no-repeat; border: 1px solid #c0c0c0; width:128px; height:86px; float:left; display:inline; overflow:hidden;} 
#legalListings div.listingImageHolder img { margin:2px 0 0 2px; }
#legalListings div.listing div.listingUser {  float:left; display:inline; margin:15px 0 0 19px; }
#legalListings div.listing h3 a:link { color:#1674a0; text-decoration:none; font-size:1em; border-bottom:2px solid #8ab9cf; }
#legalListings div.listing p.address { font-size:1.5em; color:#393939; margin:5px 0 0; line-height:1.5; clear:left; }
#legalListings p.legalDescription { color:#363636; clear:both; float:left; width:100%; margin:19px 0 0; }
#legalListings a.sendMail { background:url(../images/greenArrow.png) 0 6px no-repeat; margin-left: 4px; padding-left:9px; color:#267da6; }
#legalListings a.sendMail:hover { color: #793431; } 


/* Visitor Section 
**********************************/
#visitors .layoutB #mainContent div { float: left; width: 420px;  }
#visitors .layoutB #mainContent h2 { float: left; font-size: 2.7em; margin-top: 22px; width: 266px; }
#visitors .layoutB #mainContent p { clear: both; }
#visitors .layoutB #mainContent #currentWeather { clear: none; float: right; margin: 0; }
#visitors .layoutB #mainContent #currentWeather img { float: none; border: none; margin: 0; }
#visitors .layoutB #sideBar { width: 322px;}
#visitors .layoutB #sideBar #events { margin-bottom: 107px; }

/* The City Section 
**********************************/
#city #secondaryContent { float: none; width: auto; }


/* Forms
**********************************/
.half { width:49%; float:left; margin:1em 0; }
.full { width:100%; margin:1em 0; float:left; }
.first { margin-right:2%; }
.half input { width:98%; }
.half label, .full label { display:block; font-size:1.4em; color:#AAA; margin-bottom:.3em; }
.full textarea { width:99%; height:100px; }
.full input { width:99%; }
.half input, .full textarea, .full input {
	background:#fff;
	border:1px solid #111;
	color:#666666;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.5;
}
.submit { clear:left; }
.submit input { width:100px; }

/* Clearing
*********************/
.cB:after, #header:after, #nav:after, #main:after, .event:after,
#mainContent:after, #city #secondaryContent:after, #directorySearch:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.cB, #header, #nav, #main, .event, #mainContent, #city #secondaryContent, #directorySearch { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .cB, * html #header, * html #nav, * html #main, * html .event, * html #mainContent,
* html #city #secondaryContent, * html #directorySearch { height: 1%; }
.cB, #header, #nav, #main, .event, #mainContent, #city #secondaryContent, #directorySearch { display: block; }
* html #paymentInfo { margin-bottom: 38px; padding-bottom: 0px; }
/* End Holly Hack */