@charset "UTF-8";
/* CSS Document */
/* ticker wrapper div holds the ticker element */
#ticker_wrapper {
    display:none;
    width:980px;
    margin:10px auto 0px auto;
    }
    
/* The following styles the ticker element*/
        
#ticker {
    width:708px;
    border: 1px solid #27318b;
    background-color:#FFFFFF;
    margin:0px 0px -15px 0px;
    clear:both;
    float:right;
            }
/* wrapper div holds all other elements of the layout and centers them in the browser */
#wrapper {
    width:980px;
    margin:0px auto 0px auto;
    }
/* Layout Divs */
/* header div serves as the container for all items in the header */
#header {
    width:980px;
    float:left;
    clear:both;
    }
    
        /* Divs below are within the header div */
        
        #logo_holder {
            display:none;
            position:relative;
             width:270px;
             margin:0px;
             }
             
        /*main_nav_wrapper holds navigation and places a portion of the purple site border*/
        
        #main_nav_wrapper {
            display:none;
            width:694px;
            margin:24px 0px 0px 0px;
            padding:16px 16px 0px 0px;
            background-color:#27318b;
            float:right;
            }
            
        #main_nav {
            width:694px;
            height:90px;
            background-color:#f3f3f4;
            }
            
            /* the following style the drop down menu for the quick links*/
            
                /* menu styles */
                
                    #jsddm{    
                        margin: 0;
                        padding: 0
                        }
                    #jsddm li {    
                        diplay:block;
                        float: left;
                        list-style: none;
                        font: 11px Arial;
                        color:#ffffff;
                        background-color:#27318b;
                        width:145px;
                        text-align:center;
                        }
                    #jsddm li a {
                        display: block;
                        background: #ffffff;
                        padding: 2px 5px;
                        text-decoration: none;
                        border: 1px solid #27318b;
                        width: 145px;
                        color: #27318b;
                        text-align:center;
                        white-space: nowrap
                        }
                    #jsddm li a:hover {    
                        background: #ffffff
                        }
        
                    #jsddm li ul {
                        margin: 0;
                        padding: 0;
                        position: absolute;
                        visibility: hidden;
                        border-top: 1px solid #27318b;
                        width:145px;
                        }
        
                    #jsddm li ul li {
                        float: none;
                        display: inline
                        }
            
                    #jsddm li ul li a {
                        width: 145px;
                        background: #ffffff;
                        color: #27318b;
                        }
            
                    #jsddm li ul li a:hover {    
                        background: #f3f3f4;
                        }
/* main body wrapper serves as holder and places the purple border on the left and right of the content are */
#main_body_wrapper {
    width:948px;
    padding:0px 16px 16px 16px;
    float:left;
    clear:both;
    background-color:#27318b;
    }
/* main_content holds all elements in the main content area */
#main_content {
    width:948px;
    margin:0px;
    padding-top:16px;
    background-color:#ffffff;
    }
    
            
        /* the following divs are contained within the main_content div */
        
        
        #side_image {
            display:none;
            width:216px;
            float:right; 
            }
        
        #content_wrapper {
            width:900px;
            float:left;
            }
            
            /* the following divs are contained within the content_wrapper div */
            
            #page_content {
                width:100%;
                margin:0px;
                float:right;
                }
                
                /*The follwing styles are exclusive to the home page design and are contained within page content */
            
                    #home_content_wrapper {
                        width:900px;
                        margin:10px 0px 10px -175px;
                        text-align:center;
                        }
                        
                    #home_content_wrapper h1 {
                        font-family:"Times New Roman", Times, serif;
                        color:#000000;
                        font-size:5em;
                        font-weight:normal;
                        }
                    
                    #home_content_wrapper_text_box {
                        width:900px;
                        padding:5px 0px;
                        border-top: 1px solid #848484;
                        border-bottom: 1px solid #848484;
                        text-align:left;
                        }
                        
                    #home_content_wrapper_text_box p {
                        font-family:"Times New Roman", Times, serif;
                        color:#000000;
                        font-size:2em;
                        line-height:2.5em;
                        }
            
            #left_rail_wrappper {
                display:none;
                width:177px;
                margin:0px 0px 0px 16px;
                float:left;
                border-top: 10px solid #27318b;
                border-right:1px solid #27318b;
                }
                
                    /* the following styles the objects within the left_rail_wrapper */
                    
                    #left_rail_object {
                        width:177px;
                        margin:0px;
                        border-bottom: 1px dashed #27318b;
                        clear:both;
                        }
                        
                    #left_rail_object img {
                        width:57px;
                        margin:10px 5px 10px 0px;
                        float:left;
                        }
                        
                    #left_rail_object p {
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:11px;
                        color:#848484;
                        margin:10px 5px;
                        }
                        
                    #left_rail_object a:link {
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:14px;
                        font-weight:bold;
                        color:#27318b;
                        text-decoration:none;
                        }
                        
                    #left_rail_object a:visited {
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:14px;
                        font-weight:bold;
                        color:#27318b;
                        text-decoration:none;
                        }
                        
                    #left_rail_object a:hover {
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:14px;
                        font-weight:bold;
                        color:#848484;
                        text-decoration:none;
                        }
                        
                    #left_rail_object a:active {
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:14px;
                        font-weight:bold;
                        color:#848484;
                        text-decoration:none;
                        }
                        
                        
                /* The following styles the footer element */
                
                #footer {
                    display:none;
                    width:980px;
                    margin:0px auto;
                    padding-top:20px;
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:11px;
                    line-height:17px;
                    color:#848484;
                    clear:both;
                    }
                    
                #footer a:link {
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:11px;
                    line-height:15px;
                    color:#27318b;
                    text-decoration:none;
                    }
                    
                #footer a:visited {
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:11px;
                    line-height:15px;
                    color:#27318b;
                    text-decoration:none;
                    }
                    
                #footer a:hover {
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:11px;
                    line-height:15px;
                    color:#848484;
                    text-decoration:none;
                    }
                    
                #footer a:active {
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:11px;
                    line-height:15px;
                    color:#848484;
                    text-decoration:none;
                    }
                    
                #footer_methodist {
                    width:140px;
                    float:right;
                    margin-top:-17px;
                    }
                    
                #footer_methodist img {
                    float:left;
                    margin-bottom:10px;
                    }
                    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fontResizer { display: none; position: absolute; position: absolute; top: 0; left: 0; }
.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666;  font-family:arial; text-decoration: none; }
.fontResizer a:hover { color: #000; text-decoration: none; }
/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
.curFont { background: #EEEEF7; }
                    
                    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Print Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* The following styles the header that is used for printing. It only appears when the print stylesheet is called*/
#print_header {
    display:block;
    width:900px;
    height:130px;
    margin:10px 0px 0px 20px;
    border-bottom: 1px solid #333333;
    }
    
#print_header img {
    float:left;
    clear:none;
    }
    
#print_header_address_bar {
    width:500px;
    float:left;
    margin:80px 0px 0px 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.5em;
    color:#000000;
    }