@import url(http://www.google.com/cse/api/branding.css);

/* ----------------------------------------------------------
    National Nurses United CSS
    Managed by: Blue State Digital

    TABLE OF CONTENT

    01 - GLOBAL BROWSER RESET
    02 - COMMON STYLE
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - FRAMEWORK
    07 - UTILITY
    08 - NCHA
	
    COLOR GUIDE (Main Site Colors and their Hex Codes)
    
    Red: #990000
    Dark Red: #560f1c
	
---------------------------------------------------------- */


/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { color: #000; background: #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }



/* 02 =COMMON STYLE 
---------------------------------------------------------- */

html { background: #fff; }
body { background: url(/page/-/img/background.png) no-repeat center top; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #000; }

.base h1 { color: #990000; font-weight: bold; font-size: 18px; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 10px; }
.base h2 { color: #8B7968; font-weight: bold; font-size: 16px; margin: 12px 0; line-height:1.2; }
.base h3 { margin: 10px 0; text-transform:uppercase; line-height:1.4; }
.acc h3 { text-transform:lowercase !important }
.base h4 { font-weight: bold; line-height:1.2; }
.base h5 { font-weight: bold; line-height:1.2; color:#990000; }

.base p { margin: 10px 0; line-height: 18px; }

/*fix for consistent fonts in tables -- Ami -- 04-15-2012*/
p.fontfix { margin: 10px 0; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #000; }
.standard table, .standard td, .standard th {padding:10px;}
.sm-standard table, .sm-standard td, .sm-standard th {padding:5px;}
.tanback {background:#EBE5D9; padding:10px;}


a { text-decoration: none; color: #990000; font-weight: bold; }
#content a { text-decoration: underline;font-weight:normal; }
a.jump { text-decoration: none !important}
a:hover { color: #560f1c; }

blockquote { margin: 20px 80px; }

.base ul, .base ol { margin: 20px 40px; }
.base ul li { list-style: square outside; }
.base ol li { list-style: decimal outside; }
.base ul li, .base ol li { line-height: 18px; }
.base li ol, .base li ul { margin: 0; }
.base li ol li { list-style: lower-alpha outside; margin: 0 20px; }
.base li ul li { list-style: circle outside; margin: 0 20px; }

a.button { display: block; color: #fff; font-weight: bold; text-align: center; padding: 10px 20px; text-decoration: none !important; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif;
    -moz-border-radius: 8px; /* FF1+ */
    -webkit-border-radius: 8px; /* Saf3-4 */
    border-radius: 8px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* Opera 10.5, IE 9 */  }
a.button:hover { 
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* Opera 10.5, IE 9 */ }
a.button.red {
    background-color: #990f0f;
    background-image: -moz-linear-gradient(top, #990f0f, #880d0d); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #990f0f),color-stop(1, #880d0d)); /* Saf4+, Chrome */
    background-image: linear-gradient(top, #990f0f, #880d0d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#990f0f', EndColorStr='#880d0d'); /* IE6–IE9 */
}
a.button.red:hover {
    background-color: #880d0d;
    background-image: -moz-linear-gradient(top, #880d0d, #990f0f); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #880d0d),color-stop(1, #990f0f)); /* Saf4+, Chrome */
    background-image: linear-gradient(top, #880d0d, #990f0f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#880d0d', EndColorStr='#990f0f'); /* IE6–IE9 */ }
a.button.tan {  
    background-color: #8C7968;
    background-image: -moz-linear-gradient(-45deg, #9f9082, #685b4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #9f9082),color-stop(1, #685b4e)); /* Saf4+, Chrome */ }
a.button.tan:hover { color: rgba(255,255,255,.5);
    background-image: -moz-linear-gradient(45deg, #9f9082, #685b4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0, #9f9082),color-stop(1, #685b4e)); /* Saf4+, Chrome */ }


/* 03 =LAYOUT
---------------------------------------------------------- */

#utility-bar-container { background: #990000; width: 100%; }
#utility-bar { width: 900px; margin: 0 auto; text-transform: uppercase; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; padding: 5px 0; }
#utility-bar a { color: #fff; font-weight: normal; font-weight: 600; }
#utility-bar a:hover { color: #560f1c; }
#utility-bar legend, #cse-search-box legend { display: none; }
#utility-bar input, #cse-search-box input { padding: 0 8px; }
#utility-bar input.text, #cse-search-box input.text { background: #fff !important; text-transform: lowercase; float: left; height: 20px; line-height: 20px; font-family: Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3-4 */
    border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */ }
    #utility-bar input.submit, #cse-search-box input.submit { color: #fff; text-transform: uppercase; float: right; border: none; height: 24px; line-height: 24px; font-weight: bold; text-align: center;
    background-color: #8C7968;
    background-image: -moz-linear-gradient(-45deg, #9f9082, #685b4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #9f9082),color-stop(1, #685b4e)); /* Saf4+, Chrome */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* Opera 10.5, IE 9 */
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3-4 */
    border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */ }
    #utility-bar input.submit:hover, #utility-bar input.submit:active, #cse-search-box input.submit:hover, #cse-search-box input.submit:active {
    background-image: -moz-linear-gradient(45deg, #9f9082, #685b4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0, #9f9082),color-stop(1, #685b4e)); /* Saf4+, Chrome */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* Opera 10.5, IE 9 */ }

    form#cse-search-box { float: left; width: 150px; }
    form#cse-search-box input.text { width: 100px; }
    form#cse-search-box input#search-submit { display: block; text-indent: -9999em; overflow: hidden; line-height: 0; width: 25px; height: 25px; background: url(/page/-/img/search.png) no-repeat center; }

    ul#utility-nav { float: right; padding: 5px 10px; }
    ul#utility-nav li { display: inline; float: left; padding: 0 10px; line-height: 15px; border-left: 1px solid #560f1c; }
    ul#utility-nav li:first-child { border: none; padding: 0 10px 0 0; }
    form#qksignup { float: right; width: 340px; }
    form#qksignup input#qksignup-email { width: 120px; }
    form#qksignup input#qksignup-zip { margin: 0 0 0 5px; width: 80px; }
    form#qksignup input#qksignup-submit { width: 80px; }

#container { width: 900px; margin: 0 auto; padding: 0 0 0 1px; }

#header { height: 163px; width: 900px; margin: 0 auto; }
.hide-nav #header { height: 123px; }
.hide-nav #header .navigation { display: none; }
a#header-logo { display: block; height: 123px; width: 900px; text-indent: -9999em; overflow: hidden; margin: 0 auto; }

    /*** ESSENTIAL STYLES ***/
    .navigation, #header .navigation * { margin: 0; padding: 0; list-style: none; }
    .navigation { line-height: 1.0; }
    #header .navigation ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
    #header .navigation ul li { width: 100%; }
    .navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
    .navigation li { float: left; position: relative; display: inline; }
    .navigation a { display: block; position: relative; }
    #header .navigation li:hover ul, #header .navigation li.sfHover ul { left: 0; top: 40px; /* match top ul list item height */ z-index: 99; }
    #header .navigation li li:hover ul, #header .navigation li li.sfHover ul { left: 0; top: 0; z-index: 100; }
    #header ul#header .navigation li:hover li ul, #header ul#header .navigation li.sfHover li ul { top: -999em; }
    #header ul#header .navigation li li:hover ul, #header ul#header .navigation li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
    #header ul#header .navigation li li:hover li ul, #header ul#header .navigation li li.sfHover li ul { top: -999em; }
    #header ul#header .navigation li li li:hover ul, #header ul#header .navigation li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
    
    /*** SKIN ***/
    .navigation { font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; text-transform: uppercase; width: 900px; margin: 0 auto; position: relative; z-index: 2; }
    #header .navigation { height: 40px; color: #990000; font-size: 12px; letter-spacing: 1px; }
    #header .navigation a { /*padding: 0 15px;*/ height: 40px; line-height: 42px; font-weight: normal; text-align: center; }
    #header .navigation a, #header .navigation a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #990000; }
    #header .navigation a:hover { color: #8C7968; }
    #header .navigation li { background: url(/page/-/img/nav-divider.png) no-repeat right center; }
    #header .navigation li:hover, #header .navigation li.sfHover, #header .navigation a:focus, #header .navigation a:hover, #header .navigation a:active { outline: 0; }
    #header .navigation li li { background: #fff; border-bottom: 1px solid #d7d1cc; text-transform: none; letter-spacing: normal; font-family: Helvetica, Arial, sans-serif; }
    #header .navigation li li a { line-height: normal; height: auto; padding: 10px 15px; text-align: left; }
    #header .navigation li li li { background: #efeae1; border-bottom: 1px solid #fff; }
    #header .navigation .home a { background: url(/page/-/img/nav-home.png) no-repeat center; width: 38px; display: block; text-indent: -9999em; overflow: hidden; padding: 0; }
    #header .navigation .donate { background: none; }
    #header .navigation .donate a { font-weight: bold; }
    #header .navigation li.home { width: 38px; }
    #header .navigation li.who { width: 110px; }
    #header .navigation li.fight { width: 98px; }
    #header .navigation li.organize { width: 150px; }
    #header .navigation li.action { width: 128px; }
    #header .navigation li.media { width: 69px; }
    #header .navigation li.heroes { width: 100px; }
    #header .navigation li.resources { width: 124px; }
    #header .navigation li.donate { background: none; width: 81px; }
    #header .navigation li.donate a {  }

/* dropdown subnav */
.dropdown-container {
    background: #8C7968;
    margin-bottom: 1em;
    position: relative;
    z-index: 10;
}
.navigation.dropdown-nav, .navigation.dropdown-nav ul, .navigation.dropdown-nav li {
    margin: 0;
    padding: 0;
}
.navigation.dropdown-nav {
}
.navigation.dropdown-nav li {
    border: 1px solid #ffffff;
    border-width: 0 1px 0 0;
    height: 36px;
    line-height: 38px;
    position: relative;
}
.navigation.dropdown-nav .dropdown-submenu li {
    border-width: 1px 0 0 0;
}
#content .navigation.dropdown-nav a {
    background: #8C7968;
    color: #ffffff;
    display: block;
    font-size: 12px;
    height: 36px;
    padding: 0 24px;
    text-decoration: none;
}
#content .navigation.dropdown-nav a:hover, #content .navigation.dropdown-nav .sfHover a, #content .navigation.dropdown-nav .active a {
    background: #990000;
}
#content .navigation.dropdown-nav .dropdown-submenu a {
    background: #990000;
}
.navigation.dropdown-nav ul {
    position: absolute;
    text-transform: none;
    top: 36px;
}    
    /*** shadows for all but IE6 ***/
    .sf-shadow ul { background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
    .sf-shadow ul.sf-shadow-off { background: transparent; }
    
#main { width: 900px; position: relative; z-index: 1;
    -moz-box-shadow: 0px 50px 50px #ddd; /* FF3.5+ */
    -webkit-box-shadow: 0px 50px 50px #ddd; /* Saf3.0+, Chrome */
    box-shadow: 0px 50px 50px #ddd; /* Opera 10.5, IE 9 */ }

#content { float: left; padding: 20px; width: 600px; background: #fff url(/page/-/img/content-background-internal.png) repeat-x left top; }
.full-width #content { float: none; width: 860px; }
#content p.byline { font-size: 9px; font-weight: bold; color: #8b7968; text-transform: uppercase; }
#content p.byline a { color: #8b7968; text-decoration: underline; }
#content p.byline a:hover { color: #990000; }
#content .addthis_toolbox { margin-top: 10px; }
#content a.all { font-size: 14px; display: block; text-align: right; margin: 10px 0; }
#content a.download { color: #fff; text-transform: uppercase; width: 180px; margin: 20px 0; display: block; border: none; font-weight: bold; text-align: center; padding: 10px 20px; 
    background-color: #8C7968;
    background-image: -moz-linear-gradient(-45deg, #9f9082, #685b4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #9f9082),color-stop(1, #685b4e)); /* Saf4+, Chrome */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), -2px -2px 8px rgba(0,0,0,.5) inset, 2px 2px 8px rgba(255,255,255,.5) inset; /* Opera 10.5, IE 9 */
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3-4 */
    border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */ }
#content a.download:hover, #utility-bar input.submit:active {
    background-image: -moz-linear-gradient(45deg, #9f9082, #685b4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0, #9f9082),color-stop(1, #685b4e)); /* Saf4+, Chrome */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0,0,0,.5) inset; /* Opera 10.5, IE 9 */ }
#content form#cse-search-box { width: 600px; }
#content form#cse-search-box input.text { width: 550px; }

#content .entry { margin: 20px 0; }
#content .entry a.thumbnail { border: 1px solid #a79a8a; width: 100px; display: block; text-indent: -9999em; overflow: hidden; float: left; padding: 2px; }
#content .entry a.thumbnail:hover { border: 1px solid #990000; }
#content .entry a.thumbnail img { display: block; width: 100px; }
#content .entry p { margin: 0 0 10px; }
#content .entry .text { width: 480px; float: right; }
#content .entry .text h3 { text-transform:none !important; }
#content .entry.no-thumb .text {width: 100%; }
#content .entry a.more { display: inline; font-size: inherit; text-align: inherit; }

#content .entry .news { width: 480px; float: right; }
#content .entry .news h2 { margin: 0px !important; }

#comments { border-top: 1px solid #EFEAE1; padding: 20px 0; margin: 20px 0; }
#comments h2 { margin: 0 0 10px; }

.index #content .entry h2 { margin: 0; }
.index #content .entry p.byline { margin: 5px 0 0; }

.entry #content .image img, #pages #content .image img { display: block; width: 590px; border: 1px solid #EFEAE1; padding: 4px; }
.entry #content .image cite, #pages #content .image cite { font-size: 10px; text-align: right; display: block; color: #8b7968; margin: 5px 0 20px; }

div.cite { font-size: 10px; text-align: right; display: block; color: #8b7968; margin: 5px 0 20px; }

#sidebar { float: right; width: 260px; background: #fffaf0 url(/page/-/img/sidebar-background.png) no-repeat center top; }
#sidebar .block { margin: 20px auto; }
#sidebar a.button { color: #fff; display: block; text-align: center; font-weight: bold; font-size: 12px; border: none; height: 30px; line-height: 30px; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; padding: 0;
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3-4 */
    border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background-color: #8b7968;
    background-image: -moz-linear-gradient(-45deg, #9f9082, #716152); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #9f9082),color-stop(1, #716152)); /* Saf4+, Chrome */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), -1px -1px 10px rgba(0, 0, 0, 0.5) inset, 1px 1px 10px rgba(255, 255, 255, 0.5) inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), -1px -1px 10px rgba(0, 0, 0, 0.5) inset, 1px 1px 10px rgba(255, 255, 255, 0.5) inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), -1px -1px 10px rgba(0, 0, 0, 0.5) inset, 1px 1px 10px rgba(255, 255, 255, 0.5) inset; /* Opera 10.5, IE 9 */ }
#sidebar a.button:hover { background-color: #746557; background-image: none;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9 */ }

#sidebar .video-thumbnail { margin: 0 0 9px 0; text-align: center; }

#sidebar-tout {width: 220px;}

ul#actions.block { width: 246px; margin: 20px auto 10px; }
ul#actions li { margin: 0 0 4px;}
ul#actions a { display: block; width: 246px; height: 51px; background: url(/page/-/img/sidebar.png) no-repeat center 0; color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; line-height: 51px; }
ul#actions a:hover { background-position: center -51px; }

ul#socnet.block { width: 246px; margin: 10px auto; }
ul#socnet li { float: left; display: inline; padding: 0 0 0 6px; width: 44px; height: 44px; }
ul#socnet li.facebook { padding: 0; }
ul#socnet a { display: block; width: 44px; height: 44px; text-indent: -9999em; overflow: hidden; background: url(/page/-/img/sidebar.png) no-repeat 0px -102px; }
ul#socnet li.facebook a { background-position: 0px -102px; }
ul#socnet li.facebook a:hover { background-position: 0px -146px; }
ul#socnet li.twitter a { background-position: -50px -102px; }
ul#socnet li.twitter a:hover { background-position: -50px -146px; }
ul#socnet li.flickr a { background-position: -100px -102px; }
ul#socnet li.flickr a:hover { background-position: -100px -146px; }
ul#socnet li.youtube a { background-position: -150px -102px; }
ul#socnet li.youtube a:hover { background-position: -150px -146px; }
ul#socnet li.rss a { background-position: -200px -102px; }
ul#socnet li.rss a:hover { background-position: -200px -146px; }

ul#touts { background: #efeae1; padding: 10px; width: 240px; }
ul#touts li a { display: block; width: 240px; height: 52px; line-height: 52px; text-align: center; margin: 0 auto; text-transform: uppercase; letter-spacing: 1px; background: #fff; color: #990000; background: url(/page/-/img/sidebar-tout.png) no-repeat center top; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ }
ul#touts li a:hover { color: #560f1c; background-position: 0 -52px; }
ul#touts li { margin: 5px auto 0; }
ul#touts li:first-child { margin-top: 0; }

#news-select { width: 220px; margin: 0 auto; }
#news-select legend span, #sidebar h2 { display: block; text-align: center; font-size: 18px; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #8A7A68; font-weight: bold; width: 220px; margin: 0 auto 5px; }
#news-select select { background: #fff; font-weight: bold; color: #666; border: none; padding: 5px 10px; width: 220px;
    -moz-box-shadow: 1px 1px 1px #333 inset; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 1px #333 inset; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 1px #333 inset; /* Opera 10.5, IE 9 */
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3-4 */
    border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */ }
#news-select option { padding: 5px 10px; }
#sidebar-video { width: 220px; margin: 0 auto; }
#sidebar-magazine { width: 220px; margin: 0 auto; }
#sidebar-magazine a.tout { background: url(/page/-/img/sidebar-magazine.png) no-repeat center; width: 220px; height: 140px; display: block; text-indent: -9999em; overflow: hidden;
    -moz-box-shadow: 0px 0px 10px #ddd; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 10px #ddd; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 10px #ddd; /* Opera 10.5, IE 9 */ }
#sidebar-magazine a.tout:hover { 
    -moz-box-shadow: 0px 0px 10px #aaa; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 10px #aaa; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 10px #aaa; /* Opera 10.5, IE 9 */ }

#footer { font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; margin: 0 auto; width: 900px; }
#footer .navigation { background: #850e10; padding: 10px 0; font-size: 10px; letter-spacing: 2px; }
#footer .navigation li { padding: 10px 0; }
#footer .navigation a { color: #fff; font-weight: normal; border-left: 1px solid #fff; height: 10px; line-height: 10px; padding: 0 10px; }
#footer .navigation a:hover { color: #310506; }
#footer .navigation .home { padding: 0; }
#footer .navigation .home a { background: url(/page/-/img/footer-logo.png) no-repeat center; width: 85px; height: 30px; display: block; text-indent: -9999em; overflow: hidden; border: none; padding: 0 15px; }
#footer .navigation .donate a { font-weight: bold; }
#footer .navigation li ul { display: none; }
    #footer .navigation li.home { width: 115px; }
    #footer .navigation li.who { width: 100px; }
    #footer .navigation li.fight { width: 88px; }
    #footer .navigation li.organize { width: 140px; }
    #footer .navigation li.action { width: 118px; }
    #footer .navigation li.media { width: 60px; }
    #footer .navigation li.heroes { width: 90px; }
    #footer .navigation li.resources { width: 113px; }
    #footer .navigation li.donate { width: 72px; }

#footer #copyright { color: #8b7968; font-size: 11px; text-align: center; padding: 20px 0; letter-spacing: 1px; }

.subnav li {line-height: 10px!important; margin: 0 0 10px 0;}


/* 04 =HOMEPAGE
---------------------------------------------------------- */
#feature { width: 900px; height: 300px; }
#feature-cycle { float: left; width: 640px; height: 300px; background: #fff; position: relative; }
#cycle .entry { width: 640px; height: 300px; position: relative; }
#cycle .entry a.image { /*background: url(/page/-/img/feature/feature-sample.png) no-repeat center;*/ width: 640px; height: 300px; display: block; }
#cycle .entry a.image img { display: block; width: 640px; }
#cycle h3 { background: transparent url(/page/-/img/feature-bg-2.png) left top repeat; background-color:rgba(245, 245, 245,0.9); position: absolute; left: 0; bottom: 0; color: #4a4037; font-weight: bold; font-size: 12px; padding: 10px; height: 20px; line-height: 20px; overflow: hidden; width: 510px; }
#cycle h3 span { font-size: 18px; }
#pager { background: transparent url(/page/-/img/feature-bg-2.png) left top repeat; width: 84px; padding: 0 0 0 25px; height: 40px; position: absolute; right: 0; bottom: 0; z-index: 6; }
#pager a { background: url(/page/-/img/pager.png) no-repeat right 0; display: block; width: 12px; height: 13px; text-indent: -9999em; overflow: hidden; padding: 0 0 0 4px; float: left; margin: 13px 0 0; }
#pager a:first-child { padding: 0; }
#pager a:hover, #pager a.activeSlide { background-position: right -13px; }
#feature-sidebar { float: right; width: 260px; height: 300px; background: #fffaf0 url(/page/-/img/home-sidebar-background.png) repeat-x center -1px; }
#feature-sidebar ul#actions { margin: 10px auto; }

#home ul#touts { width: 890px; padding: 10px 5px; }
#home ul#touts li { padding: 0 5px; display: inline; float: left; margin: 0 auto; width: 286px; }
#home ul#touts li a { width: 286px; height: 50px; line-height: 50px; background-image: url(/page/-/img/tout.png); margin: 0 auto; }
#home ul#touts li a:hover { background-position: 0 -50px; }

#home #content { background-image: none; }
#home #content h2 { font-size: 18px; font-family: "comenia-sans-web-1","comenia-sans-web-2", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 20px; }
#home #content .entry h3 { text-transform: none; font-size: 14px; font-weight: bold; margin: 0; }

#home #sidebar { padding: 20px; width: 220px; background-image: none; }
#home #news-select { margin: 0 auto 20px; }


/* 05 =SUBPAGES
---------------------------------------------------------- */

#videos #video-feature .video { }
#videos #video-feature .description { }
#videos #video-gallery { background: #efeae1; padding: 20px; margin: 20px 0; }
#videos #video-gallery h2 { float: left; margin: 0 0 10px; }
#videos #video-nav { float: right; font-size: 11px; line-height: 16px; text-transform: uppercase; }
#videos ul#video-list { margin: 0; padding: 20px 0 0; border-top: 1px solid #8b7968; clear: both; float: none; }
#videos ul#video-list li { list-style: none; margin: 0; line-height: normal; padding: 0; float: left; width: 104px; display: inline; margin: 0 10px 0 0; overflow: hidden; }
#videos ul#video-list li a.image { border: 1px solid #560f1c; margin: 0 0 10px; display: block; width: 102px; }
#videos ul#video-list li a.image img { display: block; width: 102px; }
#videos ul#video-list li a.image:hover { border: 1px solid #990000; }
#videos ul#video-list h3 { text-transform: none; margin: 0; }

#flickr-gallery a.thumbnail { display: block; width: 90px; float: left; padding: 0 0 10px 10px; }
#flickr-gallery a.thumbnail img { display: block; width: 90px; }
#flickr-gallery a.thumbnail img:hover {
    -moz-box-shadow: 0px 0px 5px #a79a8a; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px #a79a8a; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px #a79a8a; /* Opera 10.5, IE 9 */ }
#photos .pagination { font-size: 14px; display: block; margin: 20px 0; text-align: center; }
#photos .pagination .links { background: #fffaf0; display: block; margin: 10px 0; padding: 10px 0; }
#photos .pagination b { padding: 5px; }
#photos .pagination a { padding: 5px; }

.category #content h2 { border-top: 1px solid #EFEAE1; padding: 20px 0 0; }
.category #content h3 { margin: 0; }

#sidebar #sidebar-twitter {padding-left:20px;}
#home #sidebar #sidebar-twitter {padding-left:0px;}



/*Affiliates Pages*/

#affiliates_new #feature { width: 600px; height: 281px; padding: 0;}
#affiliates_new #feature-cycle { float: left; width: 600px; height: 281px; background: #fff; position: relative; margin: 0; padding: 0; }
#affiliates_new #cycle .entry { width: 600px; height: 281px; position: relative; margin: 0; overflow:  hidden;}
#affiliates_new #cycle .entry a.image { width: 600px; height: 281px; display: block; }
#affiliates_new #cycle .entry a.image img { display: block; width: 600px; margin: 0; padding: 0; }
#affiliates_new #cycle h3 { background: transparent url(/page/-/img/feature-bg-2.png) left top repeat; position: absolute; left: 0; bottom: 0; color: #4a4037; font-weight: bold; font-size: 12px; padding: 10px; height: 20px; line-height: 20px; overflow: hidden; width: 470px; margin:  0;}
#affiliates_new #cycle h3 span { font-size: 18px; text-transform: none; }
#content .subnav { margin: 15px 0 20px; padding: 0; }
#content .subnav li { list-style: none; float: left; padding: 1px 5px 1px 7px; margin-left: 5px; border-left: 1px solid; }
#content .subnav li.first { border-left: none; padding-left: 0px;}
#affiliates_new .entry { margin: 1px 0; }
#affiliates_new .entry .thumbnail { margin-top: 10px; }
#content .affiliates-feed-head { margin: 12px 0 5px; border-top: 1px dotted #dadada; padding-top: 12px;}
.affiliate-logo { margin: 0 0 5px; }

#picbox-large-border {clear:left;display:block;border-top:1px dotted #dadada;border-bottom:1px dotted #dadada;margin: 0 auto;padding:10px 0 10px 0;height:100% /* IE6: treated as min-height*/ height:auto !important; /* real browsers */}
#picbox-large-border .text {margin-left:170px; margin-bottom:30px; width: 420px; height:100% /* IE6: treated as min-height*/ height:auto !important; /* real browsers */ }
#picbox-large-border img {display:block;overflow:hidden;float:left;text-align:right;height:150px;width:150px;margin:16px 10px 0 0;}
#picbox-large-border h2 {font-size:16px;font-family:Arial,Lucida Grande,Verdana,Geneva,Sans-serif;margin: 0px !important;}
#picbox-large-border p {font-size:12px;font-family: Arial,Lucida Grande,Verdana,Geneva,Sans-serif;margin-left:170px; }

#picbox-large { clear:left;display:block;border-bottom:1px dotted #dadada;margin: 0 auto;padding:10px 0 60px 0; }
#picbox-large .text { margin-left:170px; margin-bottom:30px; width: 420px; height:100% /* IE6: treated as min-height*/ height:auto !important; /* real browsers */ }
#picbox-large img { display:block;overflow:hidden;float:left;text-align:right;height:150px;width:150px;margin-bottom: 10px;
	margin-right: 10px; }
#picbox-large h2 { font-size:16px;font-family:Arial,Lucida Grande,Verdana,Geneva,Sans-serif; margin: 0 0 10px 0 !important; }
#picbox-large p { font-size:12px;font-family: Arial,Lucida Grande,Verdana,Geneva,Sans-serif; margin: 0 0 10px 0 !important; }

/* 06 =FRAMEWORK
---------------------------------------------------------- */

/*
SKIN OVERRIDES
Last Update: APRIL 5, 2011
NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework".
For the YUI styles to work the body id should be "bsd"
*/
 
/*=TYPOGRAPHY
---------------------------------------------------------- */
#framework #SKIN h1, /*If you change the font-soze for h1 or it's top margin or padding properties be sure to change the top margin property for "#SKIN #account_actions" such that the base line for the elements within line up with h1 in control_set div*/ 
#framework #SKIN .basic .main #eventdetail .title, /*Event Title*/
#framework #profiledetail #sectionheader,
#framework #stdheader #title /*Page title on Outreach pages*/
{ font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; }
 
/*if using cufon or typekit for headers be sure to target the following header ids/classes
#titletext - header for Outeach pages
.headertitle — header for Comunity pages
*/
#framework #contribution .contribheader, /*Section headers on Contribute form*/
#framework #SKIN h2,
#framework #sectionheader,
#framework #SKIN .widget_header,
#framework #SKIN .widget_title,
#framework #community .communitypostinlist .title, /*Blog post title on community web page*/
#framework #community .header, /*Community page headers */
#framework #community .communitypostfull .title, /*Community title for full blog post*/
#framework #community .journaltitle,
#framework #community .journalarchive .journalarchivetitle,
#framework a#host-button,
#framework #loginform .logintitle,
#framework #signupform .signuptitle, 
#framework #outreach_content #loginform .logintitle,
#framework #outreach_content #signupform .signuptitle,
#framework #manageform .managetitle,
#framework #forgotpw .header
{ font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; }
 
#framework #SKIN h3,
#framework #SKIN .basic .main .typedescheader,
#framework #community .postlist table.head .text, /*Table heading on Community Dashboard page*/
#framework #community .subheader, /*Subheader on the Community Blog Entry Preview page*/
#framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/
#framework #odgettingstarted .odsechead,
#framework #odprogress .odsechead, 
#framework #odyourpage .odsechead, 
#framework #odstats .odsechead, 
#framework #odaddress .odsechead, 
#framework #odgroup .odsechead,
#framework #outreach_content .omhead
{ font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; }
 
#framework #SKIN h4, #framework #SKIN h5 { font-size: 12px; font-weight: bold; line-height: 18px; }
 
/*HEADERS WITH BOTTOM BORDERS*/
#framework #contribution .contribheader, /*Section headers on Contribute form*/
#framework #sectionheader,
#framework .sectionheader,
#framework #SKIN .header,
#framework #SKIN .basic .main .typedescheader,
#framework #community .header /*Community page headers */
#framework #community .communitypostfull .title, /*Community title for full blog post*/
#framework #community .journaltitle,
#framework #community .journalarchive .journalarchivetitle,
#framework #stdheader, /*Header for Outreach pages*/
#framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/
#framework #odgettingstarted .odsechead,
#framework #odprogress .odsechead, 
#framework #odyourpage .odsechead, 
#framework #odstats .odsechead, 
#framework #odaddress .odsechead, 
#framework #odgroup .odsechead,
#framework #outreach_content .omhead,
#framework #manageform .managetitle,
#framework #forgotpw .header
{ border-bottom: 1px solid #ddd; padding-bottom: 3px; }
 
/*WIDGET HEADERS*/
#framework #SKIN .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; }
 
/*SUB-HEADERS*/
#framework #SKIN .widget_subheader, /*Widget Subheader on the dashboard*/
#framework #community .subheader /*Subheader on the Community Blog Entry Preview page*/
{ background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; }
 
/*=FORM ELEMENTS
---------------------------------------------------------- */
#framework .checkbox, #framework .radiobutton, #framework.label, #framework .text { margin: 0 0.8em 0.5em 0; }
#framework #signup .checkbox, #framework #signup .radiobutton, #framework #signup .label, #framework #signup .text { margin: 0 .8em .5em 0; }

 
/*=BUTTONS
---------------------------------------------------------- */
/*INPUT BUTTONS*/
#framework input[type=button],
#framework input[type=submit],
#framework .submit,
#framework #invitationpage #submit_button,
#framework #date-filter,
#framework .loginbutton input,
#framework .signupbutton input,
#framework #community input[type=submit],
#framework .utils_search button
{ cursor: pointer; } /*Targets most Buttons*/
 
/*INPUT HOVER STATES
Note this will only work for modern browsers*/
#framework input[type=button]:hover,
#framework input[type=submit]:hover,
#framework input:hover.submit,
#framework #invitationpage input:hover#submit_button,
#framework button:hover#date-filter,
#framework .loginbutton input:hover,
#framework .signupbutton input:hover,
#framework #community input[type=submit]:hover,
#framework .utils_search button:hover
{  }
 
/*RSVP and DETAILS BUTTONS*/
#framework #event_results .event_footer .links { float: left; }
#framework #event_results .event_footer .links .detail_button, #framework #event_results .event_footer .links .rsvp_button { float: right; } 
#framework #event_results .event_footer .links .detail_button a, #framework #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; }
#framework #event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; }
#framework #event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; }
#framework #event_results .event_footer .links .detail_button a:hover, #framework #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; } /*Hover state for RSVP and Details buttons*/
 
/*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/
#framework #contact_importer_button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; } /*You can change the background color to match your other input button styles*/
 
/*SEARCH BUTTON*/
#framework .search_form button { }
 
/*=TEXT INPUT FIELDS AND TEXTAREAS
---------------------------------------------------------- */
#framework input.text, #framework textarea { padding: 3px } /*Use this definition to target most of the text input fields*/
 
/*=TABS
NOTE If the background color for your page is not white you will have to update the bottom border color for the active tabs for Framework, Events and Friends i.e.
#framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
#framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
#framework #SKIN #friends_tabs ul li.active_tab  { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; }
---------------------------------------------------------- */
/*FRAMEWORK TABS*/
#framework #SKIN #blue_hat { background: none;  border-bottom: 1px solid #ddd; height: 43px; }
#framework #SKIN #blue_hat ul { display: inline; float: right; height: auto; margin: 0 5px; padding: 18px 0 0 0; }
#framework #SKIN #blue_hat li { background: #eee; border: 1px solid #ddd; border-top-left-radius: 3px; display: inline; float: right; padding: 5px 10px 4px; text-decoration: none; }
#framework #SKIN #blue_hat li a { color: #888; text-decoration: none; }
#framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
#framework #SKIN #blue_hat .blue_hat_active a { color: #555; }
#framework #SKIN #blue_hat li a:hover { background: none; color: #555; }
 
/*EVENT TABS*/
#framework ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0;  width: 100%; }
#framework ul#event_order li {  background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; }
#framework ul#event_order li a { color: #888;  }
#framework ul#event_order a:hover { color: #555; }
#framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
#framework ul#event_order li.active a { color: #555; }
 
/*WIDGET TABS*/
/*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/
#framework #SKIN .widget_tabs { margin: 0; padding: 0;  }
#framework #SKIN .widget_tabs li { border-top-left-radius: 3px; float: left; list-style: none; padding: 5px 10px 4px 10px; margin: 0 5px 0 0; list-style-type: none; }
#framework #SKIN .widget_tabs li.active_tab { background: #eee; font-weight: bold; }
#framework #SKIN .widget_tabs li.inactive_tab { background: #ddd; }
 
/*FRIENDS TABS*/
#framework #SKIN #friends_tabs { border-bottom: 1px solid #ddd; margin: 18px 0 6px 0; }
#framework #SKIN #friends_tabs ul { margin: 0; padding: 5px 0 0 0; list-style: none; }
#framework #SKIN #friends_tabs li { border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline; float: left;  margin: 0 0 -1px 5px; list-style-type: none; padding: 5px 10px 4px; }
#framework #SKIN #friends_tabs ul li.active_tab  { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; }
#framework #SKIN #friends_tabs ul li.active_tab a { color: #555; font-weight: bold; }
#framework #SKIN #friends_tabs ul li.inactive_tab  {  background: #eee; border: 1px solid #ddd;  }
 
/*=SPEAKOUT TABS */
#framework #speakout #tabs { margin-top: 18px; }
#framework #speakout #nav-tabs, #framework #speakout #tip-tabs { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 18px 0; top: 0;  width: 100%; }
#framework #speakout td.tips { padding: 0 10px; }
#framework #speakout #tip-tabs { width: 300px; }
#framework #speakout #nav-tabs li, #framework #speakout #tip-tabs li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; }
#framework #speakout #nav-tabs li.tab-on, #framework #speakout #tip-tabs li.tip-on { background: none; border-bottom: 1px solid #fff; color: #555; font-weight: bold; }
#framework #speakout #nav-tabs li.tab-off, #framework #speakout #tip-tabs li.tip-off { cursor: pointer; }
 
 
/*YUI POP OVER
This controls the style of the pop over opened after clicking the contact importer button
As noted above, in order for this to work the body id should be "bsd"
---------------------------------------------------------- */
#bsd .yui-panel { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#bsd .yui-panel-container.shadow .underlay { display: none; }
#bsd .yui-panel .container-close { right: 10px; } /*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/
#bsd .yui-panel .hd { background: #eee; color: #333; border: none; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 10px; }
#bsd .yui-panel .bd { font-size: 12px; line-height: 18px; padding: 6px; }
#bsd #contact_importer_wrapper { margin: 0; }
#bsd #contact_importer_wrapper #contact_importer_error { margin: 18px 0 0 0; }
#bsd #contact_importer_dialog .button-group button { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; }
/*Contact Listings*/
#bsd #contact_importer_wrapper #results_table_header { background: #eee; }
#bsd #contact_importer_wrapper #results_table_outer { border: 1px solid #ddd; }
 
 
 
/*=LAYOUT
---------------------------------------------------------- */
/*SOCIAL NET WIDGET COLUMNS*/
#framework #SKIN #widget_group_1 { float: left; width: 49%; } /*Left column*/
#framework #SKIN #widget_group_2 { float: right; width: 49%; } /*Right column*/
 
/*SPEAKOUT*/
 
#framework .group_field { margin-bottom: 10px; float: left; margin-right: 5px; }
#framework #speakout .splash { margin: 0 0 20px 0; }
#framework #speakout table { clear: left; margin: 0 20px 10px 0; }
 
#framework #speakout #recipient_table { width: 300px; }
#framework #speakout .recipient-header { font-weight: bold; }
#framework #speakout .recipient-divider { padding-top: 10px; font-style: italic; }
#framework #speakout .recipient-header th { text-align: auto !important }
#framework #speakout .stat { text-align: right; padding-right: 4px; }
#framework #speakout td { vertical-align: top; }
#framework #speakout .step { margin-top: 15px; }
#framework #speakout .field { width: 50%; padding-left: 10px; }
#framework #speakout th.divider { padding: 10px; font-size: 16px; background: #eee; }
#framework #speakout #speakout_form { margin-top: 20px; }
#framework #speakout h4 { font-size: 16px; }
 
#framework #speakout table#landing div.goal { float: right; margin: 10px; padding: 15px 15px 0; width: 280px; border: 1px solid #CCC; }
#framework #speakout table#landing div.goal td { padding: 5px; }
#framework #speakout table#landing div.goal input.landing-button, #framework #speakout table#landing div.goal input.landing-button-over { display: block; margin-top: 15px; }
#framework #speakout table#landing div.goal input#addr1, #framework #speakout table#landing div.goal input#addr2, #framework #speakout table#landing div.goal input#email { width: 200px; }

 
 
/*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW
---------------------------------------------------------- */
#framework #SKIN #widget_directory_search_groups_by_keyword { float: none !important; }



/* 07 =UTILITY
---------------------------------------------------------- */

.cufon-loading .cufon { visibility: hidden !important; }

.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl { float: left; margin: 0; padding: 0 10px 10px 0; }
.floatr { float: right; margin: 0; padding: 0 0 10px 10px; }
.floatl-nomargin { float: left; margin: 0; padding: 0; }
.floatr-nomargin { float: right; margin: 0; padding: 0; }
.clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; }
.required { color: red; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}


/* 08 =NCHA
---------------------------------------------------------- */

#ncha-header {margin-bottom:20px;}

p.ncha-text-l { font:140% helvetica,sans-serif; color:#000; line-height: 140%; font-weight:300; }
p.ncha-text-m { font:120% helvetica,sans-serif; color:#000; line-height: 140%; font-weight:300; }
p.ncha-text-s { font:90% helvetica,sans-serif; color:#000; line-height: 140%; font-weight:300; }

p.ncha-text-tell1 { font:140% gotham,sans-serif; font-weight:900; color:#900 !important; }
p.ncha-text-tell2 { font:120% gotham,sans-serif; color:#8f8774 !important; margin-top:-10px;}
p.ncha-text-tell3 { font:105% helvetica,sans-serif; color:#000; line-height: 160%; }
p.ncha-text-tell4 { font:120% gotham,sans-serif; color:#000; font-weight:800; margin:auto; text-align:center;}
p.ncha-text-tell5 { font:105% helvetica,sans-serif; color:#000; margin-top:5px; font-weight:300; text-align:center;}
p.red-button { font:160% helvetica,sans-serif; color:#fff; line-height: 160%; margin:0px !important;}

a.ncha {height:35px;}
a.ncha2 {height:125px;}

#intro {width:860px; padding:20px 0px; margin:20px 0px; border-top: 1px solid #765; border-bottom: 1px solid #765;}

#intro-l {width:550px; float: left; padding:0px 10px; }

#intro-r {width:265px; float:right; padding:0px 10px;}

#threecol {width:860px; height:480px; border-bottom: 1px solid #765;}
.smallbox {height:280px;}

#rht {width:265px; float: left; padding:10px;}
#econ {width:265px; float:left; border-left: 1px solid #645342; border-right: 1px solid #645342; padding:10px;}
#mfa {width:265px; float:right; padding:10px;}

li.center { margin:auto !important }

#ncha-vids {
       width:860px;
       height:315px;
       padding:0;
}

#cal-nurses-video-current iframe {
	float:left;
        display:block;
	height:300px;
        width:570px;
	margin:0;
	padding:0;
        frameborder:0;
}

#cal-nurses-video-r {
       width:286px;
        height:304px;
        float:right;
	background: #EEE;
	margin:0;
	padding:0;
}

#cal-nurses-video-txt {
       margin:18px;
       height:235px; 
}


#cal-nurses-video-list {
       width:130px; 
       margin-left: 91px;
}


#cal-nurses-video-list ul,
#cal-nurses-video-list li {
	float:left;
	margin:0;
	list-style:none;
	padding:0;
	width:100%;
}

#cal-nurses-video-list ul {}

#cal-nurses-video-list li {width:33%;}

#cal-nurses-video-list p {
	margin:0 3%;
	padding:0;
}

#cal-nurses-video-list a {display:block;}

#cal-nurses-video-list .image {overflow:hidden;}

#cal-nurses-video-list img {
       	
}

#cal-nurses-video-list .name a {
	color:#000;
	font-size:1em;
	font-weight:700;
	margin:.5em 0 .25em;
}

#cal-nurses-video-list .meta a {
	color:#9a9481;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	margin:0;
}

#cal-nurses-video-list a:hover .image,
#cal-nurses-video-list .current .image {border-color:#ed1b38;}

#cal-nurses-video,
#cal-nurses-video li {
	float:right;
	margin:0 0 0 10px;
	list-style:none;
	padding:0;
	position:relative;
}


#cal-nurses-video-scroll {overflow:hidden;}

#cal-nurses-video-items {position:relative;}






/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 550px;
    height:120px;

    /* custom decorations */
    border:1px solid #ccc;
    background:url(/media/img/gradient/h300.png) repeat-x;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:680px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:100px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}



/*!
 * jQVMap Version 1.0 
 *
 * http://jqvmap.com
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://github.com/manifestinteractive/jqvmap
 */
.jqvmap-label
{
	position: absolute;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #292929;
	color: white;
	font-family: sans-serif, Helvetica;
z-index:1001;
	font-size: smaller;
	padding: 3px;
}
.jqvmap-zoomin, .jqvmap-zoomout
{
	position: absolute;
	left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #000000;
	padding: 3px;
	color: white;
	width: 10px;
	height: 10px;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
}
.jqvmap-zoomin
{
	top: 10px;
}
.jqvmap-zoomout
{
	top: 30px;
}
.jqvmap-region
{
  cursor: pointer;
}
.jqvmap-ajax_response
{
  width: 100%;
  height: 500px;
}

#aboutl{width:600px; float:left; }
#aboutr{width:220px; float:right; }
#aboutb{width:860px; display:block; clear:both; padding:20px}

#affiliates_new.entry.full-width #content .entry .text {width: 700px;}