/******************************************************************************
 * Design Note:
 * - Colors used are as follows:
 *      #315478     - Dark Blue 
 *      #518ac4     - Light Blue
 *      #9e7f41     - Dark Brown
 *      #c4b151     - Light Brown
 *      #3b3b3b     - Charkole
 *      #ffff00     - Yellow
 *      #ffee00     - Dark Yellow
 *      #fff        - White
 *      #000        - Black
 ******************************************************************************/

body
{
    font-family:        Verdana, Arial, Corbel;
    font-size:          9pt;
    background:         #fff;
    padding:            0px;
    margin:             0px;
    text-align:         center;
}

img
{
    border-style:       none;
}

a, a:visited
{
    color:              #000;
    text-decoration:    none;
}

a:hover
{
    color:              #000;
    text-decoration:    underline;
}

div.clear_all
{
    clear:              both;
}

p.center
{
    text-align:         center;
}

p.right
{
    text-align:         right;
}

strong.attention
{
    font-weight:        bolder;
    text-decoration:    underline;
    color:              #ff0000;
}

strong.attention a, strong.attention a:visited
{
    font-weight:        bolder;
    text-decoration:    none;
    color:              #ff0000;
}

strong.attention a:hover
{
    font-weight:        bolder;
    text-decoration:    underline;
    color:              #ff0000;
}

span.hspacer
{
    margin:		0px;
    padding:		0px;
    margin-left:	10px;
}

table.standard {
    text-align:		left;
}

table.standard td {
    padding:		10px;
}

/******************************************************************************
 * Main Container Settings
 *      This is just the container that will be centered and contain
 *      everything including the header, main body, menus, and footer
 ******************************************************************************/
#main_container
{
    background:         #fff;
    margin:             0 auto;
    padding:            0px;
    position:           relative;
    text-align:         left;
    width:              950px;
    padding-left:       65px;
}

/******************************************************************************
 * Main CONTENT Container
 ******************************************************************************/
#content
{
    background:         url("images/building.gif") bottom right no-repeat;
    border-left:        4px solid #000;
    border-right:       4px solid #000;
    color:              #000;
    margin:             0px;
    min-height:         250px;
    padding-top:        10px;
    padding-left:       100px;
    padding-right:      175px;
    padding-bottom:     240px;
    width:              625px;    
}


#content-nopic
{
    background:         #fff;
    border-left:        4px solid #000;
    border-right:       4px solid #000;
    color:              #000;
    margin:             0px;
    min-height:         250px;
    padding-top:        10px;
    padding-left:       100px;
    padding-right:      175px;
    padding-bottom:     240px;
    width:              625px;    
}

/******************************************************************************
 * Header and Header Menu Containers
 ******************************************************************************/
#header
{
    background:         #518ac4;                                /* Light Blue */
    border:             4px solid #000;
    border-bottom:      none;
    color:              #c4b151;                               /* Light Brown */
    font-family:        Impact, Arial;
    font-size:          25pt;
    margin:             0px;
    padding:            2px;
    padding-left:       20px;
    width:              878px;    
}

#top_menu_bar
{
    background:         #3b3b3b;                                  /* Charkole */
    border-left:        4px solid #000;
    border-right:       4px solid #000;
    color:              #fff;
    font-family:        Arial;
    font-size:          13px;
    font-weight:        bold;
    height:             15px;
    margin:             0px;
    padding:            10px;
    padding-left:       100px;
    padding-top:        20px;
    position:           relative;
    width:              745px;
}

#top_menu_bar a, #top_menu_bar a:visited
{
    margin-left:        20px;
    color:              #fff;
    text-decoration:    none;
}

#top_menu_bar a:hover
{
    color:              #ffee00;                                    /* Yellow */
    text-decoration:    none;
}

/******************************************************************************
 * Footer Container
 ******************************************************************************/
#footer
{
    background:         #315478;                                 /* Dark Blue */
    border:             4px solid #000;
    border-top:         none;
    color:              #fff;
    margin:             0px;
    padding:            10px;
    text-align:         center;
    width:              880px;    
}

#footer a, #footer a:visited
{
    color:              #fff;
    text-decoration:    none;
}

#footer a:hover
{
    color:              #fff;
    text-decoration:    underline;
}

/******************************************************************************
 * Side "Quick Links" Container - Floats on top
 ******************************************************************************/
#quick_links_title
{
    background:         #315478;                                 /* Dark Blue */
    border:             1px solid #000;
    padding:            2px;
    margin:             0px;
    position:           absolute;
    top:                75px;
    left:               0px;
    width:              150px;
}

#quick_links_title h1
{
    color:              #c4b151;                               /* Light Brown */
    display:            inline;
    font-family:        Impact, Arial;
    font-size:          20pt;
    font-weight:        normal;
    margin:             0px;
    margin-left:        2px;
    padding:            0px;
}

#quick_links_title h2
{
    color:              #9e7f41;                                /* Dark Brown */
    display:            inline;
    font-family:        Impact, Arial;
    font-size:          20pt;
    font-weight:        normal;
    margin:             0px;
    padding:            0px;
}

#quick_links
{
    background:         #518ac4;                                /* Light Blue */
    border:             1px solid #000;
    border-top:         none;
    color:              #fff;
    font-family:        Verdana, Arial;
    font-size:          9pt;
    font-weight:        bold;
    margin:             0px;
    padding:            5px;
    padding-left:       15px;
    position:           absolute;
    top:                112px;
    left:               0px;
    width:              134px;
    min-height:         300px;    
}

#quick_links ul, #quick_links li
{
    margin:             0px;
    margin-bottom:      5px;
    padding:            0px;
}

#quick_links a, #quick_links a:visited
{
    color:              #fff;
    text-decoration:    none;
}

#quick_links a:hover
{
    color:              #ffff00;                                    /* Yellow */
    text-decoration:    none;
}

/******************************************************************************
 * Commissioner Image Container - Floats on top
 ******************************************************************************/
#commissioner
{
    background:         #315478;                                 /* Dark Blue */
    border:             1px solid black;
    color:              #c4b151;                               /* Light Brown */
    font-family:        Verdana, Arial;
    font-weight:        bold;
    font-size:          10pt;
    padding:            0px;
    padding-top:        5px;
    position:           absolute;
    left:               800px;
    top:                25px;
    text-align:         center;
    width:              200px;
}

#commissioner br
{
    clear:              both;
}

/******************************************************************************
 * Search Box Container
 ******************************************************************************/
 #search_box
 {
    margin:		20px;
    padding:		20px;
    border:		1px solid #000;
 }