* {margin: 0; padding: 0;}
body {background: #fff url(../img/main-bg.jpg) repeat-x; font: normal 62.5%/1.4 "Lucida Grande", Helvetica, Arial, sans-serif;}
/* * html body td {font: normal 62.5%/1.4 "Lucida Grande", Helvetica, Arial, sans-serif;} */
div#container  { font-size: 1.1em; }

a { color: #226ba3; text-decoration: none; font-weight: bold; }
a:hover { color: #000; }
/* a:visited { color: #acacac; } */
a span {cursor: pointer;}
a img {border: none;}
a.morelink { padding-right: 1em; background: url(../img/morelink-arrow.gif) right no-repeat; font-weight: bold !important; }
#center a, #center-2col a { text-decoration: underline; }
#home #center a { font-weight: normal; }
legend {display: none;}
fieldset {border: none;}
p { padding-bottom: .5em; }
h1, h2, h3 { font-size: 1.2em; }
ul.tight-spacing li { padding-bottom: 0 !important; }

#nav-others form {padding: 11px 0 0 5px; background: url(../img/blue-bg.gif) no-repeat;}
fieldset { border: none; }
#nav-others fieldset {width: 187px; border: 1px solid #3D8ECB; padding: 8px 7px 16px 7px; background: #175787;}
html>body #nav-others fieldset {width: 171px;}
#nav-others label {color: #fff; font-size: 1.0em; font-weight: bold;}
#nav-others select {margin-top: 3px; width: 140px; height: 19px; font-size: 100%;}
input { vertical-align: middle; font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif; color: #666;}
* html select,
* html input {vertical-align: top;}
#nav-secondothers { padding-left: 10px; }
#nav-secondothers a { display: block; height: 40px; vertical-align: middle; }
#nav-secondothers img { float: left; }

div#container {position: relative; width: 981px; margin: 0; padding-top: 5px; background: url(../img/main2-bg.gif) no-repeat 0 282px; text-align: left;}

#header {margin-left: 10px;}
#header, #header h1 span {position: relative; width: 379px; height: 79px; overflow: hidden;}
#header h1, #header h1 span, #header p#slogan, #header p#full-name {display:none;}
/*
#header h1 span {position: absolute; top: 0; left: 0; background: url(../img/afscme-logo.jpg) no-repeat;}
#header h1 {font-size: 200%;}
#header p#slogan {font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
#header p#full-name {font-family: Helvetica, Arial, sans-serif;}
*/

#search { width: 218px; height: 32px; background: url(../img/search-bg.gif) no-repeat; }
#home #search { position: absolute; top: 5px; right: 0px; }
#search fieldset {border: none; padding: 3px 0 0 15px;}
#search-field {width: 138px; border: 1px solid #b3b3ab; margin-right: 3px; padding: 3px 2px 2px 2px; font-size: 100%; vertical-align: top;}

#featured-photo {position: absolute; top: 86px; left: 103px;}

#home #navigation {float: left; margin-top: 217px; margin-right: 30px; width: 212px;}
#nav-site {margin-left: 13px; width: 199px; list-style-type: none;}
#nav-site li {position: relative; width: 199px; margin: 0 0 1px 0; padding-bottom: 2px; background-color:#005dab;background-image:url(../img/bg_bluenav_top.gif);background-position:top left;background-repeat:no-repeat; /*url(../img/nav-bg-bot.gif) no-repeat bottom*/}
#nav-site li a {display: block; /*border-left: 1px solid #005dab;*/ padding: 8px 12px 7px 12px; /*background: url(../img/nav-bg.gif) repeat-x;*/ color: #fff; font-size: 1.2em; font-weight: bold; line-height: 1.0; text-decoration: none;}
#nav-site li.flyout a {background: url(../img/nav-bg-arrow.gif) top right no-repeat;}
#nav-site li.flyout a:hover, #nav-site li.flyout-active a {background: url(../img/nav-bg-arrow-on.gif) top right no-repeat;}
/* integration: added #nav-site li.no-flyout a.active, #nav-site li.flyout-active a */
#nav-site li a:hover, #nav-site li.no-flyout a.active, #nav-site li.flyout-active a {color: #00ad52;}
#nav-site li a span {position: absolute; width: 199px; height: 2px; top: 0; left: 0; overflow: hidden; /*background: url(../img/nav-bg-top.gif) no-repeat;*/}
#nav-site li a em {font-size: 0.8em; font-style: normal;}
#nav-others {margin: 0 0 10px 13px; padding: 0 0 23px 0; background: #226BA3 url(../img/bot-blue-bg.gif) no-repeat bottom;}
#nav-others a {display: block; margin: 17px 0 0 5px;}
#nav-others a img {display: block;}

#action input#petition-sign {width: 100px;}

.afscme-cor-united, .afscme-nurses, .afscme-retirees {display: block; margin: 0 0 6px 13px; padding: 6px 0 6px 40px; line-height: 1.1; color: #363636; font-family: Helvetica, Arial, "Lucida Grande", Tahoma, sans-serif; font-size: 110%; font-weight: bold; text-decoration: none;}
.afscme-nurses, .afscme-retirees {line-height: 2.5;}
.afscme-cor-united {background: url(../img/afscme-cor-united.jpg) no-repeat center left;}
.afscme-nurses {background: url(../img/afscme-nurses.jpg) no-repeat center left;}
.afscme-retirees {background: url(../img/afscme-retirees.jpg) no-repeat center left;}

#home #center {float: left; margin-top: 217px; width: 275px; }
#center h2.home-header {width: 100%; font-size: 1.0em; font-weight: bold; text-transform: uppercase; background: #e0e0e0 url(../img/home-center-h2-bg.gif) top left repeat-x; margin-bottom: 1em; border-bottom: 1px #e0e0e0 solid; clear: both; }
#center h2.home-header a, #center h2.home-header span { font-weight: bold !important; display: block; text-decoration: none; color: #000; padding: 3px 0 3px 10px; }
#center h2.home-header a { background: url(../img/home-center-h2-arrow.gif) top right no-repeat; }
#center h2.home-header a:hover { color: #d21c29; }
#center h2.home-header span { background: url(../img/home-center-h2-noarrow.gif) top right no-repeat; }
* html h2.home-header a { width: 100%; }
#center ul, #center-2col ul, #col3 ul { margin:0 10px; padding:0; width: 95%; list-style: none; }
#center li, #center-2col ul, #col3 li { padding: 0 0 10px 10px; background: url(../img/bullet-home.gif) no-repeat; background-position: 0 .5em; }
#center div.feature { margin:1em 0 2em 0; padding-top: 1em; background-color: #edf7ff; border: 1px #91caf6 solid; }
#center div.feature ul.newswire em { color: #d21c29; font-style: normal; }
#center ul.in-action a { font-weight: normal; }
#center div.feature ul.events li { background: none !important; overflow: hidden; }
#center div.feature ul.events a { font-weight: normal; }
#center div.feature ul.events em { color: #000; font-style: normal; font-weight: bold; }
#center div.feature ul.events .date { display: block; color: #000; font-style: normal; }

#action {float: right; z-index: 20; margin-top: -36px; margin-right: -2px; width: 455px; height: 139px; background: url(../img/action-bg-topper.jpg) top no-repeat; color: #ffc430; font-weight: bold;}
#action img#actionImage { border: 2px #ffc430 solid; float: left; margin-right: 1em; }
#action h2 { margin-bottom: .5em; }
#action  h2 img { border: none; }
#action .holder { background-color: #1a521c; width: 400px; margin-left: 23px; margin-top: 10px; padding: 10px; border: 1px #d2aa11 solid; }
* html #action .holder { width: 420px; }

#home #col3 {float: right; margin-top: 0px; margin-right: -2px; width: 449px; background: url(../img/livewire-bg-topper.gif) top no-repeat;}
#col3 #livewire, 
#col3 .holder { width: 424px; margin: 0 0 0 18px; padding: 0; background: #f6f6f6 url(../img/col3-holder-bg-bottom.gif) bottom no-repeat; }
* html #col3 #livewire { width: 424px; }
#col3 img.livewire-header { padding: 0; margin: 10px 0 0 18px; }
#col3 .content { padding: 5px 20px 10px 20px; background: #f6f6f6 url(../img/col3-holder-bg-bottom.gif) bottom no-repeat; margin-top: -5px;  }
#col3 #livewire .content { padding-top: 20px; }
#col3 #livewire .content img { float: left; margin-right: 10px; }
#col3 h3.enews { margin-right: 10px; padding: 0; float:left; }
#col3 #livewire li a em { color: #000; font-style: normal; }

#col3 #livewire #nation h3, 
#col3 #livewire #blog h3, 
#col3 .featureBox h3 { font-size: 1.0em; font-weight: bold; text-transform: uppercase; background: #226ba3 url(../img/home-col3-h2-bg.gif) top left no-repeat; margin-bottom: 1em;}
#col3 #livewire #nation  h3 a, 
#col3 #livewire #blog h3 a, 
#col3 .featureBox h3 a { display:block; text-decoration: none; color: #fff; background: url(../img/home-col3-h2-rtpc.gif) top right no-repeat; padding: 2px 0 2px 10px;}
#col3 #livewire #nation, 
#col3 #livewire #blog { float: left; margin-top: 20px; width: 170px; }
* html #col3 #livewire #nation, 
* html #col3 #livewire #blog { width: 190px; }
#col3 #livewire #nation { padding-right: 20px; border-right: 1px #d5d5d5 solid; }
#col3 #livewire #nation a.morelink { margin-left: 20px; }
#col3 #livewire #blog { padding-left: 20px; }
#col3 li.video { padding: 0 0 10px 15px; background: url(../img/bullet-video.gif) no-repeat; background-position: 0 0; }
#col3 li.audio { padding: 0 0 10px 15px; background: url(../img/bullet-audio.gif) no-repeat; background-position: 0 0; }

#col3 .promos { width: 350px; margin: 2em 0 0 60px; padding: 0; }
#col3 .promos .one, #col3 .promos .two { float: left; width: 50%; }
#col3 .promos img { border: 1px #818181 solid; }

#col3 .featureBox { float:right; width: 260px; padding-bottom: 2em; background-color: #ececec; border-bottom: 1px #d5d5d5 solid; }
#col3 .featureBox p { padding: 0 .5em; }
#col3 .featureBox p em { color: #1c7b1f; font-style: normal; font-weight: bold; }

#home #col3 .tout-box { float: left; }
#col3 .tout-box, #our-voices .tout-box { border: 1px solid #828282; margin: 0 0 15px 6px; width: 165px; background: #fff; }
#col3 .tout-box p, #our-voices .tout-box p { margin: 0 10px 5px 10px; }
#col3 .tout-box p a , #our-voices .tout-box p a { text-transform: uppercase; }
#col3 .tout-box img.banner-image, #our-voices .tout-box img.banner-image { margin-bottom: 3px; }


.clear {clear: both;}
.spacer {padding: 1em;}

#footer {clear:both; background: #00a94f; margin-top: 15px; padding: 14px 0 15px 13px; font-size: 90%; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
#footer p {color: #343434; text-align: left;}
#footer p a {color: #ffffff; text-decoration: none; font-weight: normal;}
#footer p a.rss-feed {padding-left: 16px; background: url(../img/rss.gif) no-repeat center left;}
#footer p a:hover {text-decoration: underline;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*these are seen by IE6 and Safari but hidden from Netscape6-7*/
html*#contents a h3 {
[ font-size: .75em;]
}

/* RedDot Stuff */
span.reddot { color: #f00; font-size: 0.9em; margin-right: 5px; }
span.reddot img { margin-right: 5px; }