@charset "utf-8";
/* East & South Des Moines Chambers of Commerce Global CSS */

body {background-color: #8F8C4A; color: #000000; font: 12px/16px Arial,Helvetica,sans-serif; margin: 0; padding: 0;}
img {border:0;}
a {color:#0096d6; text-decoration:none;}
a:hover {text-decoration:underline;}
.error {font-weight:bold; margin:0 0 15px 0; color:#b63942; padding-top:0; padding-left:17px;}
#page {width:1000px; margin:0 auto; position:relative;}
h1 {margin:0; padding:0; font-size:18px; line-height:18px; color:#231f20;}
h2 {font-size:14px; font-weight:bold; color:#473019; margin:1px 0 2px 0;}
h3 {font-size:16px; font-weight:bold; color:#231f20; margin:1px 0 2px 0;}


/* Header --------------------------------------*/
#head {width:100%; height:179px; position:relative; background:url(/images/header/header.gif) no-repeat #231f20;}
#head .logo {width:600px; height:110px; display:block; position:absolute; top:30px; left:30px;}
#head ul {height: 35px;left: 295px;list-style: none outside none; margin: 0;padding: 0;position: absolute;top: 131px;width: 705px;}
#head ul li {height:35px; line-height:35px; padding:0; float:left ;text-align:center; list-style: none;} 
#head ul li a {color: #f2ebda; display: block; font-size: 13px; line-height:55px; font-weight: normal; height: 35px; text-align: left; text-decoration: none; text-transform: uppercase;  font-family: Georgia, "Times New Roman", Times, serif; margin-right:45px;}
#head ul li a:hover {color: #bddb7e;}


/* Body / Contents -----------------------------*/
#body {width:100%; position:relative; background-color:#fff; overflow:hidden; padding:0 0 20px 0;}
#body h1 {margin:0; padding:0; font-size:18px; line-height:18px; color:#231f20;}
#body h2 {font-size:14px; font-weight:bold; color:#473019; margin:1px 0 2px 0;}
#body .content {position: absolute; right: 60px; top: -10px;}
#body .leftc {left:295px; right:0 !important;}
#body .submenu {height:40px; margin-top:-5px; padding:0; background-color:#c9df8e;}
#body .submenu li {height:25px; margin:0 50px 0 -20px; padding-top:10px; float:left; text-decoration:none; list-style:none; }
#body .submenu li a {color: #756c4f; font:14px/18px Georgia,"Times New Roman",Times,serif; height: 25px; text-decoration: none;}
#body .submenu li a:hover {text-decoration: underline;}
#body .left {width:245px; float:left;}
#body .left .news {width:228px; height:242px; margin:25px 0 0 8px; background:url(/images/body/news-bg.gif) no-repeat; position:relative;}
#body .left .news h3 { background-color: #554d3a; color: #f2ebda; height: 25px;line-height: 25px; margin: 0; padding: 0; position: absolute;text-align: center; text-transform: uppercase; width: 228px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
#body .news .articles {width:212px; height:178px; position:absolute; top:35px; left:3px; font-size:11px; position:relative; overflow:hidden;}
#body .news .articles .items {position:absolute; height:auto;}
#body .news .articles .item {margin: 0 10px 16px; min-height:45px; width:200px; min-height:45px; margin-bottom:16px;}
#body .news .articles .item a {color: #554D3A;font-style: italic;}
#body .news .articles .item .date {font-weight:bold; font-style:normal;}
#body .news .articles .item .title {font-style:normal; font-weight:bold;}

#body .founders {width:245px; text-align:center; margin-top:10px; padding:5px;}
#body .founders h3 {width:100%; text-align:center; text-transform:uppercase; font-size:14px; margin-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; color:#554d3a;}

#body .right {float: left; margin: 0 0 40px 50px;padding: 70px 0 0;width: 635px;}


/* Body / Contact Form -------------------------*/
.contact label {font-size:11px;}
.contact label.req {font-weight:bold; padding-right:15px; background:url(/images/body/label-req.png) no-repeat 100% 50%;}
.contact label em {font-size:10px; margin-left:6px;}
.contact input[type=text] {width:285px;}


#foot { background-color: #F2EBDA; border-top: 4px solid #554D3A; padding: 20px 0; width: 1000px; overflow:hidden;}
#foot ul {width:500px; line-height:10px; list-style:none; padding:0; margin:0; float:left; clear:both;}
#foot ul li {float:left; padding:0; height:20px;}
#foot ul li.first {padding-left: 30px;}
#foot ul li a {color: #554D3A;font-size: 12px;font-weight: normal;line-height: 20px;text-decoration: none;}
#foot ul li a:hover {text-decoration:underline;}
#foot .address {float:left; color: #554D3A; font-size:12px;line-height: 18px; margin-top: 10px; padding: 0 30px; width:499px;}
#foot .address a {color:#555; text-decoration:underline;}
#foot .members {width:400px; margin-top:-20px; padding:0; float:left;}
#foot .members h3 {width:100%; text-transform:uppercase; font-size:12px; margin-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; color:#554d3a;}


/* News Articles -------------------------------*/
.newsitem {background-color: #EEEEEE;font-size: 11px;padding: 10px;}
.article {background-color:transparent; padding:0;}
.newsitemhi {background-color:#ddd;}
.newsitem .title {margin:0; padding:0; font-size:12px; font-weight:bold; color:#231f20;}
.newsitem .date {font-size:10px; color:#666;}
.newsitem .attach {font-size:10px;}
.newsitem .attach a {text-decoration:underline;}
.newsitem .more {font-size:11px; text-decoration:underline; color:#0096d6;}
.news_options {width:100%; color:#333;}
.news_options a {font-weight:bold; text-decoration:underline;}


/* Calendar & Events ---------------------------*/
.event_details {width:635px; margin:15px 0 20px 0; padding:0 0 20px 0; list-style:none; border-bottom:1px solid #ccc;}
.event_details li {width:615px; margin:0; padding:2px 0 2px 19px; line-height:18px; background-position:0 3px; background-repeat:no-repeat;}
.event_details li.location {background-image:url(/images/calendar/location.gif);}
.event_details li.contact {background-image:url(/images/calendar/contact.gif);}
.event_details li.register {background-image:url(/images/calendar/register.gif);}
.event_details li.date {background-image:url(/images/calendar/date.gif);}
.event_details li.attachment {background-image:url(/images/calendar/attachment.gif);}


/* Board of Directors --------------------------*/
.board td {vertical-align:top; padding:6px 0; border-bottom:1px dotted #ccc;}
.board_head td {text-transform:uppercase; text-decoration:underline; font-weight:bold; border-bottom:none;}

/* Community --------------------------*/
.community td {vertical-align:top; padding:6px 0; border-bottom:1px dotted #ccc;}
.community_head td {text-transform:uppercase; font-weight:bold; font-weight:bold; border-bottom:none;}
.community_subhead td {text-transform:uppercase; text-decoration:none; font-style: italic; font-weight:bold; border-bottom:none;}


/* Member Directory ----------------------------*/
.member_letters {width:100%; height:16px; margin:0 0 15px 0; padding-bottom:10px; border-bottom:double #231f20; line-height:16px; font-size:14px;}
.member_letters a, .member_letters span {height:16px; display:block; float:left; padding:0 5px 0 6px; margin:0; border-right:1px solid #231f20;}
.member_letters a {cursor:pointer;}
.member_letters span {color:#aaa;}
.member_letters a.first {padding-left:0;}
.member_letters a.all {border-right:none; padding-right:0;}
.member_letters a.member_active {color:#000;}
.member_group {width:100%; margin:0 0 15px 0; padding-bottom:15px; border-bottom:1px solid #ccc; overflow:hidden;}
.member_letter {display:block; font-weight:normal; font-size:20px; color:#231f20; padding-bottom:7px;}
.member_company {width:362px; height:80px; float:left; margin:0; padding:0; line-height:16px;}

.album { display: block; float: left;font: 10px/12px Arial,Helvetica,sans-serif; height:140px; margin: 0 20px 10px 0; overflow: hidden;width: 100px;}
.album:hover {text-decoration:none; color:#666;}

/* Board ----------------------------------------*/
.chamber {width:100%; float:left; clear:both; margin:0 0 15px 0; padding:0 0 15px 0; }
.chamber h3 {font-size:16px; font-weight:bold; margin:0 0 20px 0; padding:0;}
span.viewer {margin-right:25px; color:#0096D6; text-decoration:underline; cursor:pointer;}
span.viewer:hover {color:#000;}
span.active {font-weight:bold; color:#000; text-decoration:none;}