/* YUI CSS reset
----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, 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, th, var {
    font-style: normal;
    font-weight: normal
    }
ul, ol {
    list-style-type: 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
    }
/* End of reset
----------------------------------------------------------------------------------------------------*/
body {
    background: #FFF url(images/body-bg.jpg) repeat-x top;
    z-index: -100;
    font: 12px Arial, Helvetica, sans-serif
    }
#header {
    z-index: 2;
    height: 103px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    background: url(images/header_bg.jpg) no-repeat right top
    }
#header img {
    /* floats logo image left */
    float: left
    }
#content {
    clear: both;
    padding-top: 25px;
    padding-bottom: 15px;
    font: 12px/18px Arial, Helvetica, sans-serif
    }
#footer {
    background: #EFEFEF;
    height: 15px;
    color: #666;
    width: 960px;
    font: 11px Arial, Helvetica, sans-serif;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 15px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-style: none
    }
a {
    color: #900
    }
#footer a {
    color: #666
    }
/* 960 Grid System Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px
    }
/* Grid >> 960 Grid System Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 15px;
    margin-right: 15px
    }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0
    }
.omega {
    margin-right: 0
    }
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
    width: 50px
    }
.container_12 .grid_2 {
    width: 130px
    }
.container_12 .grid_3 {
    width: 210px
    }
.container_12 .grid_4 {
    width: 290px
    }
.container_12 .grid_5 {
    width: 370px
    }
.container_12 .grid_6 {
    width: 450px
    }
.container_12 .grid_7 {
    width: 530px
    }
.container_12 .grid_8 {
    width: 610px
    }
.container_12 .grid_9 {
    width: 690px
    }
.container_12 .grid_10 {
    width: 770px
    }
.container_12 .grid_11 {
    width: 850px
    }
.container_12 .grid_12 {
    width: 930px
    }
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
    padding-left: 80px
    }
.container_12 .prefix_2 {
    padding-left: 160px
    }
.container_12 .prefix_3 {
    padding-left: 240px
    }
.container_12 .prefix_4 {
    padding-left: 320px
    }
.container_12 .prefix_5 {
    padding-left: 400px
    }
.container_12 .prefix_6 {
    padding-left: 480px
    }
.container_12 .prefix_7 {
    padding-left: 560px
    }
.container_12 .prefix_8 {
    padding-left: 640px
    }
.container_12 .prefix_9 {
    padding-left: 720px
    }
.container_12 .prefix_10 {
    padding-left: 800px
    }
.container_12 .prefix_11 {
    padding-left: 880px
    }
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
    padding-right: 80px
    }
.container_12 .suffix_2 {
    padding-right: 160px
    }
.container_12 .suffix_3 {
    padding-right: 240px
    }
.container_12 .suffix_4 {
    padding-right: 320px
    }
.container_12 .suffix_5 {
    padding-right: 400px
    }
.container_12 .suffix_6 {
    padding-right: 480px
    }
.container_12 .suffix_7 {
    padding-right: 560px
    }
.container_12 .suffix_8 {
    padding-right: 640px
    }
.container_12 .suffix_9 {
    padding-right: 720px
    }
.container_12 .suffix_10 {
    padding-right: 800px
    }
.container_12 .suffix_11 {
    padding-right: 880px
    }
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
    left: 80px
    }
.container_12 .push_2 {
    left: 160px
    }
.container_12 .push_3 {
    left: 240px
    }
.container_12 .push_4 {
    left: 320px
    }
.container_12 .push_5 {
    left: 400px
    }
.container_12 .push_6 {
    left: 480px
    }
.container_12 .push_7 {
    left: 560px
    }
.container_12 .push_8 {
    left: 640px
    }
.container_12 .push_9 {
    left: 720px
    }
.container_12 .push_10 {
    left: 800px
    }
.container_12 .push_11 {
    left: 880px
    }
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
    right: 80px
    }
.container_12 .pull_2 {
    right: 160px
    }
.container_12 .pull_3 {
    right: 240px
    }
.container_12 .pull_4 {
    right: 320px
    }
.container_12 .pull_5 {
    right: 400px
    }
.container_12 .pull_6 {
    right: 480px
    }
.container_12 .pull_7 {
    right: 560px
    }
.container_12 .pull_8 {
    right: 640px
    }
.container_12 .pull_9 {
    right: 720px
    }
.container_12 .pull_10 {
    right: 800px
    }
.container_12 .pull_11 {
    right: 880px
    }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
    }
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* Suckerfish Menu Styles
----------------------------------------------------------------------------------------------------*/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
    }
.sf-menu {
    line-height: 1
    }
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 12em;
    /* left offset of submenus need to match (see below) */
    }
.sf-menu ul li {
    width: 100%
    }
.sf-menu li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
    }
.sf-menu li {
    float: left;
    position: relative
    }
.sf-menu a {
    display: block;
    position: relative
    }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 40px;
    /* match top ul list item height */
    z-index: 99
    }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em
    }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li:hover li li:hover ul, ul.sf-menu li.sfHover li li.sfHover ul {
    left: 12em;
    /* match ul width */
    top: -1px;
    /* to accomodate top border */
    }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em
    }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 12em;
    /* match ul width */
    top: 0
    }
.sf-menu {
    float: left;
    margin-bottom: 0;
    width: 945px;
    padding-left: 15px
    }
.toprounded ul.sf-menu {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px
    }
.bottomrounded ul.sf-menu {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px
    }
.rounded ul.sf-menu {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px
    }
.sf-menu a {
    /* top level menu items */
    padding: 14px 12px;
    text-decoration: none
    }
.sf-menu li li a {
    border-bottom: 1px solid #333;
    /* sub menu borders */
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    padding: 10px 12px;
    /* set drop down menu height by adjusting the 10px value */
    }
.sf-menu li li:first-child {
    border-top: 1px solid #333;
    /* sub menu top border */
    }
.sf-menu a, .sf-menu a:visited {
    /* main level menu color */
    color: #FFF
    }
.sf-menu li li a, .sf-menu li li a:visited {
    /* sub menu text color */
    color: #FFF
    }
.sf-menu li li, .sf-menu li li li {
    background-color: #4A4A4A;
    /* drop-down menu background color */
    }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    background-color: #2E2E2E;
    /* drop-down menu hover color */
    }
.sf-menu li {
    background: url(images/nav-bg.jpg) repeat-x bottom
    }
.first-item a {
    border-left: none
    }
.toprounded .sf-menu .first-item {
    -moz-border-radius-topleft: 6px;
    /* round first menu item corner (non-IE browsers) */
    -webkit-border-top-left-radius: 6px
    }
.toprounded .sf-menu .first-item a:hover, .toprounded .sf-menu .first-item a:focus {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px
    }
.bottomrounded .sf-menu .first-item {
    -moz-border-radius-bottomleft: 6px;
    /* round first menu item corner (non-IE browsers) */
    -webkit-border-bottom-left-radius: 6px
    }
.bottomrounded .sf-menu .first-item a:hover {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px
    }
.rounded .sf-menu .first-item {
    -moz-border-radius-topleft: 6px;
    /* round first menu item corner (non-IE browsers) */
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px
    }
.rounded .sf-menu .first-item a:hover {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px
    }
.sf-menu li li, .sf-menu li li li {
    background-image: none
    }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: url(images/nav-bg-hov.jpg) repeat-x bottom;
    outline: 0
    }
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    background-image: none;
    outline: 0
    }
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
    /* trigger IE7 hasLayout so spans position accurately */
    }
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: 10px;
    top: 17px;
    /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(images/arrows-ffffff.png) no-repeat -10px -100px;
    /* 8-bit indexed alpha png. IE6 gets solid image only */
    }
li li .sf-sub-indicator {
    top: 13px;
    /* IE6 drop down arrow position */
    }
a > .sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: 14px;
    background-position: 0 -100px;
    /* use translucent arrow for modern browsers*/
    }
li li a > .sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: 10px
    }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
    /* arrow hovers for modern browsers*/
    }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0
    }
.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0
    }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
    /* arrow hovers for modern browsers*/
    }
/*** 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
    }
/* Styles for vertical Suckerfish menu - probably not used
----------------------------------------------------------------------------------------------------*/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width: 210px
    }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: 210px;
    /* match ul width */
    top: 0
    }
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
    background-position: -10px 0
    }
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
    background-position: 0 0
    }
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
    /* arrow hovers for modern browsers*/
    }
/* Type styles
----------------------------------------------------------------------------------------------------*/
p {
    padding-bottom: 10px
    }
h1 {
    font: normal 28px/34px Arial, Helvetica, sans-serif;
    color: #333;
    letter-spacing: -1px;
    margin-bottom: 10px
    }
h2 {
    font: bold 22px/28px Arial, Helvetica, sans-serif;
    color: #000;
    margin-bottom: 10px
    }
h3 {
    font: normal 20px/26px Arial, Helvetica, sans-serif;
    color: #900;
    margin-bottom: 10px
    }
h4 {
    font: normal 18px/24px Arial, Helvetica, sans-serif;
    margin-bottom: 8px
    }
h5 {
    font: bold 15px/20px Arial, Helvetica, sans-serif;
    color: #900;
    margin-bottom: 5px
    }
/* Navigation wrapper styles
----------------------------------------------------------------------------------------------------*/
#nav {
    z-index: 10;
    position: relative;
    background: url(images/nav_bg.jpg) no-repeat right top;
    font: 12px Arial, Helvetica, sans-serif;
    height: 40px
    }
#nav.toprounded {
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px
    }
#nav.bottomrounded {
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom: 2px solid #000;
    border-top: none;
    margin-bottom: 15px
    }
.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid #000;
    margin-bottom: 15px
    }
/* Sidebar content and nav styles
----------------------------------------------------------------------------------------------------*/
.sidebarbox {
    background: #F2F2F2;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px
    }
.sidebarbox h3 {
    color: #FFF;
    background: #4A4A4A;
    padding: 6px 6px 6px 8px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    font: bold 12px/normal Arial, Helvetica, sans-serif
    }
.sidebarbox p {
    padding: 8px
    }
.sidebarbox ul {
    margin: 0;
    padding: 3px 3px 2px 3px;
    list-style-type: none;
    background: #FFF;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px
    }
.sidebarbox ul li {
    list-style: none;
    display: inline
    }
.sidebarbox ul li a {
    display: block;
    padding: 4px 4px 6px 10px;
    line-height: 18px;
    background: #F2F2F2;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    color: #20252B
    }
.sidebarbox ul li a:hover {
    text-decoration: none;
    background: #FFF;
    color: #900
    }
.simple {
    margin-bottom: 15px
    }
.simple ul li a {
    display: block;
    padding: 4px 4px 6px 10px;
    border-bottom: 1px solid #EAEAEA;
    line-height: 18px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold
    }
.simple ul li a:hover {
    text-decoration: none;
    background: #F3F3F3;
    color: #000
    }
/* Header links/text styles
----------------------------------------------------------------------------------------------------*/
.headerlinks {
    float: right;
    text-align: right;
    margin-top: 10px;
    padding-right: 175px;
    color: #000
    }
.headerlinks a {
    color: #000;
    text-decoration: none;
    font-weight: bold
    }
.headerlinks a:hover {
    color: #FFF
    }
.headerlinks strong {
    color: #FFF;
    font: normal 18px Georgia, "Times New Roman", Times, serif;
    letter-spacing: 0
    }
/* Misc styles
----------------------------------------------------------------------------------------------------*/
.topborder {
    /* Used on top of content section to round corners and apply border if navigation using 'rounded' class */
    border: 2px solid #000;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px
    }
.toppad {
    /* Generic style applied anywhere top padding needed */
    padding-top: 20px
    }
#credit {
    text-align: center;
    color: #999;
    height: 25px;
    font-size: 11px
    }
#credit a {
    color: #CCC
    }
.headerlinks p {
    margin-bottom: 4px;
    padding-bottom: 0
    }