@import url("reset.css");

body { background: #262626 url("/images/layout/page-background.gif") repeat; font-family: arial, helvetica, verdana, sans-serif; font-size: 0.76em; }

#container { width: 794px; background: #262626 url("/images/layout/page-drop-shadow.jpg") repeat-y; margin: 1em auto;}
#page { width: 780px; margin: 0 auto; }
#header  { margin: 0; padding: 0; width: 780px; height: 150px; }
#header img { width: 780px; height: 150px; }
#title  { background: #00467F; margin: 0; padding: 0; width: 780px; height: 40px; }
#title img { width: 780px; height: 40px; }
#main { background: #fff url("/images/layout/main-background.gif") repeat-y; }


#navigation { background: #616248; width: 180px; float: left; color: #fff; }
.navsection { background: #9CC95B; color: #000; padding: 0.5em 0.5em; font-weight: bold; letter-spacing: 1px; }
.navlinks   { margin: 1em 0; }
.navlinks li { margin: 0.5em 0.2em 0.5em 1em; }
.navlinks a:link { color: #fff; text-decoration: none; }
.navlinks a:visited { color: #fff; text-decoration: none; }
.navlinks a:hover { color: #ff0; }
.navlinks a:active { color: #ff0; }

#navigation form { border: 0; padding: 0; position: relative; }
#navigation form legend { font-size: 0.9em; font-weight: bold; }
#navigation form div { margin: 0 0; }
#navigation form label { display: block; }
#navigation form input { width: 60px; }

#navigation #logo { width: 134px; margin: 1em auto; }
#navigation #logo img { width: 134px; height: 143px; }

#content { background: #fff; margin-left: 180px; padding: 1em 1em 0 1em; line-height: 1.5;}

#topad { width: 468px; height: 60px; margin: 0.5em auto; }

#homepage { float: left; width: 390px; }
#whatsnew h2 { border: 1px solid #004A85; border-bottom: 5px solid #004A85; background: #e3e3e3; padding: 0.2em 0.5em; font-size: 1.3em; font-weight: bold; }
#whatsnew h3 { font-weight: bold; margin: 0.5em 0 0 0; text-align: center; }
#whatsnew p { padding-bottom: 0.8em; }
#whatsnew p.nomore { border-bottom: 1px solid #ccc; padding-bottom: 0.5em; }
#whatsnew p.more { color: #004A85; font-weight: bold; text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 0.5em; }
#whatsnew p.more a:link { color: #004A85; text-decoration: none; }
#whatsnew p.more a:hover { text-decoration: underline; }
#whatsnew p.morearticles { margin: 1em 0; }
#whatsnew p.morearticles a { color: #004A85; text-decoration: none; font-weight: bold; }
#whatsnew p.morearticles a:hover { text-decoration: underline; }

#newsletter h2 { border: 1px solid #004A85; border-bottom: 5px solid #004A85; background: #e3e3e3; padding: 0.2em 0.5em; font-size: 1.3em; font-weight: bold; }
#newsletter h3 { font-weight: bold; margin: 0.5em 0 0 0; }
#newsletter p.more { color: #004A85; font-weight: bold; text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 0.5em; }
#newsletter p.more a:link { color: #004A85; text-decoration: none; }
#newsletter p.more a:hover { text-decoration: underline; }
#newsletter p.morearticles { margin: 1em 0; }
#newsletter p.morearticles a { color: #004A85; text-decoration: none; font-weight: bold; }
#newsletter p.morearticles a:hover { text-decoration: underline; }

#newmembers { position: relative; }
#newmembers h2 { border: 1px solid #004A85; border-bottom: 5px solid #004A85; background: #e3e3e3; padding: 0.2em 0.5em; font-size: 1.3em; font-weight: bold; margin-top: 1em; }
#newmembers .newmembercolumn { width: 45%; float: left; margin-right: 5%; }
#newmembers h3 { color: #004A85; font-weight: bold; margin: 0.5em 0 0 0; font-size: 1.2em; border-bottom: 1px solid #ccc; }
#newmembers div.newmember { padding-bottom: 1em;  }
#newmembers div.name { padding-top: 0.2em; }
#newmembers div.name span.category { font-style: italic; display: block; }
#newmembers div.address { padding-top: 0.2em; }

#chamber { padding-bottom: 2em; }
#homepage h1, #chamber h1 { border: 1px solid #004A85; border-bottom: 5px solid #004A85; background: #e3e3e3; padding: 0.2em 0.5em; font-size: 1.3em; font-weight: bold; margin: 0.2em 0 1em 0; }
#homepage h2, #chamber h2 { border-bottom: 2px solid #004A85; font-size: 1.2em; font-weight: bold; margin-top: 1em; }
#homepage h3, #chamber h3 { font-size: 1.1em; font-weight: bold; margin-top: 1em; }
#homepage ul, #chamber ul { margin-left: 1em; list-style-type: disc; }
#chamber p { margin: 1em 0; }
#chamber a:link { color: #004A85; text-decoration: none; }
#chamber a:visited { text-decoration: none; }
#chamber a:hover { text-decoration: underline; }
#chamber a:active { text-decoration: underline; }

form #verifyimage { width: 60px; height: 20px; vertical-align: top; }
form { border: 1px solid #004A85; padding: 1em; position: relative; }
form legend { font-size: 1.1em; font-weight: bold; }
form p.error { color: #990000; font-weight: bold; padding-top: 10px; }
form div { margin: 1em 0; }
form label { display: block; }
form input { width: 300px; }
form textarea { width: 300px; height: 100px; }
form .phonenumber { float: left; margin-top: 0; }
form .phonenumber input { width: 120px; margin-right: 30px; }

form.searchform { border: 0; padding: 0; }
form.searchform input.searchtext { width: 75px; }
form.searchform input.searchsubmit { width: auto; }

.staffmember { width: 150px; height: 180px; text-align: center; float: left; margin: 1em; }
.staffmember div { width: 100px; margin: 0 auto; }

#chamber div.committeeleaders { border: 1px solid #004A85; background: #e3e3e3; padding: 0.5em; }
#chamber div.committeeleaders p { margin: 0; padding: 0; }

#chamber div.boardmember { width: 150px; float: left; margin: 1em; height: 300px; }
#chamber div.boardmember p { margin: 0; padding: 0; }

#chamber.directory { position: relative; }
#chamber.directory ul.alpha { list-style-type: none; height: 1.5em; }
#chamber.directory ul.alpha li { float: left; margin: 0 0.5em; }

#sidebar { float: right; width: 170px; }
#sidebar #search { border: 1px solid #004A85; background: #e3e3e3; }
#sidebar #search h3 { background: #004A85; color: #fff; margin-bottom: 0.2em; padding: 0.2em; font-weight: bold; }
#sidebar #search p { padding: 0.2em 0.3em 0.5em 0.3em; }
#sidebar #search input.text { width: 90px; }

#sidebar #thisweek { margin-top: 1em; border: 1px solid #9CC95B; }
#sidebar #thisweek h4 { color: #004A85; margin: 0.5em 0.5em 0.2em 0.5em; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #000; }
#sidebar #thisweek h5 { color: #000; margin: 0.5em 0.5em 0.2em 0.5em; font-weight: bold; font-size: 1em; }
#sidebar #thisweek p { color: #000; margin: 0 0.5em 0.2em 0.5em; font-size: 0.9em; }
#sidebar #thisweek p span { font-style: italic; text-align: right; }
#upcomingevents {
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 200px;
	}
.jshowoff {
	width: 160px;
	margin: 10px 0;
	}
.jshowoff div {
	width: 160px;
	height: 200px;
	}

#sidebar #events { margin-top: 1em; border: 1px solid #004A85; }
#sidebar #events h3 { background: #004A85; color: #fff; margin-bottom: 0.2em; padding: 0.2em; font-weight: bold; }
#sidebar #events h4 { color: #004A85; margin: 1em 0.5em 0.2em 0.5em; font-weight: bold; }
#sidebar #events p { color: #004A85; margin: 0 0.5em 0.5em 0.5em; font-size: 0.9em; }
#sidebar #events p span { font-style: italic; text-align: right; }

#sidebar div.sidebar { margin-top: 1em; border: 1px solid #004A85; }
#sidebar div.sidebar h3 { background: #004A85; color: #fff; margin-bottom: 0.2em; padding: 0.2em; font-weight: bold; }
#sidebar div.sidebar h4 { color: #004A85; margin: 1em 0.5em 0.2em 0.5em; font-weight: bold; }
#sidebar div.sidebar p { color: #004A85; margin: 0 0.5em 0.5em 0.5em; font-size: 0.9em; }
#sidebar div.sidebar p span { font-style: italic; text-align: right; }

#sidebar div.attention { margin-top: 1em; border: 1px solid #004A85; }
#sidebar div.attention a { display: block; background: #9CC95B; color: #000; text-align: center; padding: 0.2em; font-weight: bold; text-decoration: none; }
#sidebar div.attention a:hover { text-decoration: underline; }

#sidebar #links { margin-top: 1em; }
#sidebar #links h3 { border: 1px solid #004A85; border-bottom: 5px solid #004A85; background: #e3e3e3; padding: 0.2em 0.5em; font-size: 1.3em; font-weight: bold; }
#sidebar #links li { list-style-type: disc; margin: 0.2em 0.2em 0.2em 1.5em; }
#sidebar #links li a { color: #000; text-decoration: none; letter-spacing: 1px; }
#sidebar #links li a:hover { color: #004A85; text-decoration: underline; }
#sidebar #links li div.highlight { background: #9CC95B; border: 1px solid #004A85; padding: 0.5em;  }

#beveragesponsors { clear: left; }
#beveragesponsors div.sponsor { width: 120px; margin-top: 1em; float: left; margin-right: 10px; }
#beveragesponsors div.sponsor div.logo { width: 120px; height: 100px; }
#beveragesponsors div.sponsor h3 { margin-top: 0; padding-top: 0; }
#communications { clear: left; padding-top: 1em; }
#communications table { width: 100%; }
#communications table thead th { font-weight: bold; }
#communications table td, #communications table th { text-align: center; padding: 0.2em; }

#majoremployers th { font-weight: bold; border-bottom: 1px solid #000; padding: 0.2em; }
#majoremployers td { padding: 0.2em; }
td.number { text-align: right; }
tr.altrow td { background: #e3e3e3; border-bottom: 1px solid #ccc; }

.directory-links { margin: 1em 0; }

#calendarselect { border: 0; }
#calendarselect select { margin-right: 2em; }
#calendarselect input { width: 5em; }

#calendar th { font-weight: bold; padding: 0.2em; background: #9CC95B; text-align: center; }
#calendar td { padding: 0.2em; border: 1px solid #ccc; }

#ctblogo { display: block; width: 343px; height: 150px; margin: 0 auto 1em auto;}

#footerlinks { background: url("/images/layout/main-background.gif"); color: #fff; width: 180px; }
#footerlinks ul.navlinks { margin: 0; padding: 1em 0; }
#footerlinks ul.navlinks li { margin: 0.5em 0; text-align: center; }

#footer { background: #fff; }
#footer #copyright { margin-left: 180px; font-weight: bold; text-align: center; padding: 0.5em 0; }
#footer #email a { color: #fff; text-decoration: none; }
#footer #email a:hover { text-decoration: underline; }
#footer #email { background: #616248; width: 180px; float: left; color: #fff; font-weight: bold; text-align: center; padding: 0.5em 0; }

.clear { clear: both; }