* {margin:0;padding:0;}
body {
    background:#fff url(/assets/templates/fiveq/gui/bg-page.gif) repeat-x;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    }
#join {
    position:absolute;
    top:88px;
    right:-41px;
    }
a {
    text-decoration:none;
    cursor:pointer;
    color:#36C;
    }
a.more {
    font-weight:bold;
    background:url(/assets/templates/fiveq/gui/dink_link.gif) no-repeat 100% 50%;
    padding-right:12px;
    }
a:hover {color:#69C;}
#content a:hover {text-decoration:underline;}
#wrapper {background:transparent url(/assets/templates/fiveq/gui/frame.jpg) no-repeat 50% 76px;}
#bucket {
    text-align:left;
    width:950px;
    margin:0 auto;
    min-height:650px;
    height:auto !important;
    height:650px;
    overflow:visible;
    }
#subwrapper {background:#34363A url(/assets/templates/fiveq/gui/grass.jpg) repeat-x;height:300px;}
#header {position:relative;z-index:80;}
#header h1 {position:absolute;top:0;left:0;}
#header h1 a {
    display:block;
    width:260px;
    height:40px;
    background:transparent url(/assets/templates/fiveq/gui/atlanticiowa.jpg) no-repeat;
    overflow:hidden;
    }
#header h1 a span {
    position:absolute;
    height:1%;
    font-size:1px;
    left:-1000px
    }
#header h3 {
    float:right;
    color:#fff;
    font-size:18px;
    font-weight:normal;
    padding-top:15px;
    }
#footer {
    position:relative;
    border-top:0px solid #f00;
    text-align:left;
    width:950px;
    margin:0 auto;
    padding-top:71px;
    font-size:11px;
    }
#sticker {
    position:absolute;
    top:51px;
    right:0;
    }
#footer p {
    float:right;
    padding-top:1em;
    color:#ccc;
    }
#footer p b {color:#fff;}
#section_pic {margin-bottom:1em;}

.footerish {color:#777;border-top:1px solid #999;padding-top:1em;font-size:11px;margin-top:1em;}
.none {display:none;}
.fix {clear:both;}
/* MAIN ========================================= */
#main {
    position:relative;
    padding:150px 10px 10px 10px;
    z-index:50;
    font: 12px/1em Arial, sans-serif;
    }
#utilitynav {
    position:absolute;
    top:112px;
    right:0px;
    width:266px;
    font-size:11px;
    color:#46628A;
    }
#locator {display:none;}
#utilitynav a {color:#46628A;}
#utilitynav a:hover {color:#fff;}
#page_actions {
    position:relative;
    width:160px;
    height:30px;
    top:16px;
    left:-10px;
    }
#page_actions a {
    display:block;
    width:78px;
    height:30px;
    float:left;
    background:#EFF1E1 no-repeat;
    overflow:hidden;
    color:#EFF1E1;
    font-size:2px;
    }
#page_actions a:hover {
    text-decoration:none;
    color:#EFF1E1;
    }
a#pa_print {background-image: url(/assets/templates/fiveq/gui/dink_print.gif);}
a#pa_email {background-image: url(/assets/templates/fiveq/gui/dink_email.gif);}
/*
#subnav {
    float:left;
    width:155px;
    overflow:visible;
    border-bottom:3px solid #BDBFB6;
    }
*/

#subnav {
    position:absolute;
    left:10px !important;
    left:0px;
    top:150px;
    width:155px;
    overflow:visible;
    border-bottom:0px solid #BDBFB6;
    background:transparent url(/assets/templates/fiveq/gui/subnav_border.gif) no-repeat 0 100%;
    padding-bottom:3px;
    }

#subnav h3 a {
    display:block;
    background-color:#F7F8F0;
    background-repeat:no-repeat;
    width:155px;
    height:62px;
    color:#F7F8F0;
    font-size:2px;
    border-bottom:1px solid #fff;
    }

/* icon_living */
#subnav h3#section11 a {background-image:url(/assets/templates/fiveq/gui/sub_living.gif);}
/* icon_visiting */
#subnav h3#section23 a {background-image:url(/assets/templates/fiveq/gui/sub_visiting.gif);}
/* icon_about */
#subnav h3#section32 a {background-image:url(/assets/templates/fiveq/gui/sub_about.gif);}
/* icon_members */
#subnav h3#section41 a {background-image:url(/assets/templates/fiveq/gui/sub_members.gif);}
/* icon_events */
#subnav h3#section42 a {background-image:url(/assets/templates/fiveq/gui/sub_events.gif);}
/* icon_photos */
#subnav h3#section43 a {background-image:url(/assets/templates/fiveq/gui/sub_photos.gif);}
/* icon_default */
#subnav h3#section0 a {background-image:url(/assets/templates/fiveq/gui/sub_default.gif);}

#subnav ul {
    list-style:none;
    font-size:12px;
    line-height:18px;
    }
#subnav li {
    background-color:#EFF1E1;
    border-bottom:1px solid #fff;
    }
#subnav li a {
    display:block;
    color:#666;
    width:155px;
    height:1%;
    }
#subnav li a span {
    display:block;
    padding:5px 10px;
    width:auto;
    height:1%;
    }
#subnav li a:hover {background:#EFF1E1 url(/assets/templates/fiveq/gui/sub_hover.gif) repeat-x;}
#subnav li.active {
    background:#BDBFB6 url(/assets/templates/fiveq/gui/sub_active.gif) repeat-x;
    color:#fff;
    font-weight:bold;
    }
#subnav li.active a,
#subnav li.active a:hover {
    color:#fff;
    background:transparent url(/assets/templates/fiveq/gui/sub_dink.gif) no-repeat 100% 50%;
    width:162px;
    }
#subnav li.active a:hover {color:#666;}

/* CONTENT ====================================== */
#headline, #content {margin-left:175px;}
#content {
    width:480px;
    padding-bottom:3em;
    font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
    }
#headline {width:745px;}
#main h1,
#main h2,
#main h3,
#main h4 {
    color:#EE8A16;
    font-weight: normal;
    font-family: Arial,sans-serif;
    line-height:1em;
    }
#main h1 {font-size:24px;}
#main h2 {
    font-size:21px;
    padding:10px 0;
    border-bottom: 3px solid #5F6269;
    margin-bottom:10px;
    }
#main h3 {font-size:18px;}
#main h4 {font-size:14px;}
#main #content h3,
#main #content h4 {margin-top:1.5em;clear:both;}
#content p,
#content ul,
#content ol {
    line-height:1.7em;
    margin-bottom:.5em;
    margin-top:1em;
    }
#content ul,
#content ol {
    margin:0 0 1em 2em;
    }
#content blockquote {
    background-color:#eee;
    padding:1em;
    margin:0 1em 2em 1em;
    color:#666;
    }
#content blockquote p {margin-bottom:0;}
#content p.quote {
    font: italic 1.3em Georgia, serif;
    color:#778;
    padding:0 1em;
    }
#content small {
    color:#666;
    font-size:10px;
    font-family:Verdana, Arial, sans-serif;
    }
#main .icon_events {
    background:url(/assets/templates/fiveq/gui/icon_calendar.gif) no-repeat 100% 0%;
    padding-top:1em;
    }

/* SPECIAL CONTENT ============================== */
.columns div {
    float:left;
    width:33%;
    }
#content .columns ul {
    margin:0 0 1em 2em;
    }
#content dl {
    margin-bottom:1em;
    line-height:1.5em;
    padding-top:1em
    }
#content dl dt {
    font-weight:bold;
    text-transform:uppercase;
    }

/* EVENT LIST =================================== */
.event-item {
    height:1%;
    overflow:visible;
    background-color:#F7F8F0;
    border-top:1px solid #fff;
    clear:both;
    }
.event-item  span {color:#999;}
.event-item  span i {font-size:10px;}
.event-item  div {line-height:1.5em;}
#content .event-details a:hover {text-decoration:none;}
.event-date {
    float:left;
    clear:left;
    width:135px;
    height:1%;
    text-align:right;
    padding:5px 0;
    }
.event-date span {display:block;color:#999;}
.event-details {float:left;width:510px;}
.event-details a {display:block;padding:5px 24px 5px 10px;height:1%;}
.event-details a:hover {background: #EFF1E1 url(/assets/templates/fiveq/gui/dink_go.gif) no-repeat 99% 50%;}
.event-item:hover {background-color:#EFF1E1;}
.event-link {
    padding:10px 145px;
    background:#F7F8F0 url(/assets/templates/fiveq/gui/bg-endlist.gif) repeat-x;
    border-top:1px solid #fff;
    clear:both;
    }
.event-list-date {
    color:#777;
    padding:0 0 0 0;
    font-family:Arial, sans-serif;
    font-size:11px
    }
#main #content .event p,
#main #content .eventAltRow p {margin:0 0 .5em 0;}
.event {background:#efefef;}
.event, .eventAltRow {padding:1em;margin:2em 0;}
#main #content .event h3 ,
#main #content .eventAltRow h3 {padding:0 0 .5em 0;margin:0;border-bottom:2px solid #5F6269;}
/* SIDEBAR ====================================== */
#sidebar {
    width:247px;
    position:absolute;
    top:205px;
    right:20px;
    }
#sidebar div {margin-bottom:10px;}
#guide a {
    display:block;
    height:1%;
    padding:14px 10px 14px 40px;
    background:#E1ECF1 url(/assets/templates/fiveq/gui/dink_download.gif) no-repeat 10px 100%;
    font-size:13px;
    }
#member_spot img,
#internal_spot img {border:1px solid #BDBFB6;}
#member_spot span {
    display:block;
    clear:left;
    padding:4px 10px;
    width:17em;
    font-size:10px;
    color:#fff;
    background: #BDBFB6 url(/assets/templates/fiveq/gui/dink_br.gif) no-repeat 100% 100%;
    }
#member_spot span a {
    color:#fff;
    font-weight:bold;
    font-style:italic;
    }
#related {
    padding: 10px 0 0 0;
    color:#666;
    font-size:11px;
    background: #E1ECF1 url(/assets/templates/fiveq/gui/dink_br-blue.gif) no-repeat 100% 100%;
    }
#related h4 {padding:0 10px;}
#related p {
    padding:0 10px 10px 10px;
    line-height:1.5em;
    }

/* TABS ========================================= */
#menu {
    position:absolute;
    top:44px;
    left:0px;
    width:100%;
    text-align:right;
    }
ul.tabs {list-style:none;position:absolute;top:0;left:0;clear:left;}
#footer ul.tabs {top:72px;}
ul.tabs li {
    float:left;
    font-size:12px;
    margin-right:5px;
    width:auto;
    height:1%;
    }
ul.tabs li.active {font-size:14px;}
ul.tabs li a {
    display:block;
    color:#def;
    height:32px;
    text-align:center;
    }
ul.tabs li a span {display:block;padding-top:6px;}
ul.tabs li.active a span {padding-top:4px;}
ul.tabs li.active a {color:#fff;}
#footer ul.tabs li a span {display:block;padding-top:5px;}
#footer ul.tabs li.active a span {padding-top:3px;}
#header .tabs li {background: #9EAFC4 url(/assets/templates/fiveq/gui/tab-1a.gif) no-repeat 0 0;}
#header .tabs li a {background: transparent url(/assets/templates/fiveq/gui/tab-1b.gif) no-repeat 100% 0;}
#header .tabs li.active {background: #9EAFC4 url(/assets/templates/fiveq/gui/tab-1c.gif) no-repeat 0 0;}
#header .tabs li.active a {background: transparent url(/assets/templates/fiveq/gui/tab-1d.gif) no-repeat 100% 0;}

/* home */
li#page1 {margin-right:70px;}
li#page1 a {width:70px;}
/* living in atlantic */
li#page11 a {width:125px;}
/* visiting atlantic */
li#page23 a {width:125px;}
/* about the chamber */
li#page32 a {width:150px;}
/* member directory */
li#page41 a {width:140px;}
/* events calendar */
li#page42 a {width:130px;}
/* photo gallery */
li#page43 a {width:110px;}

li#tab_home2 a {width:70px;}
li#tab_contact a {width:100px;}
li#tab_map a {width:80px;}
li#tab_facebook a {width:100px;}
li#tab_facebook a img { float: left; margin-left: 12px; margin-right: -5px; }
#footer .tabs li {background: #34363A url(/assets/templates/fiveq/gui/tab-2a.gif) no-repeat 0 0;}
#footer .tabs li a {background: transparent url(/assets/templates/fiveq/gui/tab-2b.gif) no-repeat 100% 0;}
.tabs li a:hover {color:#fff;}



/* =========================
    Contact form styles
------------------------- */

input, textarea {
    border: 1px solid #999;
    padding:2px 5px;
    }
#contact_form {
    border-top:3px solid #5F6269;
    padding: 1em 0 0 0;
    margin-top:1em
    }    
#contact_form th {
    text-align: right;
    width: 65px;
    vertical-align: top;
    padding:3px 0 0 0;
    color:#333;
    }
#contact_form td {
    padding:0 0 5px 5px;
    }
#contact_form img {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    }
#contact_form .footnote {
    display: block;
    color: #666;
    font-size: 11px;
    margin-bottom: 20px;
    }
#contact_form input {
    width: 200px;
    }
#contact_form input.submit,
input.submitSC {
    width: 130px;
    background-color:#F47236;
    color:#fff;
    padding:5px;
    border:1px solid #A93514;
        }
#contact_form textarea{
    width: 300px;
    }

.errors {
    color: #f00;
    border: 1px solid #f00;
    padding: 5px;
    }



/* ============================================= *
 *        member db                              *
 * --------------------------------------------- */

#member-list {
    border-collapse: collapse;
    }
#member-list th {
    background-color: #666;
    color: #fff;
    vertical-align: bottom;
    }
#member-list th.name {
    width: 230px;
    }
.altRow td {
    background-color: #eee;
    }
#member-list td,
#member-list th {
    padding: 5px 5px;
    }
#member-list td {
    vertical-align: top;
    font-family:Arial,sans-serif;
    font-size:11px;
    border-bottom:1px solid #ddd;
    color:#333;
    }
#member-list td div.tags {
    margin-top: 5px;
    padding-left:1em
    }

/* ============================================= *
 *        Blog pagination styles                 *
 * --------------------------------------------- */

/* page counter */
p.ditto_pages {
    margin-top: 20px;
    }

/* page buttons */
#ditto_pages .ditto_currentpage {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: rgb(204,205,195);
    color: #fff;
    font-weight: bold;
    }
#ditto_pages .ditto_off {
    border: 1px solid #eee;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
    }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #666;
    }
    #ditto_pages a:hover {
        background-color: rgb(204,205,195);
        color: #fff;
        }

/* 
=============================================
    SimplyConnect signup styles
---------------------------------------------
*/

/* --- bof home simply connect form --- */

#sc-home-form #sc-form-wrapper {
    background: #F7F8F0 url(/assets/templates/fiveq/gui/bg-endlist.gif) bottom repeat-x;
    padding: 20px;
}

#sc-home-form input#name,
#sc-home-form input#email {
    display: inline;
    color:#36C;
    width: 250px;
}

#sc-home-form input.submitSC {
    display: block;
    margin: 5px 0 5px 8px;
}

#sc-home-form .required {
    color: #f47236;
    margin: 2px;
}

/* --- eof home simply connect form --- */

/* --- bof sidebar simply connect form --- */

#sc-sidebar-form {
    border: 1px solid #bdbfb6;
    background-color: #f7f8f0;
    padding: 0 10px;
}

#sc-sidebar-form h2 {
    border: none;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

#sc-sidebar-form .required {
    color: #f47236;
    margin: 0 2px;
}

#sc-sidebar-form input#name,
#sc-sidebar-form input#email {
    color:#36C;
    width: 200px;
    font-size: 10px;
    margin: 2px 0;
}

#sc-sidebar-form input.submitSC {
    margin: 5px 0 0 0;
    padding: 2px;
}

#sc-sidebar-form #sc-form-wrapper {
    text-align: right;
}

/* --- eof sidebar simply connect form --- */