/*------------------------------------------------------------------------------
    CSS RESET
----------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,header,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
section,header,nav,article,aside,footer {
    margin:0;padding:0;border:0;outline:0;font-weight:inherit;
    font-style:inherit;font-size:100%;font-family:inherit;
    vertical-align:baseline;text-decoration:none;
}

input,select,textarea,option {
    -webkit-appearance: none;
    border-radius: 0; margin: 0; padding: 0;
    background: none; border: 1px solid #cc0000;
}

body {line-height:1;color:#F00;background:#FF6FCF;}
ol,ul {list-style:none;}
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:"""";}

/*----------------------------------------------------------------------------
    STANDARD STYLES
----------------------------------------------------------------------------*/

em      {font-style: italic;}
strong  {font-weight: bold;}
.clear  {clear: both;}
.sc     {font-variant: small-caps;}
.hidden {display:none;}

/*----------------------------------------------------------------------------
    FORCE HTML5 FOR BROWERS WITH NO LAYOUT RULES
----------------------------------------------------------------------------*/

section, header, nav, article, aside,
footer, cite, figure, figcaption {
    display: block;
}

/*----------------------------------------------------------------------------------
    FONT-FAMILY SPEC
----------------------------------------------------------------------------------*/

body,
article nav span,
select,
#content .widgets .block,
#oor-select input,
.listing .article .header,
.home #ribbon h1,
article header h2,
article h3,
table caption,
.resources ul a:link,
.form-actions input,
table time,
#yearselect label,
.selectable-error td,
#wagecalc h3 {
    font-family: "museo-sans", "Helvetica Neue", "Arial", sans-serif;
}

article,
form input,
.home #ribbon .foundation,
.listing table,
article h4, article h5, article h6,
.home p.intro,
.resources p,
#wagecalc select {
    font-family: "chaparral-pro", "Georgia", serif;
}

footer .address,
footer p,
.home #ribbon .issues {
    font-family: "Helvetica Neue", "Arial", sans-serif;
}

/*----------------------------------------------------------------------------------
    LINK CSS TRANSITIONS
----------------------------------------------------------------------------------*/

a:link, a:visited, a:hover, a:active {

    -webkit-transition-property:        color, border, background-color;
    -moz-transition-property:           color, border, background-color;
    -o-transition-property:             color, border, background-color;
    transition-property:                color, border, background-color;

    -webkit-transition-duration:        0.09s;
    -moz-transition-duration:           0.09s;
    -o-transition-duration:             0.09s;
    transition-duration:                0.09s;

    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function:    linear;
    -o-transition-timing-function:      linear;
    transition-timing-function:         linear;

}

/*----------------------------------------------------------------------------------
    GLOBAL FORM ELEMENTS
----------------------------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="password"] {

    border: 1px solid #c9c7a7;
    display: block;
    background: #fefefe;
    box-shadow: 1px 1px 0px #fff inset, -1px -1px 0px #fff inset;
    font-size: 14px;
    height: 0.75em;
    color: #000;
    padding: 0.5em 3em 5px 0.5em;
    background-size: 12px;

}

input.submit {
	width: 19px;
	height: 19px;
	background: none;
	border: none;
	float: right;
	margin: 3px 0 0 0.5em;
}

::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }

option {
    border: none;
    border-bottom: 1px dotted #ddd;
    padding: 0.25em 0.5em;
}

/*----------------------------------------------------------------------------------
    CORE STRUCTURE
----------------------------------------------------------------------------------*/

pre {
    overflow-y: scroll;
    background: #ddd;
    padding: 1em;
}

html {
    /*background: #382e2c;*/
}

body {
    font-size: 16px;
    line-height: 1.25;
    background: #E1E2DC url("../img/gridlines.png") repeat;
    color: #382e2c;
}

h1 {
	font-size: 200%;
}

pre, code {
	font-family: "Consolas", "Courier", monospace;
}

body > header {
    border-bottom: 8em solid #382e2c;
    background: #fff;
    width: 100%;
    padding-bottom: 2.5em;
    display: table;
}

header #logo img {
    width: 17.8125em;
    height: 6.5em;
    background: #fff;
    margin-top: 1.5em;
}

aside#rail {
    float: right;
    padding: 1em 1.25em 1em 0;
    width: 13em;
}

#content {
    border-right: 1px solid #c9c7a7;
    padding: 1.5em 1.25em 1.5em 1.25em;
    float: left;
    width: 42.25em;
    background: #fff;
    min-height: 55em;
}

section.center {
    box-shadow: 0px 9.5em 10px 0px #c9c7a7;
    background: #f4f4ed;
}

body > footer {
    clear: both;
    background: #382e2c;
    color: #fff;
    padding: 2em 0em;
    min-height: 6em;
    width: 100%;
    display: table;
}

.center {
    width: 60em;
    margin: 0 auto;
}

/*----------------------------------------------------------------------------------
    BODY HEADER CONTENTS
----------------------------------------------------------------------------------*/

body > header h1 {
    display: none;
}

body > header form {
    position: absolute;
    top: 0;
    margin-left: 44.5em;
    padding: 0.5em;
    background: #f4f4ed;
    display: block;
}

body > header form input {
    width: 155px;
    float: left;
}

/* Main navigation */

body > header nav {
    position: absolute;
    top: 6em;
    margin-left: 22em;
    width: 600px;
}
body > header nav ul {
	width: 600px;
}
body > header nav li {
    float: left;
    border-left: 1px solid #c9c7a7;
    padding-left: 0.5em;
}

body > header nav li a:link,
body > header nav li a:visited {

    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #006099;
    line-height: 1.25;
    display: block;
    padding-right: 2em;

}

body > header nav li a:active,
body > header nav li a:hover,
body > header nav li.current a:link,
body > header nav li.current a:visited {
    color: #01a9e0;
}

body > header nav li:last-child a:link {
    padding-right: 0;
}

/* Social nav */

#nav-extra {
    position: absolute;
    top: 0;
    margin-left: 316px;
    width: 405px;
}

#nav-extra .press {
    border-left: 1px solid #c9c7a7;
}

#nav-extra li {
    float: left;
    padding: 0.5em 0 0.5em 0;
    display: block;
    vertical-align: middle;
}

#nav-extra a:link,
#nav-extra a:visited {
    display: block;
    color: #AEAC91;
    text-transform: uppercase;
    background: url("../img/socialsprite-small.png") no-repeat;
    padding: 8px 8px 5px 24px;
    border-radius: 2px;
    height: 1.25em;
    line-height: 1.25;
    line-height: 1em;
    font-size: 11px !important;
    font-weight: bold;
    -webkit-transition-property: none;
    margin-right: 0.5em;
}

#nav-extra a:hover,
#nav-extra a:active,
#nav-extra .current a:link,
#nav-extra .current a:visited {
    background-color: #006099;
    color: #fff;
}

#nav-extra .blog a:link,        #nav-extra .blog a:visited      {background-position: 6px  8px;}
#nav-extra .blog a:hover,       #nav-extra .blog a:active       {background-position: 6px -17px;}
#nav-extra .twitter a:link,     #nav-extra .twitter a:visited   {background-position: 6px -40px;}
#nav-extra .twitter a:hover,    #nav-extra .twitter a:active    {background-position: 6px -65px;}
#nav-extra .facebook a:link,    #nav-extra .facebook a:visited  {background-position: 6px -88px;}
#nav-extra .facebook a:hover,   #nav-extra .facebook a:active   {background-position: 6px -113px;}


#nav-extra .press a:link {
    background-image: none;
    padding-left: 0.75em;
    margin: 0 0 0 0.5em;
}

#nav-extra .pinterest a:link,
#nav-extra .pinterest a:visited {
  background-image: url(../img/pinsprite-small.png);
  background-position: 6px 6px;
}

#nav-extra .pinterest a:hover,
#nav-extra .pinterest a:active {
  background-image: url(../img/pinsprite-small.png);
  background-position: 6px -20px;
}

#nav-extra .linkedin a:link,
#nav-extra .linkedin a:visited {
  background-image: url(../img/linkedin-logo.png);
  background-position: 6px center;
}

/*----------------------------------------------------------------------------------
    RIBBON
----------------------------------------------------------------------------------*/

header#ribbon {
    background: #01a9e0;
    margin-top: -9em;
    display: block;
}

#ribbon h1 {
    display: block;
    background: #006099 url("../img/ribbon.png") right center repeat-y;

    font-size: 2.5em;
    width: 23.75em; /* Compounding */
    height: 1em;

    padding: 0.75em 0 0.75em 0.75em;

    position: relative;
    top: 4px;
    left: -0.25em;

    color: #fff;
}

#ribbon nav ul {
    height: 1.5em;
    padding: 1em 1em 1em 0.75em;
}

#ribbon nav ul li {
    float: left;
    vertical-align: middle;
    border-right: 1px solid #67cbec;
    padding-right: 0.5em;
    margin-right: 0.5em;
}

#ribbon nav ul li.last {
    border: none;
    padding-right: none;
    margin-right: none;
}

#ribbon nav a:link,
#ribbon nav a:visited {
    display: block;
    padding: 0.25em 0.5em;
    color: #fff;
}

#ribbon nav a:active,
#ribbon nav a:hover,
#ribbon nav .current a:link,
#ribbon nav .current a:visited {
    background: #fff;
    color: #000;
}

/* Clipy dudes */

#ribbon h1:before,
#ribbon h1:after {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
}

#ribbon h1:before {
    margin: 1.75em 0 0 -0.75em;
    border-top: 0.25em solid #006099;
    border-left: 0.25em solid transparent;
}

#ribbon h1:after {
    margin: 0.5em 0 0 23.5em;
    border-top: 0.25em solid #006099;
    border-right: 0.25em solid transparent;
}

/* Alternate ribbon colors, red */

.alt-colors header#ribbon,
.alt-colors header#ribbon nav {
    background: #850b13;
}

.alt-colors #ribbon h1 {
    background-image: url("../img/ribbon-red.png");
    background-color: #560910;
}

.alt-colors #ribbon nav ul li {
    border-right-color: #bb474d;
}

.alt-colors #ribbon h1:before,
.alt-colors #ribbon h1:after {
    border-top-color: #570a11;
}

/* Alternate ribbon colors, green */

.green-colors header#ribbon,
.green-colors header#ribbon nav {
    background-color: #a3c167;
}

.green-colors #ribbon h1 {
    background: #6f932b url("../img/ribbon-green.png") right -15px;
}

.green-colors #ribbon nav ul li {
    border-right-color: #c9daa4;
}

.green-colors #ribbon h1:before,
.green-colors #ribbon h1:after {
    border-top-color: #6f932b;
}

/*----------------------------------------------------------------------------------
    FOOTER
----------------------------------------------------------------------------------*/

#footer-logo {
    float: left;
    display: block;
    margin-bottom: 0.5em;
}

#footer-logo img {
    width: 173px;
    height: 4em;
}

footer li {
    float: left;
}

footer nav {
    float: right;
}

footer p,
footer .address {
    font-size: 11px;
    color: #b3b094;
}

.address a:link,
.address a:visited,
.address a:hover,
.address a:active {
    color: #b3b094;
}

footer .address li:after {
    content: "\00a0\00a0\00a0\2022\00a0\00a0\00a0";
}

footer .address li:last-child:after {
    content: none;
}

footer div.clear {
    border-top: 1px solid #4f4846;
    height: 0.5em;
    clear: both;
    width: 100%;
}

footer p {
    float: left;
}

footer .address {
    float: right;
}

footer nav ul {
    margin-top: 3em;
}

footer nav ul a:link,
footer nav ul a:visited {
    color: #fff;
}

footer nav ul a:hover,
footer nav ul a:active {
    color: #fff;
    color: #b3b094;
}

footer nav ul a:link:after {
    content: "\00a0\00a0\2022\00a0\00a0";
    color: #b3b094;
}

footer nav ul li:last-child a:link:after {
    content: none;
}


/*----------------------------------------------------------------------------------
    WIDGETS (BLOCKS)
----------------------------------------------------------------------------------*/

.block {
    padding: 0.5em;
    display: block;
}

/* article widgets */

.widgets {
    width: 14em;
    float: right;
    margin: 0 0 1.5em 1.5em;
    position: relative;
    top: 0px;
}

.widgets .block {
    border: 1px solid #c9c7a7;
    border-bottom-width: 5px;
    padding: 0.75em;
}

.widgets .block + .block {
    margin-top: 1.25em;
}

.widgets .block h2 {
    font-weight: bold;
    border-bottom: 1px dotted #c9c7a7;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    color: #000;
}

.widgets p, .widgets a:link {
    font-size: 12px;
    margin-bottom: 0.75em;
}

.attachments a:link,
.attachments a:visited {
    color: #bb474d;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    line-height: 1.25;
    padding-top: 6px;
    min-height: 20px;
    padding-left: 28px;
    background: url("../img/redots/generic.gif") 0px center no-repeat;
}

.attachments a.generic:link,
.attachments a.generic:visited {
    background-image: url("../img/redots/generic.gif");
}

.attachments a.text:link,
.attachments a.generic:visited {
    background-image: url("../img/redots/text.gif");
}

.attachments a.data:link,
.attachments a.generic:visited {
    background-image: url("../img/redots/data.gif");
}

.attachments a.media:link,
.attachments a.generic:visited {
    background-image: url("../img/redots/media.gif");
}

.attachments a.graphic:link,
.attachments a.generic:visited {
    background-image: url("../img/redots/graphic.gif");
}

.attachments a.archive:link,
.attachments a.generic:visited {
    background-image: url("../img/redots/archive.gif");
}

.attachments span {
    font-weight: normal;
}

select {
    font-size: 12px;
    padding: 0.25em 0.5em;
    height: 2em;
    border: 1px solid #c9c7a7;
    width: 12em;
    margin-right: 0;
    color: #B5B296;
    background: url("../img/select-arrow.png") 10em 0.7em no-repeat;
}

.view-hrr-dropdown select {
    width: 50%;
    background-position: 92% center;
    font-size: 14px;
}

#oor-select input {
    font-size: 12px;
    background: #bb474d;
    color: #fff;
    border: none;
    height: 2em;
    text-transform: uppercase;
    padding: 0 0.5em;
}

/* right rail */

#rail .block + .block {
    margin-top: 0.75em;
}

#rail .block:last-child {
    border-bottom: none;
}

#rail .block {
    border-bottom: 1px solid #c9c7a7;
    padding-bottom: 1.5em;
}

#rail .block h2 {
    color: #006099;
}

#rail .block h2 span.large {
    text-transform: uppercase;
    font-size: 32px;
    display: block;
    line-height: 1.25;
    max-width: 5em;
    vertical-align: middle;
}

#rail .block h2 span.large.action {
    background: url("../img/chevron.png") right center no-repeat;
}

#rail .block h2 span.small {
    display: block;
    font-size: 20px;
    line-height: 1;
    text-transform: none;
}

#rail .block p {
    color: #000;
}

#rail a.block:hover h2,
#rail a.block:hover p,
#rail a.block:active h2,
#rail a.block:active p {
    color: #bb474d;
}

#rail a.block:hover h2 span.large.action,
#rail a.block:active h2 span.large.action {
    background: url("../img/chevron-red.png") right center no-repeat;
}

#rail .press {

    border: 1px solid #006099;
    font-size: 12px;
    padding: 0.5em 0.75em;

    background: #f4f4ed; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4ed 1%, #ffffff 63%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4ed), color-stop(63%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4ed 1%,#ffffff 63%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4ed 1%,#ffffff 63%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4ed 1%,#ffffff 63%); /* IE10+ */
    background: linear-gradient(top, #f4f4ed 1%,#ffffff 63%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#rail .press h2 {
    color: #fff;
    display: block;
    background: #006099;
    margin: -0.45em -0.57em 0.45em -0.57em;
    padding: 0.4em 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}

#rail .press h2 span {
    font-weight: bold;
    display: inline;
}

.press span {
    display: block;
    width: 100%;
    line-height: 1;
    margin-bottom: 0.5em;
}

.press .name {
    font-size: 18px;
    margin-top: 0.5em;
}

.press .obmail {
    display: block;
    border-bottom: 1px dotted #c9c7a7;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    width: 100%;
}

.press a:link, .press a:active, .press a:hover, .press a:visited {
    color: #bb474d;
}

.listserv input {
    margin-top: 0.5em;
    width: 8.4em;
    padding-right: 1.4em;
    float: left;
}

.listserv input.submit {
	width: 19px;
	height: 19px;
	background: none;
	border: none;
	margin: 10px 0 0 0.5em;
}

/*----------------------------------------------------------------------------------
    ARTICLE HEADERS
----------------------------------------------------------------------------------*/

#content header h2 {
    clear: both;
    font-size: 32px;
    line-height: 1.25;
    padding: 0.5em 0 0.5em 0;
    margin: 0.5em 0 0.5em 0;

    border-top: 5px solid #c9c7a7;
    border-bottom: 1px dotted #c9c7a7;
}

#content header .release {
    text-transform: uppercase;
    color: #006099;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    float: left;
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    margin-top: 2px;
    vertical-align: middle;
}

#socialshare {
    float: right;
    width: 20em;
    height: 1.5em;
    overflow: hidden;
}

.twitter-button, .facebook-button, .google-button {
    float: right;
    height: 1.5em !important;
    margin-left: 0.25em;
    overflow: hidden;
}

.twitter-button {width: 88px;}
.google-button {width: 70px;}
.facebook-button {width: 70px;}

/*----------------------------------------------------------------------------------
    CONTENT TYPOGRAPHY
----------------------------------------------------------------------------------*/

article a:link,
article a:visited,
p a:link,
p a:visited {
    color: #006099;
}

article a:active,
article a:hover,
p a:active,
p a:hover {
    color: #bb474d;
}

article p {
    margin-bottom: 1em;
}

article h3 {
    font-weight: bold;
    margin-bottom: 1em;
}

article h4 {
    font-style: italic;
    margin-bottom: 1em;
}

article h5 {
    font-style: italic;
    margin-bottom: 1em;
}

article ul {
    list-style: outside square;
    margin-left: 1em;
    margin-bottom: 1em;
}

article ol {
    list-style: outside decimal;
    margin-left: 1.25em;
    margin-bottom: 1em;
    padding-right: 2em;
}

article li + li {
    margin-top: 1em;
}

article img {
    margin: 0.25em 0 1em 1em;
}

article blockquote {
    background: #f4f4ed;
    padding: 1em 3em 1em 1em;
    margin: 0 0em 1em 0em;
    border-left: 1px solid #382e2c;
}

article blockquote p:last-child {
    margin-bottom: 0;
}

article code {
    font-family: Consolas, Courier, fixed-width;
    font-size: 14px;
    background: #f4f4ed;
    padding: 2px 4px 0px 4px;
    border-radius: 2px;
    color: #000;
}

pre {
    font-family: Consolas, Courier, fixed-width;
    font-size: 14px;
    background: url("../img/gridlines.png") #F6F6EB repeat;
    padding: 1em;
    overflow-x: auto;
    overflow-y: visible;
    /*border-radius: 3px;*/
    margin-bottom: 1em;
    border-left: 1px dotted #382e2c;
    border-right: 1px dotted #382e2c;
    color: #000;
}

article a:link,
article a:visited {
    color: #006080;
}

article a:hover,
article a:active {
    color: #BB474D;
}

/*----------------------------------------------------------------------------------
    LISTING VIEWS
----------------------------------------------------------------------------------*/

#content aside.listing {
    margin-top: 1em;
    clear: both;
}

/* Tables */

.listing table {
    margin-top: 0.5em;
    width: 100%;
    overflow-y: hidden;
    border-top: 5px solid #c9c7a7;
    clear:both;
}

.listing table tr {
    display: block;
    border-bottom: 2px dotted #c9c7a7;
}

.listing table td {
    min-width: 10.5em;
}

.listing thead {
    display: none; /* Table headers only available semantically */
}

.listing table a:link,
.listing table a:visited {
    display: block;
    padding: 0.5em 0;
    min-width: 30em;
    background: none;
    color: #006080;
}

.listing table a:hover,
.listing table a:active {
    color: #BB474D;
}

.listing table caption {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.listing table time {
    font-size: 14px;
}

.listing table a:link:after,
.listing table a:visited:after {
    content: "\00a0\00a0\00a0\00a0\00a0";
    background: url("../img/chevron-small.png") right 40% no-repeat;
}

/* Landing page menus */

article nav {
    margin-top: 2em;
}

article nav p {
    margin-bottom: 0;
}

article nav ul {
    display: block;
    margin: 0;
}

article nav li {
    display: block;
    width: 19em;
    float: left;
    margin: 0 0 2em 0;
}

article nav li:nth-child(odd) {
    margin-right: 2.5em;
}

article nav a:link,
article nav a:visited {
    display: block;
    border-top: 5px solid #015282;
    padding: 1em 0.75em;
    color: #000;
    background: #f4f4ed;
    min-height: 6em;
}

article nav a:hover,
article nav a:active {
    border-top-color: #c9c7a7;
    color: #000;
}

article nav span {
    display: block;
    font-size: 1.25em;
    margin-bottom: 0.5em;
}

article nav a:hover span,
article nav a:active span {
    color: #bb474d
}

article nav a:link span:after,
article nav a:visited span:after {
    content: "\00A0\00BB";
}

/* Article summaries */

.listing .article a:link,
.listing .article a:visited {
    display: block;
    padding: 1em 0;
    color: #000;
    -webkit-transition-property: none;
}

.listing .article a:hover,
.listing .article a:active,
.listing .article a:hover header,
.listing .article a:active header {
    color: #BB474D;
    background: none;
}

.listing .article + .article {
    border-top: 1px solid #C9C7A7;
}

.listing .article .header {
    color: #005F99;
    font-weight: normal;
}

.listing .article:first-child {
    border-top: 5px solid #c9c7a7;
}

.listing .article p {
    margin-bottom: 0;
}

.listing .article time {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5em;
}

.listing .article h3 {
    font-size: 21px;
    margin-bottom: 0.25em;
    font-weight: normal;
}

/* Listing select control */

#yearselect {
    margin-bottom: 1em;
}

#yearselect select {
    width: 16em;
    background-position: 14em 0.7em;
    color: #000;
}

#yearselect label {
    font-size: 16px;
}

.selectable-error td {
    padding: 0.75em 0 0.75em 0;
    font-size: 14px;
}

/*----------------------------------------------------------------------------------
    HOME PAGE
----------------------------------------------------------------------------------*/

.home > header {
    border-bottom-width: 14em;
}

.home #ribbon {
    margin-top: -15em;
    margin-left: -0.75em;
    width: 43.25em;
    background: #006099 url("../img/ribbon.png") right center repeat-y;
    padding: 1.5em;
    min-height: 12.75em;
}

.home #ribbon img {
    height: 12.5em;
    width: 12.5em;
    float: left;
    margin-left: 0.5em;
    margin-right: 1.25em;
}

.home #ribbon h1 {
    background: none;
    margin: 0.25em 0 0.25em 0;
    padding: 0;
    top: 0;
    left: 0;
    max-width: 13em;
    color: #01a9e0;
    font-size: 48px;
    font-weight: 200;
    height: auto;
    display: block;
}

.home #ribbon .issues {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    display: block;
}

.home #ribbon .foundation {
    color: #fff;
    font-size: 21px;
    font-weight: 200;
    display: block;
}

/* Connect with us box */

#connectwu {
    background: #382e2c;
    height: 12.75em;
    width: 15em;

    position: absolute;
    margin-left: 44.75em;
    margin-top: -1.75em;

    border-top: 1.25em #fff solid;
    padding: 1.25em 0 0 1em;
}

#connectwu ul {
    border: 1px solid #635c51;
    padding: 1.25em 0 0.75em 2em;
    height: 9.5em;
    width: 11.25em;
    background: url("../img/gridhax.png") bottom left repeat-x;
}

#connectwu h2 {
    font-size: 12px;
    color: #fff;
    position: absolute;
    margin: -0.5em 0 0 3.5em;
    background: #382e2c;
    padding: 0 0.75em;
    text-transform: uppercase;
}

#connectwu li {
    display: block;
}

#connectwu li + li {
    margin-top: 0.75em;
}

#connectwu a:link,
#connectwu a:visited {
    font-size: 22px;
    color: #01a9e0;
    font-weight: 200;
    display: block;
    background: url("../img/socialsprite-large.png") no-repeat;
    padding-left: 1.9em;
    -webkit-transition-property: none;
}

#connectwu .blog a:link     {background-position: 0px 3px}
#connectwu .twitter a:link  {background-position: 0px -48px}
#connectwu .facebook a:link {background-position: 0px -100px}

#connectwu .pinterest a:link,
#connectwu .pinterest a:visited {
  background: url(../img/pinsprite-large.png) 2px -1px no-repeat;
}

#connectwu .linkedin a {
    background: url("../img/linkedin-logo-blue.png") no-repeat scroll 2px 0px transparent;
}

#connectwu .linkedin a:hover {
    background: url("../img/linkedin-logo-grey.png") no-repeat scroll 2px 0px transparent;
}

#connectwu a:hover,
#connectwu a:active {
    color: #ddd;
}

#connectwu .blog a:hover     {background-position: 0px -151px}
#connectwu .twitter a:hover  {background-position: 0px -202px}
#connectwu .facebook a:hover {background-position: 0px -254px}

#connectwu .pinterest a:hover {background-position: 2px -45px}

/* Resources/intro area */

.home p.intro {
    font-size: 20px;
    margin-bottom: 1em;
    line-height: 1.5;
}

.home div.resources {
    border-top: 5px solid #c9c7a7;
    padding-top: 1em;
    margin-bottom: 1.5em;
    clear: both;
    background: url("../img/homedots.png") 25.75em 1em no-repeat;
}

.home .leftbound {
    float: left;
    width: 25em;
    padding: 0 1em 0 0;
}

.home .districts {
    display: block;
    float: right;
}

.resources p {
    font-size: 16px;
    line-height: 1.25;
}

.rh3 {
    text-transform: uppercase;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.rh3 a:link,
.rh3 a:visited {
    font-size: 12px;
    height: 2em;
    line-height: 2em;
    display: block;
    float: right;
    vertical-align: middle;
    color: #bb474d;
}

.rh3 a:hover,
.rh3 a:active {
    color: #006099;
}

.resources ul {
    font-size: 20px;
    margin: 0.8em 0 0 0;
}

.resources li {
    margin: 0.5em 0 0.5em 0;
}

.resources li a:link,
.resources li a:visited {
    background-repeat: no-repeat;
    background-position: 1px 2px;
    padding: 0.25em 0 0.25em 2em;
    vertical-align: middle;
    color: #006099;
}

.resources li a:hover,
.resources li a:active {
    color: #850b13;
}

.resources li a:link:after {
    content: "\00a0\00a0\00a0\00a0";
    background: url("../img/chevron-small.png") right 60% no-repeat;
}

.resources a.bang:link
,.resources a.bang:visited {
    background-image: url("../img/discs/bang.png");
}

.resources a.question:link,
.resources a.question:visited {
    background-image: url("../img/discs/question.png");
}

.resources a.info:link,
.resources a.info:visited {
    background-image: url("../img/discs/info.png");
}

.resources a.calc:link,
.resources a.calc:visited {
    background-image: url("../img/discs/calc.png");
}

.resources a.calendar:link,
.resources a.calendar:visited {
    background-image: url("../img/discs/calendar.png");
}

.resources a.document:link,
.resources a.document:visited {
    background-image: url("../img/discs/document.png");
}

.resources a.mail:link,
.resources a.mail:visited {
    background-image: url("../img/discs/mail.png");
}

.resources a.pencil:link,
.resources a.pencil:visited {
    background-image: url("../img/discs/pencil.png");
}

.resources a.toolbox:link,
.resources a.toolbox:visited {
    background-image: url("../img/discs/toolbox.png");
}

.resources a.people:link,
.resources a.people:visited {
    background-image: url("../img/discs/people.png");
}

.resources a.speech:link,
.resources a.speech:visited {
    background-image: url("../img/discs/speech.png");
}

/* Clipy dudes */

#ribbon .clear:before,
#ribbon .clear:after {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
}

#ribbon .clear:before {
    margin: 1.5em 0 0 -1.5em;
    border-top: 0.75em solid #006099;
    border-left: 0.75em solid transparent;
}

#ribbon .clear:after {
    margin: 1.5em 0 0 44em;
    border-top: 0.75em solid #006099;
    border-right: 0.75em solid transparent;
}

.home #ribbon h1:before,
.home #ribbon h1:after {
    content: none;
    margin: 0;
}

.districts img {
    width: 250px;
    height: 165px;
}

/*----------------------------------------------------------------------------------
    USER AUTH
----------------------------------------------------------------------------------*/

.form-actions input {
    display: block;
    color: white;
    background: #006099;
    text-transform: uppercase;
    padding: 0.75em 0.75em 0.75em 0.75em;
    border-radius: 2px;
    border: none;
    height: 2em;
    line-height: 0.5em;
    vertical-align: middle;
    font-size: 16px;
    margin-top: 1em;
    -webkit-transition-property: none;
}

.form-type-password {
    margin-top: 1em;
}

form .description {
    margin-top: 0.5em;
    color: #888;
}

/*----------------------------------------------------------------------------------
    APPLICATION WELLS
----------------------------------------------------------------------------------*/

#appwell {
    padding: 1em 0 1em 0;
}

#appwell iframe {
    min-width: 680px;
}

/* MID calculator tool */

#wagecalc {
    background: #f4f4ed;
    padding: 1em;
    border-top: 5px solid #006099;
    width: 30em;
    margin: 0 auto;
}

#wagecalc form {
    clear: both;
}

#wagecalc-result {
    background: #fff;
    padding: 1.5em 1em;
    clear: both;
    line-height: 1.3;
    width: 90%;
    margin: 0 auto;
}

#wagecalc div {
    float: left;
    padding: 0 1em 1.5em 1em;
    width: 40%;
    margin-left: 0.5em;
}

#wagecalc label {
    font-size: 12px;
    text-transform: uppercase;
}

#wagecalc select {
    height: 2.2em;
    width: 12em;
    background-position: 10.5em;
    background-color: #fff;
    color: #000;
    font-size: 16px;
}

#wagecalc input {
    font-size: 16px;
    height: 1.2em;
    width: 9em;
}

#wagecalc h3 {
    color: #006099;
    font-size: 18px;
    padding: 0 3em 0 3em;
    background: url("../img/wagecalc.png") 0.5em 0.2em no-repeat;
}

p.appwell-error {
    background: #ffc0cb;
    padding: 1em;
    width: 30em;
    margin: 0 auto;
    margin-bottom: 2em;
    border: 1px dashed #000;
}

/*----------------------------------------------------------------------------------
    MID CALCULATOR
----------------------------------------------------------------------------------*/

#midcalc form {
  padding: 0 1.5em 3em 1.5em;
  background: #fff url(../img/midcalc-bg.png) bottom center;
  font-family: "museo-sans", "Helvetica Neue", "Arial", sans-serif;
}

#midcalc form label {
  display: block;
  width: 190px;
  margin-bottom: 6px;
}

#midcalc form label span.small {
  text-transform: none;
}

#midcalc form p.note {
  margin-top: 16px;
  font-size: 15px;
  clear: both;
  font-style: italic;
  font-family: "chaparral-pro", "Georgia", serif;
  color: #686a69;
}

#midcalc select {
  background-color: #fff;
  background-position: 96% 55%;
  padding: 2px 5px 2px 5px;
  font-size: 16px;
  font-family: "chaparral-pro", "Georgia", serif;
  color: #000;
  width: 70%;
  clear: both;
}

@-moz-document url-prefix() {
  #midcalc select {
    background: #fff;
  }
}

#midcalc input {
  display: block;
  padding: 9px 5px 9px 5px;
  font-size: 18px;
  width: 190px;
  font-family: "chaparral-pro", "Georgia", serif;
}

div.number-input.first {
  width: 190px;
  float: left;
  margin-top: 24px;
}

div.number-input.second,
div.number-input.third {
  float: left;
  width: 190px;
  margin-left: 20px;
  margin-top: 24px;
}

#midcalc h2 {
  color: #02578d;
  font-family: Helvetica;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 0.75em;
}

#midcalc h2 span {
  text-transform: none;
  font-weight: normal;
  font-size: 18px;
  display: block;
}

#midcalc label {
  font-size: 12px;
  text-transform: uppercase;
}

#midcalc .comparison {
  display: block;
  background: #efefef;
  width: 29%;
  padding: 1em 2% 1em 2%;
  float: left;
  margin-top: 2em;
  min-height: 275px;
}

#midcalc .comparison.best {
  margin-top: 0em;
  background: #8ab33d;
  color: #fff;
  box-shadow: 0px 0px 10px #ccc;
  min-height: 330px;
  position: relative;
  border: 1px solid #81a835;
  border-radius: 1px;
}

#midcalc .comparison h3 {
  text-transform: uppercase;
  font-size: 16px;
  color: #a1a1a1;
  padding: 0 0 8px 4px;
  border-bottom: 1px solid #b9b9b9;
}

#midcalc .comparison.best h3 {
  font-size: 21px;
  color: #fff;
  padding-top: 8px;
  border-bottom-color: rgba(255,255,255,0.5);
  border-top: 3px solid rgba(255,255,255,0.5);
  width: 132px;
  margin-left: 60px;
}

#midcalc .comparison.best h3 span {
  display: block;
  float: left;
  background: #fff;
  color: #8ab33d;
  margin-left: -60px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  margin-top: -12px;
  font-size: 20px;
  border-radius: 100%;
}

#midcalc p.numeric {
  padding: 0 0 10px 0;
  font-size: 23px;
  color: #696969;
  display: inline-block;
  margin-bottom: 0px;
}

#midcalc p.numeric span.usd {
  display: inline-block;
  /*float: left;*/
  text-align: right;
  margin-right: 5px;
  margin-left: 0.25em;
}

#midcalc .comparison.best p.numeric {
  color: #fff;
  border-bottom-color: rgba(255,255,255,0.5);
  font-size: 26px;
  padding-left: 0px;
}

#midcalc p.numeric .skinny {
  font-weight: normal;
}

#midcalc p.numeric .negative {
  color: #696969;
}

#midcalc p.explain {
  margin-top: 0px;
  padding-top: 14px;
  border-top: 1px dotted #bababa;
}

#midcalc .comparison.best p.explain {
  border-top: 1px dotted rgba(255,255,255,0.5);
}

#midcalc a.actionable:link,
#midcalc a.actionable:visited {
  display: block;
  margin-top: 1.75em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px dotted #444;
  padding-right: 37%;
  background: #fff url("../img/midcalc-actionable.png") 75% 40px no-repeat;
}

#midcalc a.actionable:hover,
#midcalc a.actionable:active {
  background-position: 75% -272px;
}

#midcalc a.actionable:hover h3,
#midcalc a.actionable:hover h3 span,
#midcalc a.actionable:hover p,
#midcalc a.actionable:active h3,
#midcalc a.actionable:active h3 span,
#midcalc a.actionable:active p {
  color: #c3474d;
}

#midcalc .actionable h3 {
  color: #02578e;
  text-transform: uppercase;
  font-size: 27px;
  font-family: "museo-sans", "Helvetica Neue", "Arial", sans-serif;
  font-weight: normal;
  margin-bottom: 0;
}

#midcalc .actionable h3 span {
  display: block;
  text-transform: none;
  color: #47bee9;
  font-size: 20px;
}

#midcalc .actionable p {
  margin-top: 0.33em;
  font-size: 18px;
  color: #333;
}

#midcalc .refund {
  font-size: 16px;
}

#rosnick-form {
  display: none;
  visibility: hidden;
}

#midcalc-perform {
  text-align: center;
  clear: both;
  margin: 0 auto;
  display: block;
  background: #005f99;
  color: #fff;
  border: none;
  border-radius: 4px;
  width: 200px;
  cursor: pointer;
  margin-top: 1em;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em;
}

#midcalc-perform:hover {
  cursor: pointer;
  background: #01a8e0;
}

/*----------------------------------------------------------------------------------
    DISCLAIMER BOXES
----------------------------------------------------------------------------------*/

div.disclaimer {
  color: #dbdbc8;
  margin: 0 -1.25em -2.5em -1.25em;
  padding: 1.25em 1.25em 0.5em 1.25em;
  background: #382e2c url(../img/gridhax.png) bottom left repeat-x;
}

div.disclaimer a:link,
div.disclaimer a:visited {
  color: #dbdbc8;
  border-bottom: 1px dotted #b5b6a1;
}

div.disclaimer a:hover,
div.disclaimer a:active {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.database-holder {
    background: rgba(0, 0, 0, 0.79) none repeat scroll 0% 0%;
    position: absolute;
    z-index: 999;
    color: #fff;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    padding-top: 160px;
    font-family: museo-sans,"Helvetica Neue",Arial,sans-serif;
}
.page-node .database-holder {
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0% 0%;
}
.database-holder h1 {
    font-size: 41px;
}
.database-holder h1 {
    color: #fff;
}
.database-holder a,
.database-holder a:visited {
    color: #01A9E0 !important;
}
.database-holder a:hover {

}
.logged-in .database-holder {
    display: none !important;
}