@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body 
{
    margin: 0px;
    background-color: #FFFFFF;
}

body, table, .form_input input, textarea
{
    color: #333333;
    font-family: Lato, 'Trebuchet MS', Corbel, Arial;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

h1, h2, h3 {
    font-family: Lato, Trebuchet MS, Corbel, Arial;
}

h1 
{    
    font-size: 32px;
    font-weight: 700;
    color: #000000;
    text-transform: none;
}

h2
{
    font-size: 28px;
    font-weight: 100;
    color: #333333;
}

h3
{
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}

strong 
{
    font-size: 18px;
    font-weight: 100;
    color: #d9760d; 
}

.clear 
{
    display: block;
    clear: both;
    height: 1px;
}

a
{
    color: #0000AA;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

ul 
{
    list-style-type: square;
}

ul li 
{
    margin-top: 6px;
}

ol li 
{
    margin-top: 6px;
}

hr {
    height: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    background-color: #EEEEEE;
}

img {
    border: none;
}

.page
{
    width: 100%;
    min-width: 865px;

    background-color: #FFFFFF;
}

.on_page {
    width: 80%;
    
    margin: 0 auto;
}

.small_page .on_page {
    width: 90%;
}

#top_menu_wrap{    
    width: 100%;
    height: 28px;
    
    background-color: #0000AA;
}

#header {
    background-color: #FFFFFF;
}

#page-Welcome #header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
}

#page-Welcome #screen {
    height: 100vh;
    min-height: 540px;
    position: relative;
}

#top_menu 
{
    display: block;
    clear: both;
        
    text-align: right;
    color: #FFFFFF;
}

#top_menu a 
{  
    color: #FFFFFF;
} 

#logo_wrapper
{
    float: left;
    
    margin-top: 25px;
}

#logo_wrapper img 
{
    border-width: 0px;
}

#nav_wrapper
{
    float: right;
    position: relative;
    padding: 0px;
}

#banner_divider {
    margin: 0 auto;
    width: 100%;
    background-color: #CCCCCC;
}

#banner_wrap 
{
}

#body {
    
}

#banner
{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    
    overflow: hidden;
    background-color: #000000;
}

.slide {
    display: none;
    
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

.slide:first-child {
    display: block;
}

.slide p {
    font-size: 18px;
    color: #333333;
}

.slide .slide_slogan {
    font-size: 52px;
    color: #333333;
    line-height: 130%; 
}

.small_page .slide .slide_slogan {
    font-size: 36px;
    color: #333333;
    line-height: 130%; 
}

.slideshow {
}

#page_title {
    width: 100%;
    
    margin-top: 0px;
    padding-top: 0px;
    background-color: #0000AA;
}

#page-Welcome #page_title {
    position: absolute;
    bottom: 0px;    
}

#page_title h1 {
    color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
}

#main_content 
{
    padding: 0px 5px 0px 5px;
    bborder-top: solid 8px #0000AA;
    
    bbackground-color: #e9ebf0;
}

.section, .blue_section, .grey_section {
    float: none;
    clear: both;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.blue_section {
    background-color: #0000AA;
}

.blue_section h2 {
    color: #FFFFFF;
}

.grey_section {
    background-color: #CCCCCC;
}

#social_links 
{
    float: right;
    
    height: 27px;
    width: 200px;
    margin-top: 10px;
    margin-left: 5px;
}

#social_links img
{
    float: left;
}

#social_links p
{
    float: left;
    padding: 3px 0px 5px 0px;
    margin: 0px 0px 0px 5px;
    
    font-size: 10px;
    line-height: 100%;
    color: #FFFFFF
}

#footer
{
    width: 100%;
    height: 50px;
    
    clear: both;
    
    background-image: url('images/footer_bot.jpg');
    background-repeat: repeat-x;
    line-height: normal;
}

#copyright 
{   
    height: 43px;
    _height: 50px;
    margin: 0px;
    
    font-size: 11px;
    color: #FFFFFF;
    padding: 7px;
}

.two_cols, .three_cols, .four_cols {
    clear: both;
}

.two_cols, .three_cols p, .four_cols p{
}

.two_cols > div {
    float: left;
    
    width: 45%;
    margin-left: 2%;
    margin-right: 2%;
}

.three_cols > div {
    float: left;
    
    width: 29%;
    margin-left: 2%;
    margin-right: 2%;
}

.four_cols > div
{
    float: left;
    
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
}

.column h1 
{
    font-size: 24px;
    border-top: solid 8px #0000AA;
}

.view_form_label
{
    padding-right: 20px;
    background-color: #FFFFFF;
    border-bottom: none;
}

.view_form_value
{
    border-bottom: none;
}

.view
{
    width: 100%;
}

.view td {
    border: none;
}

#view-Resources td {
    vertical-align: top;
}

#view-Resources h2 {
    margin-top: 0px;
}

#view-Resources img {
    width: 100%;
}

.view_cell.job_title {
    font-weight: bold;
}

.view_cell.job_location {
    text-align: center;
}

.view_cell.job_post_date {
    text-align: center;
}

.view_row_even {
    background-color: #EEEEEE;    
}

.view_row_odd {
    background-color: #FAFAFA;    
}

.view_form_value.job_apply a {
    padding: 5px;
    text-align: center;
    background-color: #0000AA;
    border: 1px solid #000000;
    color: #FFFFFF;
}

.service_grid {
}

.service_grid div {        
    /*border-top: solid 6px #0000AA;*/
    margin-bottom: 30px;
    text-align: center;
}

.service_grid h3 {
    margin-top: 20px;
}

.service_grid > div:hover > h3 {
    color: #d9760d;;
}

.service_grid img {
    width: 60%;
    max-width: 200px;
    min-width: 140px;
    margin: 0 auto;
    display: block;
}

.service_grid p {
    border-top: #DDDDDD solid 3px;
    padding-top: 15px;
}

.pluses_grid p {
    border-top: #DDDDDD solid 3px;
    padding-top: 15px;    
}

.service {
    clear: both;
    border-bottom: solid 3px #CCCCCC;
}

.service_title {
    width: 30%;
    margin-right: 5%;
    float: left;
}

.service_description {
    width: 65%;
    float: left;
}

#service_map {
    position: absolute;
    display: none;
    top: 100%;
    width: 100%;
    padding: 20px;
    
    z-index: 50;
    text-align: left;
    font-size: 14px;
    background-color: #0000AA;
    color: #FFFFFF;
    /*border: #0000AA solid 3px;*/
}

#service_map ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
}

#service_map li {
    line-height: 22px;
    padding: 0;
    margin: 0;
}

#service_map h2 {
    margin: 0px;
    
    font-size: 14px;
    font-weight: bold;
    color: #d9760d;
}

#service_map a {
    color: #FFFFFF;
}

#service_map a:hover {
    text-decoration: none;
}

#service_map a div {
    border-top: #0000AA solid 2px;
}

#service_map a div:hover {
    border-top: #0000DF solid 2px;
}

#service_map h2 {
    color: #d9760d;
}

.more {
    background-color: #d9760d;
    color: #FFFFFF;
    padding: 6px;
    font-style: normal;
}

.more:hover {
    background-color: #000000;
    text-decoration: none;
}

#next_nav li {
    background-image: none;
    margin: 0px;
    padding: 0px;
}

.news {
    display: none;
    clear: both;
    margin: 0px 0px 10px 0px;
    line-height: normal;
}

.news img {
    float: left;
    margin: 2px 5px 2px 0px;
}

.anchor_box:hover {
    text-decoration: none;
}

.anchor_box:hover > div {
    background-color: #EEEEEE;
}

.fade_in {
    opacity: 0;
}

.toggle {
    display: none;
}

.slidedown {
    display: none;
}