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

body {margin:0; padding:0; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; background:url(/images/header/bg.png) repeat-x #969796; background-color:#969796;}
img {border:0;}
a {color:#496675; text-decoration:none;}
a:hover {color:#2f271f;}
.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;}


/* Header --------------------------------------*/
#head {width:100%; height:179px; position:relative; background:url(/images/header/header.jpg) no-repeat #585a57;}
#head .logo {width:210px; height:110px; display:block; position:absolute; top:30px; left:30px;}
#head ul {width:755px; height:35px; list-style:none; margin:0; padding:0; position:absolute; top:131px; right:2px;}
#head ul li {width:107px; height:35px; line-height:35px; float:left;}
#head ul li a {width:107px; height:35px; display:block; font-size:12px; text-decoration:none; text-transform:uppercase; color:#333; font-weight:bold; text-align:center;}
#head ul li a:hover {color:#496675;}


/* 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:#595c56;}
#body h2 {font-size:14px; font-weight:bold; color:#473019; margin:1px 0 2px 0;}
#body .content {position:absolute; top:-10px; right:15px;}
#body .leftc {padding-top:5px;}
#body .submenu {height:25px; margin:0; padding:0;}
#body .submenu li {height:25px; margin-right:4px; padding:0; float:left; text-decoration:none; list-style:none;}
#body .submenu li a {height:25px; line-height:25px; padding-left:15px; text-decoration: none; color:#8e793e; font-weight:bold;}
#body .submenu li a:hover {text-decoration: underline;}
#body .left {width:245px; float:left;}
#body .left .news {width:228px; height:242px; margin:0 8px; background:url(/images/body/news-bg.gif) no-repeat; position:relative;}
#body .left .news h3 {width:236px; height:25px; line-height:25px; text-align:center; text-transform:uppercase; margin:0; padding:0; background:url(/images/body/news-h3.gif) no-repeat; color:#fff; position:absolute; top:22px; left:-4px;}
#body .news .articles {width:215px; height:183px; position:absolute; top:50px; left:6px; font-size:11px; position:relative; overflow:hidden;}
#body .news .articles .items {position:absolute; height:auto;}
#body .news .articles .item {width:100%; min-height:45px; margin-bottom:16px;}
#body .news .articles .item a {color:#000; 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 .media {width:245px; margin-top:10px; float:left; padding:0 0 0 47px;}
#body .founders {width:245px; text-align:center; margin-top:30px;}
#body .founders h3 {width:100%; text-align:center; text-transform:uppercase; font-size:12px; margin:10px 0 20px 0;}

#body .right {width:725px; float:left; padding:25px 20px 0 0; margin:0 0 0 10px;}


/* 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;}


/* Footer --------------------------------------*/
#foot {width:100%; background-color:#d5d6d5; padding:5px 0;}
#foot ul {width:1000px; line-height:10px; list-style:none; padding:0; margin:0;}
#foot ul li {width:140px; float:left; padding:0; height:20px;}
#foot ul li.first {padding-left:10px;}
#foot ul li a {line-height:20px; text-decoration:none; font-size:10px; color:#8e793e; font-weight:bold;}
#foot ul li a:hover {color:#000;}
#foot .address {width:980px; line-height:15px; margin:0; padding:0 10px; font-size:10px; color:#333;}
#foot .address a {color:#555; text-decoration:underline;}


/* News Articles -------------------------------*/
.newsitem {width:720px; padding:10px; background-color:#eee; font-size:11px;}
.article {background-color:transparent; padding:0;}
.newsitemhi {background-color:#ddd;}
.newsitem .title {margin:0; padding:0; font-size:12px; font-weight:bold; color:#595c56;}
.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:#496675;}
.news_options {width:100%; color:#333;}
.news_options a {font-weight:bold; text-decoration:underline;}


/* Calendar & Events ---------------------------*/
.event_details {width:740px; margin:15px 0 20px 0; padding:0 0 20px 0; list-style:none; border-bottom:1px solid #ccc;}
.event_details li {width:721px; margin:0; padding:0 0 0 19px; line-height:22px; background-position:0 50%; 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;}


/* Member Directory ----------------------------*/
.member_letters {width:100%; height:16px; margin:0 0 15px 0; padding-bottom:10px; border-bottom:double #ccc; 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 #ccc;}
.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:#595c56; padding-bottom:7px;}
.member_company {width:362px; height:80px; float:left; margin:0; padding:0; line-height:16px;}