@charset "UTF-8";
/* CSS Document */

body {
    font-family: geneva, arial, helvetica, sans-serif;
    font-size: medium;
    text-align: left;
    color:4C4C4C;
    background-color: #eeeeec;
    height: auto;
    margin: 0 auto;
    min-width: 1024px;
}

#wrap {
    min-width: 960px;
}

a:link {color: #3A56C5; text-decoration: none;}
a:visited {color: #3A56C5; text-decoration: none;}
a:active {color: #3A56C5; text-decoration: none;}
a:hover {color: #3A56C5; background-color:#c6dbf1; text-decoration: none;}

strong{
   font-weight:bold;
   font-size:110%;
   color:#002666;}
   
   


/*----------------------- Page title container -----------------------*/

#page_title {
    border-bottom: 1px solid #003366;
    background-color: #FFFFFF;
    overflow: hidden;
}

#page_title h1 {
    font-family: georgia, "times new roman", times, serif;
    color: #002666;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0.2em 0 0.4em 13px;
}


/*----------------------- Home main container -----------------------*/

#home_main {
    clear: both;
    width: 100%;
    overflow: auto;
}

#home_main p {
    color: #4C4C4C;
}




/*----------------------- Left column -----------------------*/

#left_column {
    position: relative;
    float: left;
    width: 280px;
    padding: 0;
    margin: 0;
}

/*----------------------- Main column -----------------------*/

#main_column {
    margin-left: 280px;
}

/*----------------------- Right column -----------------------*/

#right_column {
    position: relative;
    float: right;
    width: 320px;
    padding: 0px;
    margin: 0 0 0 20px;
}

#right_column div.right_column_block {
    margin-bottom: 0px;
}

#right_column #right_spotlight {
    margin: 0;
}

#right_column h1, #right_column h2, #right_column h3, #right_column h4 {
    margin: 1em 0 0.5em;
    font-weight: bold;
    color: #333333;
}

#right_column h3, #right_column h4 {
    font-size: 100%;
}

#right_column p {
    font-size: 0.8em;
}

#right_column p.caption {
    margin-top: 0;
    font-size: 0.75em;
    color: #667DA3;
}

#right_column h5{
    margin: 0;
    padding-top: 0.2em;
    font-size: 80%;
        font-weight: 100;
    color: #003366;
    padding: 10px;
    background-color: #d8d7b8;
}

#right_column  #right_spotlight p {
    margin-top: 0;
    padding-top: 0.2em;
    font-size: 80%;
    color: #003366;
    padding: 10px;
    background-color: #d8d7b8;
}


* #right_spotlight p {
    margin: 0;
    font-size: 80%;
    color: #003366;
    padding: 10px;
    background-color: #d8d7b8;
}*

/* This is a hack to correct line spacing problem in Windows Internet Explorer */
* html #right_column #get_involved ul li {
    padding-top: 1px;
    padding-bottom: 1px;
}

/*----------------------- Center column -----------------------*/

#center_column {
    margin: 0px 0px 10px 0px;
    padding: 0;
    padding: 0 20px 0 20px;
}



/* This is a hack to prevent disappearing content due to float issues in Windows Internet Explorer.
    Sets hasLayout to true for the right_content container. */
/** html #home_main #center_column {
    display: inline-block;
}*/



#center_column p {
    margin: 0.5em 0;
    font-size: 80%;
}


#center_column p:strong{
   font-weight: bold;
}



#center_column table th, #center_column table td {
    font-size: 80%;
}

#center_column table th ul, #center_column table td ul{
    font-size: 100%;
        color:#4C4C4C;
}

#center_column table th p, #center_column table td p{
    font-size: 100%;
        color:#4C4C4C;
}

#center_column ul {
    font-size: 80%;
        color:#4C4C4C;
        line-height:20px;
}

#center_column ul li ul {
    font-size: 100%;
        color:#4C4C4C;
}

#center_column ol {
    font-size: 80%;
        color:#4C4C4C;
        line-height:20px;

}

#center_column ol li ol {
    font-size: 100%;
        color:#4C4C4C;
        line-height:20px;
}

/*text for right side photo*/
#center_column div.image p {
    margin: 0 5px 0 0;
    padding: .25em 0em .25em .50em;
    font-size: 75%;
    color: #000000;
}

#center_column div.image p.caption_box {
    padding: 0.8em;
    background-color: #D5DBE1;
}

#center_column div.image a {
    border-bottom: 0px none;
}

#center_column .clearer {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1px;
    height: 0px;
}

#center_column h1, #center_column h2, #center_column h3, #center_column h4 {
    margin: 1em 0 0.5em;
    font-weight: bold;
    color: #004B85;
}

#center_column h1 {
    margin: 1em 0 0.5em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.8em;
    font-weight: 400;
}

#center_column h2 {
    margin: 1em 0 0.5em;
    font-size: 1.2em;
}

#center_column h3 {
    margin: 1em 0 0.5em;
    font-size: 1.0em;
}

#center_column h1.top {
    margin-top: 0;
    padding-top: 2em;
}

.inline_para_start {
    font-size: 100%;
    font-weight: 700;
    color: #669999;
}

.inline_bold {
    font-size: 100%;
    font-weight: 700;
    color: #333333;
}


hr {
    margin: 1em 0;
    border: 0;
    width: 100%;
    color: #d4d4d0;
    background-color: #d4d4d0;
    height: 1px;
}

.repeating_item {
    margin: 1.6em 0;
    width: 100%;
    overflow: hidden;
}

.repeating_item img {
    float: left;
}

.repeating_item img.bordered {
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px solid #D3D3D3;
}

.repeating_xtra_narrow .copy {
    margin-left: 80px;
}

.repeating_narrow .copy {
    margin-left: 100px;
}

.repeating_medium .copy {
    margin-left: 140px;
}

.repeating_wide .copy {
    margin-left: 180px;
}

.repeating_xtra_narrow_brdr .copy {
    margin-left: 90px;
}

.repeating_narrow_brdr .copy {
    margin-left: 110px;
}

.repeating_medium_brdr .copy {
    margin-left: 150px;
}

.repeating_wide_brdr .copy {
    margin-left: 190px;
}

.repeating_item .copy h3 {
    margin-top: 0px !important;
}

#clear{clear:both;}

#map { width:500px; height: 300px; border: 1px solid #8D8D8D; }

#caption{font-size:80%; font-style:italic;}


#photo{
    width:305px;
    float:left;
    margin:0 1em 0 0;
    background-color: #EEEEEC;
}



/* ----- Social media promotion styles ----- */
        
#social{
    width: auto;
    height: auto;
    padding-left:.75em;
}

        
#social h3 {
    margin: 0px 0 0em 0;
    padding: 0.3em 0.8em 0.2em 0px;
    font-family: Georgia, 'Times New Roman', Times, serif; 
    font-size:1.5em; 
    color: #004B85; 
    font-weight:400;
    border-bottom: 1px solid #D7C061;
}
        


#social ul {
    list-style: none outside none;
    margin-left: 0;
    padding:.25em 0 0 0;
    
}

#social li {
    display: inline;
    list-style-image: none;
    margin-left: 0;
}

#social li img {
    border: medium none;
    margin-right: 5px;
    vertical-align: middle;
}

#social li a img {
    border-bottom: medium none;
}



#social ul {
    list-style: none outside none !important;
    margin-top: 6px;
    margin-left:0;
    margin-bottom:3em;
}

#social li {
    display: inline;
    list-style-image: none !important;
    margin-left: 0 !important;
    width: 25px;
}


#social li a {
    border: medium none;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 30px;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -khtml-opacity: 0.6;
    background-color:#ededeb;
}

#social li a:hover {
    border: medium none;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 30px;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
}

/* ----- End Social media promotion styles ----- */


/*------------Table Styles-------------*/

table{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#525455;}
.tdheader{background-color:#414f66; text-align:center; font-size:1em; font-weight:600; border-bottom: 1px dotted #636972; color:#fff;}
.tdheader_left{background-color:#414f66; border-bottom: 1px dotted #636972; color:#fff;}
.tdheader_left h2{font-size:1.25em; color:#fff;}
.tdodd{background-color:#dbe3fe; border-bottom: 1px dotted #636972;}
.tdeven{background-color:#e7ecfe; border-bottom: 1px dotted #636972;}
.tdleft{background-color:#fff; border-bottom: 1px dotted #636972;}
.tdfooter{background-color:#64738b; text-align:center; font-size:1em; font-weight:600; border-top: 1px dotted #636972; color:#fff;}
.tdfooter_left{background-color:#64738b; font-size:1em; font-weight:600; border-top: 1px dotted #636972; color:#fff;}
.tdfooter_white{background-color:#fff; font-size:1em; font-weight:600; border-top: 1px dotted #636972; color:#525455;}

/*------------End Table Styles-------------*/


   /*----------------------------ACCORDIAN EFFECT----------------------------*/
                
#wrapper {
    width: 100%;
    }

.accordionButton {  
    width: 90%;
    float: left;
    _float: none;  /* Float works in all browsers but IE6 */
    background: #d6dce1;
    border-bottom: 1px solid #FFFFFF;
    padding:6px 0px 6px 20px;
    color:#003366;
    font-size:80%;
    }
    
.accordionContent { 
    width:80%;
    line-height:21px;
    padding:5px;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    margin-left:1em;