/* 11/20/2007 - Trevor Davis - HRA-NCA Screen Stylesheet */

/*****Zero out margins and padding*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body {
    background: #fffadd;
    color: #192f5c;
    font: 62.5% Arial, Verdana, Helvetica, sans-serif;
}
a { color: #192f5c; }
a:hover { text-decoration: none; }
img { border: none; }
h3 { font-size: 1em; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd, blockquote { margin-left: 36px; }
blockquote { margin-right: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.headline { font-size: 1.167em; margin-bottom: 10px; }

ul.listing {
    list-style: none;
    margin: 0;
    padding-bottom: 8px;
}
ul.listing li { margin-bottom: 10px; }
ul.listing strong { display: block; }

ul.buttons {
    list-style: none;
    margin: 0;
    padding-bottom: 8px;
}
ul.buttons li { margin-bottom: 10px; }
ul.buttons a {
    background: #2b87ea url(images/template/button-arrow.gif) no-repeat 190px 50%;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 19px 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 182px;
}

.brandingImage { margin: 10px 0; }

/*****Basic Layout*****/
ul#skipLinks {
    left: -9999px;
    position: absolute;
    top: -9999px;   
}

div#container {
    background: url(images/template/container-bg.gif) repeat-y top left;
    border-right: 1px solid #192f5c;
    margin: 0 auto;
    width: 999px;
}

div#wrapper {
    background: url(images/template/wrapper-bg.gif) no-repeat top left;
    float: left;
    font-size: 1.2em;
    padding: 0 0 0 70px;
}

div#header { 
    clear: both;
    float: left;
    width: 100%;
}

div#content {
    background: #fff url(images/template/content-bg.gif) no-repeat top left;
    clear: both;
    float: left;
    padding: 15px 0 15px 15px;
    width: 914px;
}

div.column {
    float: left;
    margin: 0 32px 0 0;
    width: 202px;
}
div#survey {
    background: #0055a4 url(images/template/survey-bg.gif) no-repeat 100% 10.5em;
    color: #fff;
    margin-right: 0;
    padding: 10px 0;
    width: 200px;
}

div#footer {
    background: #192f5c;
    clear: both;
    color: #fff;
    font-size: 1.2em;
    padding: 10px;
}
div#hrFooter {
    clear: both;
    margin: 10px auto 0 auto;
    padding-bottom: 10px;
    width: 980px;
}

/*****Utility Nav*****/
ul#utilityNav {
    background: #192f5c;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
ul#utilityNav li {
    border-right: 1px solid #fff;
    float: right;
    margin-right: 5px;
    padding-right: 5px;
}
ul#utilityNav li.first {
    border: none;
    padding-right: 0;
}
ul#utilityNav a {
    color: #fff;
    text-decoration: none;
}
ul#utilityNav a:hover { text-decoration: underline; }

/*****Header*****/
div#header h1 {
    float: left;
    height: 180px;
    position: relative;
    width: 929px;
}
div#header h1 span {
    background: url(images/template/branding.jpg) repeat-x top left;
    display: block;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*****Primary Nav*****/
ul#primaryNav {
    background: #364e8c;
    border-bottom: 1px solid #fff;
    clear: both;
    float: left;
    list-style: none;
    margin: 0;
    padding: 6px 0 5px 19px;
    width: 910px;
}
ul#primaryNav li {
    float: left;
    margin-right:15px;
}
ul#primaryNav li a {
    color: #fff;
    display: block;
    /*height: 9px;*/
    overflow: hidden;
    position: relative;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
}
/*
ul#primaryNav li {
    float: left;
}
ul#primaryNav li a {
    color: #fff;
    display: block;
    height: 9px;
    overflow: hidden;
    position: relative;
}
ul#primaryNav li#aboutNav a { width: 65px; }
ul#primaryNav li#memberNav a { width: 120px; }
ul#primaryNav li#volunteerNav a { width: 173px; }
ul#primaryNav li#eventsNav a { width: 122px; }
ul#primaryNav li#resourcesNav a { width: 100px; }
ul#primaryNav li#jobNav a { width: 66px; }
ul#primaryNav li#legislativeNav a { width: 73px; }
ul#primaryNav li#sponsorshipNav a { width: 73px; }
ul#primaryNav li span {
    background: url(images/template/primary-nav.gif) no-repeat top left;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
ul#primaryNav li#memberNav span { background-position: -65px 0; }
ul#primaryNav li#volunteerNav span { background-position: -185px 0; }
ul#primaryNav li#eventsNav span { background-position: -358px 0; }
ul#primaryNav li#resourcesNav span { background-position: -480px 0; }
ul#primaryNav li#jobNav span { background-position: -580px 0; }
ul#primaryNav li#legislativeNav span { background-position: -646px 0; }
ul#primaryNav li#sponsorshipNav span { background-position: -719px 0; }
*/

/*****Image Replaced Headings*****/
.heading, .heading a {
    background: no-repeat top left;
    cursor: pointer;
    display: block;
    height: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    text-indent: -9999px;
}
.secondary { margin-bottom: 10px; }
#connect a {
    background-image: url(images/template/connect-trans.png);
    height: 12px;
    width: 106px;
}
#news {
    background-image: url(images/template/news-trans.png);
    width: 129px;
}
#support a {
    background-image: url(images/template/support-trans.png);
    width: 103px;
}
#join {
    background-image: url(images/template/join-trans.png);
    width: 198px;
}
#grow a {
    background-image: url(images/template/grow-trans.png);
    width: 72px;
}
#nonHRA {
    background-image: url(images/template/nonHRA-trans.png);
    width: 159px;
}
#compSurvey {
    background-image: url(images/template/survey.gif);
    height: 28px;
    margin: 0 10px;
    width: 149px;
}

/*****Go Button*****/
input.goButton {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 5px;
}

/*****Survey Box*****/
div#survey h3, div#survey h4 { margin: 0 20px 0 10px; }
div#survey a { color: #fff; }
div#survey p {
    margin: 0 20px 18px 10px;
}

/*****Footer*****/
div#footer p { margin-bottom: 0; }
div#footer a { color: #fff; }
div#hrFooter img { border: none; }

/*****SHRM News Fix for javascript rss feed*****/
div#shrmNews font { font-size: 1em; }
/***Not sure if I can even explain this...crazy javascript***/
div.listing b { font-weight: normal; }
div.listing br { 
    display: block;
    margin-bottom: 6px;
    line-height: 8px; /*IE7?*/
}

/********** Articles Widget Styles **********/
div.whats_new div.list-item h1 {
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  margin: 6px 0 6px 0;
}
div.whats_new div.list-item div.date,
div.whats_new div.list-item div.clear,
div.whats_new div.list-item p {
  display:none;
}
div.whats_new div.page_control {
  display:none;
}

/********** Upcoming Events Widget Styles **********/
div.upcoming_events div.page_control {
  display:none; /* don't show page control on home page */
}
div.upcoming_events div.list-item {
  margin-bottom: 10px;
}
div.upcoming_events div.list-item h1{
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
div.upcoming_events div.list-item div.date{
}
div.upcoming_events div.list-item div.url{
  display:none;
}
div.upcoming_events div.list-item p{
  display:none;
}

/********** SHRM RSS Feed Styles **********/
#shrmNews .feedburnerFeedBlock .feedTitle {
  display:none;
}
#shrmNews .feedburnerFeedBlock ul {
  list-style-type:none;
  margin:0;
}
#shrmNews .feedburnerFeedBlock ul li {
  margin: 6px 0 6px 0;
}
#shrmNews .feedburnerFeedBlock ul li .headline {
  font-size: 12px;
}