/*====================================================  RESET
====================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/*====================================================  STRUCTURE
====================================================*/
body {
    background: #ffffff url(/wrpr/wcf/header-bg.jpg) repeat-x;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    text-align: center;
    }

blockquote {
 border : 0px;
 margin: 5px;
 width: 380px;
 padding: 6px;
 background-color: #d5eefc;
 }

.header {float: left; width: 100%; height: 98px; display:inline; z-index: 500; position: relative;}
.container {margin-left:auto;margin-right:auto;width:960px;}

.content { 
    clear: both;
    display: inline;
    float: left;
    margin: auto;
    padding: 30px 8px 0 0;
    text-align: left;
    width: 952px;
    }
    .sidebar {
        position: relative;
        background: #aaddf8 url(/wrpr/wcf/sidebar-btm.jpg) bottom no-repeat;
        width: 230px;
        float:left;
        display: inline;
        text-align:left;
        left: -8px;
        }
h2 {
font-weight: bold;
}   
.copy {
    width:460px;
    float:left;
    display:inline;
    margin: 0 20px 0 12px;
    }
.copy.wide{
    width:690px;
}
.sub-copy { width:230px; float:left;}

.footer {
    background: #3e154f;
    color: #fff;
    clear: both;
    display: inline;
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 20px 0;
    width: 100%;
    }

.footer p{
    font-weight: normal !important;
    font-size:11px;
}
/*====================================================  HEADER
====================================================*/
.header h1 a {background: url(/wrpr/wcf/womens-campaign-forum-logo.jpg) no-repeat; float: left; width:161px; height:54px; margin: 25px 0 0 0; display:inline; text-indent: -9999px;}

.found .header h1 a {background: url(/wrpr/wcf/wcf-foundation-logo.jpg) no-repeat; float: left; width:161px; height:54px; margin: 25px 0 0 0; display:inline; text-indent: -9999px;}

.pac .header h1 a {background: url(/wrpr/wcf/wcf-pac-logo.jpg) no-repeat; float: left; width:161px; height:54px; margin: 25px 0 0 0; display:inline; text-indent: -9999px;}



p.tagline {
    position: relative;
    width: 547px;
    height:35px;
    margin: 10px 0 17px 305px;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Verdana;
}


/*====================================================  NAVIGATION
====================================================*/
.header ul.main-nav {float: right; margin: 0 0 0 0; width: 738px; dislpay:inline;position:relative;}
.header ul.main-nav li {float: left; zoom: 1;}
.header ul.main-nav li a {
    background: #96bdd1;
    border-right: solid 1px #88b6ce;
    color: #000;
    float:left;
    padding: 10px 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    }

.header ul.main-nav li a#navHome{width: 85px; text-align:center; padding: 10px 0;}
.header ul.main-nav li a#navAbout{width: 111px; text-align:center; padding: 10px 0;}
.header ul.main-nav li a#navConnect{width: 107px; text-align:center; padding: 10px 0;}
.header ul.main-nav li a#navCandidates{width: 129px; text-align:center; padding: 10px 0;}
.header ul.main-nav li a#navWomen{width: 131px; text-align:center; padding: 10px 0;}
.header ul.main-nav li a#navFoundation{width: 163px; text-align:center; padding: 10px 0;}


.header ul.main-nav li a:hover,
a:active {
    background: #d5eefc;
    color: #000;
    }

/* 
    LEVEL ONE
*/
ul.main-nav  li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.main-nav  li.hover,
ul.main-nav  li:hover { background: #d5eefc; color: black; position: relative; }
ul.main-nav  li.hover a { color: black; }

ul.man-nav li: a:hover,
a:active {
    background: #d5eefc;
    color: #fff;
    }



/* 
    LEVEL TWO
*/
*html ul.main-nav ul li { display: inline; width: 100%; } 
ul.main-nav  ul { background: #d5eefc; width: 100%; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.main-nav  ul li  {
    font-weight: normal;
    background: #d5eefc;
    color: #000; 
    border-bottom: 1px solid #7591ae;
    padding-bottom: none: 
    float: none;
    }
ul.main-nav  ul.sub_menu {width:220px;}
ul.main-nav  ul.sub_menu li a { width:220px; color: #fff; float: none; text-align: left; display:block;background: #3B628B; padding: 8px 24px; cursor: pointer; text-transform: none;}
ul.main-nav  ul.sub_menu li a:hover { background: #d5eefc; color:#000;}

.ul.man-nav li: a:hover,
a:active {
    background: #d5eefc;
    color: #fff;
    }
                                      
/* IE 6 & 7 Needs Inline Block */
ul.main-nav  ul.sub_menu li a { width: 220px;display: inline-block; } 



/*====================================================  CONTENT
====================================================*/
a { color: #5c097f; font-weight: bold; text-decoration: none;}
a:hover {color: #6600cc; text-decoration: underline;}
.copy p {color:#000;padding: 5px 0 5px 0;}
.copy h1 {font-size:12px; font-weight:bold;}
.copy h2 {font-size:14px; font-weight:bold;}
.copy h3 {font-size:14px; font-weight:bold; text-transform: uppercase;}
.copy h4 {font-size:16px; color:#3f154f; text-transform: uppercase; font-weight:bold;}
.copy h5 {font-size:16px; text-transform: uppercase; font-weight:bold;}
.copy h6 {font-size:14px; font-weight:bold; color:#3b628d;}
.copy ul {list-style: disc; padding: 10px 0 10px 15px; }

.spotlight { background: url(/wrpr/wcf/spotlight-bottom.jpg) bottom no-repeat; float: left; width: 100%;padding: 0 0 10px 0;}
.spotlight h2 { background: url(/wrpr/wcf/spotlight-top.jpg) no-repeat; padding: 10px 0 0 10px; margin: 0 0 -10px 0;}
.spotlight h2 a {
    color: #000;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    margin: 10px;
    width:90%;
    display: inline;
    }
.spotlight img{ float: left; margin: 8px 10px;display: inline-block;}
.spotlight p { float: right; padding: 5px 10px 5px 0;width: 45%;}
.spotlight a.read-more { color: #000; font-weight: bold;}
    .stay-informed {background: #aaddf8 url(/wrpr/wcf/search-our-site-btm.jpg) bottom no-repeat; padding: 0 0 10px 0; }
.stay-informed a{text-decoration: none;}
    .stay-informed h2 {background: url(/wrpr/wcf/stay-informed-h2.jpg) no-repeat; text-indent: -9999px; height: 26px;}
    .stay-informed input.submit-btn {
        background: url(/wrpr/wcf/search-btn.jpg) no-repeat;
        border:none;
        display:inline-block;
        height: 21px;
        margin: -2px 0 0 -5px;
        text-indent:-9999px;
        width: 21px;
        cursor: pointer;
        }
    
    a.contribute {
        background: url(/wrpr/wcf/contribute-btn.jpg) no-repeat;
        float: left;
        margin: 10px 0;
        height: 43px;
        text-indent: -9999px;
        width: 230px;
        }
    a.wcf-experience {
        background: url(/wrpr/wcf/wcf-experience-h2.jpg) no-repeat;
        float: left;
        height: 75px;
        margin: 10px 0;
        text-indent: -9999px;
        width:230px;
        }
    a.blog {
        background: url(/web/20131113051340im_/http://wcf.pub30.convio.net/assets/images/sidenav/blog.jpg) no-repeat;
        float: left;
        height: 75px;
        margin: 10px 0;
        text-indent: -9999px;
        width:230px;
        }
        
    input.text { background: url(/wrpr/wcf/search-box.jpg) no-repeat; border: none; width: 183px; height: 22px; padding: 3px 0 0 10px; margin: 5px    0 0 10px;}
    
    .feature-candidate{position: relative; clear: both; padding-top: 5px;}
    
    .feature-candidate h2 {
        position: relative
        height: 22px;
        border-bottom: solid #b3a6af 1px;
        margin: 10px 0;
        padding: 0 0 5px 0;
        font-size: 22px;
    }

    .feature-candidate img { float: left; margin: 0 15px 0 0;}
        
    .from-youtube {float: left; width: 100%; }
    .from-youtube h2 {
        position: relative
        height: 22px;
        border-bottom: solid #b3a6af 1px;
        margin: 10px 0;
        padding: 0 0 5px 0;
        font-size: 22px;
        }
    .from-youtube img { float: left; margin: 0 15px 0 0;}
    
    .from-women-politics {float:left; width: 100%;}
    .from-women-politics h2 {
        position: relative
        height: 22px;
        border-bottom: solid #b3a6af 1px;
        margin: 10px 0;
        padding: 0 0 5px 0;
        font-size: 22px;
    }
    .from-women-politics h3 { margin: 15px 0 0 0;}
    
    .customizable-section {float:left; width: 100%; margin: 10px 0 0 0; }
    .customizable-section h2 {
        position: relative
        height: 22px;
        border-bottom: solid #b3a6af 1px;
        margin: 10px 0;
        padding: 0 0 5px 0;
        font-size: 22px;
        }

    .customizable-section p { margin: 8px 0;}

    
    /*====================================================  NEWSROOM
    ====================================================*/
    .newsroom span{font-style:italic;}
    .newsroom h2 {
        background: url(/wrpr/wcf/news-room-h2.jpg) no-repeat;
        border-bottom: solid #b3a6af 1px;
        float: left;
        margin: 10px 0;
        padding: 0 0 10px 0;
        text-indent:-9999px;
        width: 100%;
        }
    .newsroom h3 a {
        color: #333;
        float: left;
        margin: 3px 0;
        padding: 0 ;
        text-decoration: none;
        width: 100%;
        }
    .newsroom span{float: left; width:100%; }
    
    .newsroom p { margin: 0 0 15px 0;}
    div.press-releases,
    div.wcf-in-the-news { border-bottom: dotted 1px #c1b5bd;margin: 0 0 15px 0;padding: 0 0 5px  0;}
    
    /*====================================================  SIDEBAR
    ====================================================*/
    .wcf-programs { float: left; display:inline; width: 230px;}
    .wcf-programs h2 { background: url(/wrpr/wcf/wcf-programs-h2.jpg) no-repeat; text-indent: -9999px; height:36px; }
    .wcf-programs ul {float:left;margin: 10px;display:inline;padding: 0 0 15px 0; width: 90%;}
    .wcf-programs ul li {float:left; margin: 10px 0;}
    .wcf-programs ul li a {background: url(/wrpr/wcf/purple-star-bullet.jpg) top left no-repeat; padding: 0 0 0 20px;}
    .wcf-programs ul li p {padding: 0 0 0 20px;}
    .social-networks { background: #d5eefc; float: left; width: 100%;display:inline;}
    .social-networks h2 { 
        background: url(/wrpr/wcf/social-networks-h2.jpg) no-repeat;
        float: left;
        display:inline;
        width: 90%;
        text-indent: -9999px; 
        margin: 10px 0 10px 10px;
        }
    .social-networks ul { float: left; display:inline;padding: 0 0 10px 10px; width:90%;}
    .social-networks ul li {display:inline;}
    
    .social-networks ul li a { float: left; height: 30px; width: 30px; margin: 0 2px; display: inline;}
    .social-networks ul li.facebook a { background: url(/wrpr/wcf/facebook-icon.jpg) no-repeat; margin: 0 3px 0 0;text-indent: -9999px;}
    .social-networks ul li.twitter a { background: url(/wrpr/wcf/twitter-icon.jpg) no-repeat; text-indent: -9999px;}
    .social-networks ul li.youtube a { background: url(/wrpr/wcf/youtube-icon.jpg) no-repeat; text-indent: -9999px;}
    .social-networks ul li.rss a { background: url(/wrpr/wcf/rss-icon.jpg) no-repeat; text-indent: -9999px;}
    .social-networks ul li.flickr a { background: url(/wrpr/wcf/flickr-icon.jpg) no-repeat; margin: 0 5px 0 3px;text-indent: -9999px;}
    
    .search {float: left; width: 100%; display:inline; padding: 0 0 10px 0;}
    .search h2 { background: url(/wrpr/wcf/search-our-site-h2.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 10px 10px; }
    .search input{float: left;}
    .search input.submit-btn {
        background: url(/wrpr/wcf/search-btn.jpg) no-repeat;
        border:none;
        height: 20px;
        margin: 6px 0 0 -5px;
        width: 20px;
        display:block;
        cursor:pointer;
        text-indent: -5000em;
        }

.candidate_image{float: left; margin: 0 10px 10px 0;}