/* CSS Document :: Corte Madera Chamber of Commerce */

/* Global Styles
----------------------------------------- */
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background-color: #939D80; background-image: url(/images/cm_bg.gif); font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: .8em; }
* { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
p { margin: 0.8em 0; line-height:1.3em; }
a { color: #053A9B; background-color: inherit; }
a:visited { color: #5a1f73; background-color: inherit; }
a:hover { color: #333; background-color: inherit; text-decoration:underline; }

.extra-pad {
  padding: 15px;
}

div#wrapper blockquote {
  margin: 0 15px;
}

div#wrapper table {
  margin: 15px;
}

div#wrapper p {
  margin: 15px;
  display: block;
}

div#wrapper p img {
  margin: -15px 15px -15px -15px;
  display: block;
}

p.nocolumn {
  margin: 0 auto;
}

/* #wrapper
----------------------------------------- */
#wrapper {margin: 0 auto; padding:0 0 20px 0; text-align: left; width: 780px; position: relative; background: #FFF; }

/* #header
----------------------------------------- */
#header { position: relative; width: 780px; height: 133px; background-color:#EFEFE7; background-image:url(/images/cm_topnav_bg.jpg); background-repeat:no-repeat; }

/* #toplinks
----------------------------------------- */
#toplinks { background: url(/images/bkgd_toplink_full.gif) repeat-x 0 100%; top: 0; right: 0; padding-left:155px; }
/*#toplinks ul { margin: 5px 0; } */
#toplinks li { display: inline; border-left: 1px solid #EEE; padding: 0; }
#toplinks li.first { border: 0; }
#toplinks li.last { border: 0; }
/*#toplinks a { color: #EEE; text-decoration: none; }
#toplinks a:hover { color: #FFF; }*/

/*#secondlinks { float:right; margin: 19px 28px 0 0; }
#secondlinks a { font-size: 85%; color: #474e46; text-decoration: none;  }
#secondlinks a { color: #6e7c57; text-decoration: underline;  }*/
#secondlinks {display:none; }

/* #tagarea
----------------------------------------- */
#tagarea { font-size:0.8em; color:#4C79D2; background-color:inherit; }
.tagline { position: absolute; bottom:38px; right:245px; margin:0; border:0; padding:0; }
.searcharea { position: absolute; bottom:24px; right:20px; margin:0; border:0; padding: 0; }
.searchtext { margin:0; font-size:0.8em; font-weight:bold; color:#333333; background-color:inherit; }
.tagimage { width:406px; height:50px; margin-top: 15px; }

#search, input[type="text"], input[type="password"], textarea {margin:0 0 0 17px; background: #FBFAF4; border: 2px solid; background-color:#E9E9E9; border:1px solid #333; width:120px; }
#search, #submit { vertical-align: bottom;}

.submitimage { margin:0; padding:4px 0 0 0; border:0; }
.join { margin:0 0 0 17px; font-size:0.8em; color:#4C79D2; background-color:inherit; }
.join a { color:#4C79D2; background-color:inherit; }
.join a:hover { color:#333; background-color:inherit; text-decoration:underline; }

/* #triadic
----------------------------------------- */
#triadic { height:140px; }
.triadicphoto { width:260px; height:140px; }

/* #content
----------------------------------------- */
#content {}
.nocolumn { padding: 15px; }

#content ul, li { list-style:disc; }


/* content Column1
----------------------------------------- */
#content .column1 { width: 290px; padding: 20px; float: left; }
#content .column1 img { }

/* content Column2
----------------------------------------- */
#content .column2 { width: 220px; padding: 14px; float: left; }
#content h2 {font-size:10pt; background-color:inherit; }
#content h2 a { text-decoration:none; }
#content h2 a:hover { color:#993300; text-decoration:none; }
#content h3 {padding:8px 0 0 0; font-size:10pt; font-weight:normal; color:#993300; background-color:inherit; }

/* content Column3
----------------------------------------- */
#content .column3 { width: 100px; padding: 14px; margin-left: 600px; }
#content .column3 dl { margin: 0 10px; background: url(/images/quote_close.gif) no-repeat right bottom; }
#content .column3 dt { color: #251200; background: url(/images/quote_open.gif) no-repeat; padding: 5px 15px 10px 40px; font-family: Georgia, Times New Roman, Times, serif; font-size: 110%; font-style: italic; line-height: 1.4; }
#content .column3 dd { font-size: 85%; color: #97622F; text-align: right; padding-right: 40px; }
#content .column3 dd.name { font-weight: bold; }

.eventphoto {border:1px solid #333; width:99px; height:66px; }

/* classes
----------------------------------------- */
img.logo { float:left; margin-top:-15px; padding:0 500px 0 15px; border:0; }
img.mouse { width: 16px; height: 16px; vertical-align:middle; }

/* #bottomlinks
----------------------------------------- */
#bottomlinks { padding-top:15px; font-size: 0.8em; }
#bottomlinks ul {}
#bottomlinks li { display: inline; padding: 10px; }
#bottomlinks a { color: #C1C1A4; text-decoration: underline; }
#bottomlinks a:hover { color: #FFF; text-decoration: underline; }

.reserved { padding:10px 0 0 0; font-size: 0.85em; color: #FFF; background-color:inherit; }
.credits { font-size: 0.8em; color: #DDD; background-color:inherit; }
.credits a { color:#DDD; background-color:inherit; text-decoration:none; }
.credits a:hover { color:#FFF; background-color:inherit; text-decoration:none; }

/* Members/Search Function
----------------------------------------- */
.bizTable { text-align: left; }
.bizCompany { font-weight: bold; color: #d06700; }
.bizWeb a { text-decoration: none; font-size: 90%; }

/* Self-Cleared Floats
----------------------------------------- */
#wrapper:after,
#header:after,
#triadic:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Contact Us Form
----------------------------------------- */
#contact h1 { font-size: 1.5em; padding: .75em; }
#contact form { margin: 0; padding: 0; }
#contact fieldset { padding: 0 0 10px 10px; margin: 0 auto 1em auto;
border: 1px solid #939D80; width: 95%; /* width not necessary if you had
padding on content wrap */ }
#contact legend { font-weight: bold; font-size: 1.3em; padding-bottom:
8px; padding-right: 5px; padding-left: 5px; color: #333; background-color: inherit; }
#contact dt { float: left; width: 30%; text-align: right; padding: 5px
10px 0 0; }
#contact label.last { font-weight: bold; text-align: left; padding-left:
10px; }
#contact input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; background-color: #e9e9e9; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#contact input, textarea { width: 35%; }
#contact p { text-align: center; }
#contact .error_message { margin: inherit; padding: inherit; display: inline; color: red; background-color: inherit; }
#contact .submitButton { margin-left: 45%; padding: 2px; border: double medium #939D80; color: inherit; background-color: #e8f0d9; width: 10%; }


#contact #apptable { border: 0; border-collapse: collapse; width: 85%; margin:10px auto; }
#apptable .radiobutton { text-align: right; padding-right: 5px; width: 35%; }
#apptable input { border:none; background-color:#fff; }