/*
--------------------------------------------------------------------------
-- Global / Grid Specific Layout & Styles
-------------------------------------------------------------------------- 
*/

body
{
    background-color: #555555;
    height: 100%;
}

#doc2
{
    width: 950px;

}

#bgwrapper
{
    background: url(../img/page_tile.gif) repeat-y 50% 0;
    width: 1024px; 
    margin:auto; 
    text-align:left;
}

#hd
{
    background: black;

}

#bd
{
    background: white;
}

#ft
{
    text-align: center;
    color: white;
    background: #699235;
    padding: 10px;
    
    border-top: 8px solid #94b95a;
    margin-top: 25px;
    padding-bottom: 15px;
}

/*
--------------------------------------------------------------------------
-- Top Most Site-Wide Navigation & Site Search
-------------------------------------------------------------------------- 
*/

#site_bar
{
    width: 950px;
    background: white url(../img/site_nav_bg.gif) repeat-x 50% 0;
    height: 40px;
    margin: 0;
    padding: 0;
}


#site_search
{
    color: white;
    font-weight: bold;
    padding-right: 16px;
}

#site_search_box
{
    border: 0;
    border-bottom: 2px solid #888;
    padding: 4px;
    background: white;

}

#site_nav
{
    color: white;
    font-weight: bold;
    font-size: 90%;
    padding: 12px 0px;
    margin: 0;
}

#site_nav ul, #site_nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
    
}

#site_nav li
{
    display: inline;
}

#site_nav a
{
    padding: 12px 15px;
    color: white;
    text-decoration: none;
    
}


/*
--------------------------------------------------------------------------
-- Second Tier Main Navigation
-------------------------------------------------------------------------- 
*/

#main_nav
{
    width: 950px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    background: white url(../img/main_nav_bg.gif) repeat-x 50% 0;
    padding: 8px 0px;
    margin: 0;
    margin-top: -3px;
    font-weight: bold;
    color: #444;
}

#main_nav ul, #main_nav li
{
    margin: 0;
    padding: 0;
}

#main_nav li
{
    display: inline;
}

#main_nav a
{


    border-right: 2px solid #ddd;
    text-align: center;
    cursor: pointer;
    padding: 8px 15px;
    margin-left: -4px;
    text-decoration: none;
    color: #444;

}

#main_nav a:hover
{
     background: #888;
     color: white;
}

#main_nav .first
{
    margin-left: 0px;
}





/*
--------------------------------------------------------------------------
-- Footer Navigation
-------------------------------------------------------------------------- 
*/

#footer_nav
{
    

}

#footer_nav ul, #footer_nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer_nav ul
{
    
}

#footer_nav li
{
    display: inline;
}

#footer_nav a
{

    text-decoration: none;
    padding: 0px 10px;
    font-weight: bold;
    font-size: 120%;
    padding-bottom: 10px;
    color: #d5ebad;
}

#footer_text
{
    
    padding-top: 15px;
    width: 80%;
    margin: 0px auto;
    
}

#footer_text a
{
    text-decoration: none;
    font-weight: bold;
    color: white;
}


    

/*
--------------------------------------------------------------------------
-- Left-Column Menu Navigation
-------------------------------------------------------------------------- 
*/

#page_nav
{


}

#page_nav ul, #page_nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

 #page_nav a
{
    display: block;
    padding: 8px 10px;
    background: url(../img/page_nav_fade.jpg) repeat-y -50px 0;
    margin: 4px 0px;
    text-decoration: none;
    color: #71894b;
    font-size: 90%;
    height: 1.5em;
}

#page_nav a:hover
{
    background: #d5ebad;

}

#page_nav a.first:hover
{
    background: #699235 url(../img/page_menu_header_bg.gif) repeat-x;
}

#page_nav .first
{
    border: 1px solid #6a9c0f;
    margin-top: 5px;
    padding: 8px 6px;
    font-size: 110%;
    background: #699235 url(../img/page_menu_header_bg.gif) repeat-x;
    font-weight: bold;
    color: white;
    
}

#page_nav .selected
{
    border-right: 16px solid #699235;
} /**/




/*
--------------------------------------------------------------------------
-- Breadcrumbs
-------------------------------------------------------------------------- 
*/


#breadcrumbs
{
    padding: 4px 0px;
    font-size: 90%;
    border-bottom: 1px solid #ddd;
}

#breadcrumbs ul, #breadcrumbs li
{
    margin: 0;
    padding: 0;
}

#breadcrumbs .crumb_separator
{
    color: #aaa;
    font-size: 120%;
}

#breadcrumbs .crumb, #breadcrumbs .crumb_last
{
    display: inline;
    font-weight: normal;
    color: #888;

}

#breadcrumbs .crumb_last
{

    font-weight: bold;

}

#breadcrumbs a
{
    color: #888;
    text-decoration: none;
}


/*
--------------------------------------------------------------------------
--  Form Builder
-------------------------------------------------------------------------- 
*/

.formbuilder_form .instructions
{
    padding: 12px 0px;
}

.formbuilder_form .submission_admin
{
    padding: 12px 0px;
    font-weight: bold;
    color: #00185b;
    font-size: 105%;
}

.formbuilder_form .section_help
{
    color: #555;
    padding: 4px;
}

.formbuilder_form legend
{
    font-weight: bold;
    font-size: 124%;
    color: #00185b;
}

.formbuilder_form fieldset
{

    dispay: block;
    padding: 0px 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-top: 4px solid #0046b4;

}
    

.formbuilder_form label
{
    display: block;
}

.formbuilder_form .label_text
{
    font-weight: bold;
    font-size: 110%;  
    color: #555;
}

.formbuilder_form .required
{
    font-weight: bold;
    font-size: 120%;
    color: red;
}

.formbuilder_form .error
{
    font-weight: bold;
    font-size: 80%;
    color: red;
    padding: 4px;
}

.formbuilder_form .error_list
{
    font-weight: bold;    
    color: red;
    padding: 4px;
}


.formbuilder_form td
{
    padding: 0px 12px;
}

.formbuilder_form input, .formbuilder_form select, .formbuilder_form textarea
{
    display: block ;
    width: 100% !important;    
    border: 1px solid #ccc;
    padding: 4px;
    margin-top: 4px;
    
}