* html body {behavior: url(library/styles/csshover.htc); height: 100%;}
body {width: 100%; height: 100%; padding: 0px; margin: 0px; text-align: center; font-family: Arial, Sans-Serif; font-size: 11px; background-color: #9bced6;background-image:url(../images/body_bg.png);background-position: left top;background-repeat:repeat-x;}
a {color: #107f91;}
a img {border: none;}
p, h1, h2, h3, h4 {margin: 0; padding: 0; margin-bottom: 10px}
h1 {font-size: 18px; color: #107f91}
h2 {font-size: 14px; color: #107f91}
h3 {font-size: 14px; color: #3a3a3a}
select, input, textarea {margin: 0; padding: 0}
.clsTextBox {width: 95px; color: #000000; padding: 2px 4px; border: solid 1px #000000; font-size: 11px;}
.clsSearchBox {width: 120px; color: #ffffff; padding: 2px 4px; border: solid 2px #ffffff; font-size: 12px; background: #676564;}
hr {clear: both; border: none 0; border-top: 1px dotted #cc3300; width: 80%; height: 1px;}

#divContainer {position: relative; top: 0px; left: 0px; width: 1014px; text-align: left; margin: 12px auto 0px auto; padding: 20px 20px 20px 18px; background: url(../images/container_bg.png) repeat-y;}
#divContainerTop {position: absolute; top: 0px; left: 0px; background: url(../images/container_bg_top.png) no-repeat; width: 1052px; height: 8px;}
#divContainerBottom {position: absolute; bottom: 0px; left: 0px; background: url(../images/container_bg_bottom.png) no-repeat; width: 1052px; height: 8px;}

#divHeaderContainer {position: relative; top: 0px; left: 0px; height: 331px; width: 100%; margin: 0px; z-index: 10; background: url(../images/header_bg.jpg) no-repeat top;}
#divLogo {position: absolute; top: 100px; right: 30px; z-index: 10;}
#divSocialLinks {position: absolute; top: 0px; left: 15px;}
#divSocialLinks .clsJoinUs {float: left; padding: 10px 5px 0px 0px;}
#divSocialLinks .clsFacebook {float: left;}
#divSocialLinks .clsTwitter {float: left;}
#divGlobalLinks {position: absolute; top: 10px; right: 230px; width: 190px; text-align: right; font-size: 11px; color: #ffffff;}
#divGlobalLinks a {color: #ffffff; text-decoration: none; float: left;}
#divGlobalLinks .clsSpacer {float: left; height: 12px; width: 1px; background: #ffffff; margin: 0px 5px;}
#divSearch {position: absolute; top: 0px; right: 10px; font-size: 11px;}
#divSearch div {background: url(../images/search_bg.gif) no-repeat 0px 1px;}
#divSearch .clsCol1 {padding: 4px 5px 0px 0px;}

#divMasthead {position: absolute; top: 40px; left: 0px; width: 1014px; height: 239px; overflow: hidden;}
#divMasthead #divMastheadMask {position: absolute; top: 0px; left: 0px; width: 1014px; height: 239px; background: url(../images/masthead_mask.png) no-repeat 0px 0px; z-index: 10;}

div#divNavigationPrimary {position: absolute; top: 288px; left: 0px; width: 1014px; height: 33px;}
div#divNavigationPrimary ul {position: absolute; top: 0px; left: 0px; height: 100%; list-style-type: none; margin: 0px; padding: 0px;}
div#divNavigationPrimary li {position: relative; top: 0px; left: 0px; line-height: 24px; float: left; padding: 0px;}
div#divNavigationPrimary a {position: relative; top: 0px; left: 0px; display: block; cursor: pointer;}
div#divNavigationPrimary .clsSpacer {background: url(../images/nav_spacer.gif) no-repeat top; width: 2px; height: 33px;}
div#divNavigationPrimary ul li:hover a {background-position: bottom !important;}

div#divNavigationPrimary ul li ul {visibility: hidden; position: absolute; top: 33px; left: 0px; width: 200px; z-index: 10;}
div#divNavigationPrimary ul li:hover ul {visibility: visible;}
div#divNavigationPrimary ul li ul li {position: relative; top: 0px; left: 0px; width: 200px; text-align: left; background: #e6e6e6; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6;}
div#divNavigationPrimary ul li ul li a {color: #000000; line-height: 14px; padding: 10px 17px; display: block; text-decoration: none; font-weight: bold;}
div#divNavigationPrimary ul li ul li:hover {border-color: #a7a7a7; background: #dadada;}
/*div#divNavigationPrimary ul li ul li:hover a {background-position}*/
div#divNavigationPrimary ul li ul li a {font-size: 11px;}

div#divNavigationPrimary ul li:hover ul ul {visibility: hidden;}
div#divNavigationPrimary ul ul li:hover ul {visibility: visible; position: absolute; top: -1px; left: 200px;}
div#divNavigationPrimary ul li ul li:hover ul li a {}
div#divNavigationPrimary ul li ul li:hover ul li:hover a {}

#divContentContainer {position: relative; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 0;}

.clsContentTable {position: relative; top: 0px; left: 0px; height: 400px;}
.clsColumn1, 
.clsColumn2, 
.clsColumn3 {vertical-align: top;}

.clsColumn1 {width: 744px; padding-right: 10px;}
.clsColumn2 {width: 260px;}

#divContent {position: relative; top: 0px; left: 0px; font-size: 14px; z-index: 0; width: 704px; min-height: 400px; padding: 20px; background: #ffffff;}
#divContent .clsTop {position: absolute; top: 0px; left: 0px; width: 744px; height: 10px; background: url(../images/content_bg_top.gif) no-repeat top;}
#divContent .clsBottom {position: absolute; bottom: 0px; left: 0px; width: 744px; height: 10px; background: url(../images/content_bg_bottom.gif) no-repeat top;}
#divContent a {color: #107f91; text-decoration: underline;}
#divContent embed {z-index: 0;}

#divFooterContainer {position: relative; top: 0px; left: 0px; width: 1022px; height: 60px; margin: 0px auto 0px auto; color: #FFFFFF; font-size: 10px;}
#divFooterContainer #divFooter {position: absolute; top: 30px; left: 257px; width: 500px; text-align: center;}
#divFooterContainer a {color: #FFFFFF; text-transform: none; text-decoration: underline; font-weight: normal;}
#divFooterContainer #divCaordaLogo {position: absolute; top: 20px; right: 15px;}
#divFooterContainer #divCFSBanner {position: relative; top: 60px; left: 0px; width: 466px; margin: 0px auto;}

#AudioPlayer {background: #000000 !important; display: block !important;}

#divCalloutRightTop {position: relative; top: 0px; left: 0px; width: 240px; padding: 10px 10px; margin-bottom: 10px; background: #E8E8E8; color: #107f91;}
#divCalloutRightTop .clsTop {position: absolute; top: 0px; left: 0px; width: 260px; height: 10px; background: url(../images/top_right_callout_bg_top.gif) no-repeat top;}
#divCalloutRightTop .clsBottom {position: absolute; bottom: 0px; left: 0px; width: 260px; height: 10px; background: url(../images/top_right_callout_bg_bottom.gif) no-repeat top;}

#divCalloutRightBottom {position: relative; top: 0px; left: 0px; width: 260px; padding: 10px 0px; text-align: center; background: #817F7E;}
#divCalloutRightBottom .clsTop {position: absolute; top: 0px; left: 0px; width: 260px; height: 9px; background: url(../images/bottom_right_callout_bg_top.gif) no-repeat top;}
#divCalloutRightBottom .clsBottom {position: absolute; bottom: 0px; left: 0px; width: 260px; height: 9px; background: url(../images/bottom_right_callout_bg_bottom.gif) no-repeat top;}
#divCalloutRightBottom img {margin-bottom: 5px;}
#divCalloutRightBottom p {text-align: left; padding: 0px 10px;}

#divFoodBank {background-image:url(../images/food_bank_unchecked.png);width:106px;height:18px;}
#divCampaigns {background-image:url(../images/campaigns_unchecked.png);height:18px;width:113px;}
#divEvents {background-image:url(../images/events_unchecked.png);height:18px;width:82px;}

#divConfirmationPopup {background-image:url(../images/confirmation_popup.png);height:213px;width:522px;position:absolute;top:100px;left:100px;z-index:10;display:none;visibility:hidden;}
#divConfirmationPopup a {position:absolute;top:20px;right:20px;}
.clsNoFloat {float:none;clear:both;}

.clsTextboxLeft {background-image:url(../images/textbox_left.png);background-repeat:no-repeat;height:25px;width:2px;float:left;}
.clsTextboxRight {background-image:url(../images/textbox_right.png);background-repeat:no-repeat;height:25px;width:2px;float:left;}
.clsTextbox {background-image:url(../images/textbox_bg.png);background-repeat:repeat-x;height:25px;float:left;}

.clsMultilineTextboxTop {background-image:url(../images/multiline_top.png);background-repeat:repeat-x;height:2px;width:359px;float:left;}
.clsMultilineTextboxTopLeft {background-image:url(../images/multiline_top_left.png);width:2px;height:2px;float:left;}
.clsMultilineTextboxTopRight {background-image:url(../images/multiline_top_left.png);width:2px;height:2px;float:left;}
.clsMultilineTextboxBottom {background-image:url(../images/multiline_bottom.png);background-repeat:repeat-x;height:2px;width:359px;float:left;}
.clsMultilineTextboxBottomLeft {background-image:url(../images/multiline_bottom_left.png);width:2px;height:2px;float:left;}
.clsMultilineTextboxBottomRight {background-image:url(../images/multiline_bottom_left.png);width:2px;height:2px;float:left;}
.clsMultilineTextboxLeft {background-image:url(../images/multiline_left.png);background-repeat:repeat-y;width:2px;float:left;height:124px;}
.clsMultilineTextboxRight {background-image:url(../images/multiline_right.png);background-repeat:repeat-y;width:2px;float:left;height:124px;}

.clsCheckMark {margin:5px;}
.clsHiddenCheckMark {visibility:hidden;display:none;}

#divNewsletterSignup {width:240px;min-height:140px;margin-bottom:10px;background-color:#817f7e;text-align:left;padding:10px;-moz-border-top-right-radius: 10px;border-top-right-radius: 10px;-moz-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-moz-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;overflow:hidden;}


        #mc_embed_signup
        {
            position: relative; top: 0px; left: 0px;
            color: #ffffff;
            font-size: 12px;
            font-family: Arial;
            padding: 0px 35px 0px 0px;
            width: 225px;
            margin: 0px;
            background: none;
        }
        .clsTextBox
        {
            background: #000000;
            border: none;
            padding: 4px;
            color: #ffffff;
            width: 232px;
            font-family: Arial;
            margin: 2px 0px 5px 0px;
        }
        .clsSubmitSignup 
        {
            background: url(../images/sign_up.png) no-repeat;
            width:66px;
            height:31px;
            border: 0px solid;
            margin-left:174px;
            cursor: pointer;
        }
        
.clsSignupEmailRequired {position: absolute; top: 42px; left: 0px; color: #ffffff !important}
.clsSignupEmailRegex {position: absolute; top: 42px; left: 0px; color: #ffffff !important}
.clsSignupSuccess {position: relative; top: 0px; left: 0px;}