/*=====================================================
 * general HTML
 */
 
body{
    margin:             0px;
    font-family:        verdana;
    font-size:          10px;
    line-height:        14px;
    color:              #333333;
    }
    
table{
    font-family:        verdana;
    font-size:          10px;
    line-height:        14px;
    color:              #333333;
}
	
td{
    vertical-align:	top;
    }

select{
    font-family:        verdana;
    font-size:          11px;
    line-height:        16px;
}

form{
    margin: 0px;
}

input{
    font-family:        verdana;
    font-size:          11px;
    line-height:        13px;
}

p{
    margin-top:     0px;
}

a{
    text-decoration:    none;
    color:              #333333;
    border:             0px;
}

img{
    border: 0px;
}

/*=====================================================
 * sidebar tiles
 */

.sidebar_tile_bl{
    padding:            10px;
    background-color:   #215194;
}

.sidebar_tile_or{
    padding:            10px;
    background-color:   #FFCC33;
}

.sidebar_tile_wh{
    padding:            10px;
    background-color:   #FFFFFF;
}

.sidebar_tile_gr{
    padding:            10px;
    background-color:   #E7E3E3;
}

.sidebar_tile_txt_wh{
    color:      #FFFFFF;
    margin-top: 4px;
}

.sidebar_tile_txt_gr{
    color:      #333333;
    margin-top: 4px;
}

/*=====================================================
 * content zones
 */

.content_zone{
    padding:        10px;
    margin-bottom:  10px;
}

.content_zone_continue{
    padding-left:   10px;
    padding-right:  10px;
    padding-bottom: 10px;
    margin-bottom:  10px;
}

.body_zone{
    width:              100%;
    height:             100%;
    background-image:   url(../img/vert_rules.gif);
    background-repeat:  repeat-y;
}

.body_zone_2{
    width:              100%;
    height:             100%;
    background-image:   url(../img/vert_rules_2.gif);
    background-repeat:  repeat-y;
}

.body_zone_3{
    width:              100%;
    height:             100%;
    background-image:   url(../img/vert_rules_3.gif);
    background-repeat:  repeat-y;
}

/*=====================================================
 * tables
 */

.table_title{
    font-weight:        bold;
    padding-left:       4px;
    color:              #FFFFFF;
    background-color:   #215194;
}

.tcell_white{
    padding-top:        6px;
    padding-bottom:     6px;
    padding-left:       4px;
    padding-right:      10px;
    background-color:   #FFFFFF;
}

.tcell_color{
    padding-top:        6px;
    padding-bottom:     6px;
    padding-left:       4px;
    padding-right:      10px;
    background-color:   #DDDDDD;
}

/*=====================================================
 * rule lines
 */

.td_gray{
    background-color:   #CCCCCC;
}

.td_white{
    background-color:   #FFFFFF;
}

.border_r{
    border-right:  1px solid #CCCCCC;
}

.border_l{
    border-left:  1px solid #CCCCCC;
}

.border_t{
    border-top:  1px solid #CCCCCC;
}

/*=====================================================
 * shared content
 */

.preamble{
    font-size:      11px;
    line-height:    18px;
}

.oww_logo{
    font-size:      11px;
    font-weight:    bold;
    color:          #1E569F;
    vertical-align: middle;
    text-align:     right;
}

.section_head{
    font-size:          11px;
    line-height:        18px;
    letter-spacing:     4px;   
}

.pstart{
    font-weight:    bold;
    color:          #333333;
}

.copyright{
    font-size:          10px;
    line-height:        12px;
    color:              #333333;
}

.more_arrow{
    vertical-align: text-bottom;
    margin-left:    0px;
    border:         0px;
}

.breadcrumb_zone{
    padding-left: 10px;
}

.breadcrumb{
    font-size:  9px;
    color:      #333333;
}

a.breadcrumb{
    text-decoration:    none;
    color:              #333333;
}

.separator{
    margin-bottom:  10px;
}

.separator_dots{
    margin-bottom:      10px;
    background-image:   url('../img/dots.gif');
}

.hr_dotted{
    margin-bottom:      4px;
    background-image:   url('../img/dots.gif');
}

.caption{
    margin-top:     4px;
    font-size:      10px;
    line-height:    13px;
}

/*=====================================================
 * bulleted list
 */

.blist{}

.blist_bullet{
    font-size:      8px;
    padding-right:  4px;
}

.blist_item{
    padding-right:  10px;
}

/*=====================================================
 * inline buttons
 */

.titlebar{
    font-size:          11px;
    line-height:        18px;
    letter-spacing:     4px;
    padding-left:       4px;
    background-color:   #FFFFFF;
    border-right:       1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    color:              #333333;
}

.titlebar_over{
    font-size:          11px;
    line-height:        18px;
    letter-spacing:     4px;
    padding-left:       4px;
    color:              #FFFFFF;
    background-color:   #FFCC33;
    border-right:       1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    cursor:             pointer;
}

/*=====================================================
 * secondary menu
 */

.smenu_item{
    margin-bottom:      12px;
    margin-top:         12px;
}

.smenu_on{
    font-size:          10px;
    line-height:        14px;
    padding-left:       4px;
    padding-right:      4px;
    color:              #FFFFFF;
    background-color:   #FFCC33;
    border-right:       1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    cursor:             pointer;
}

.smenu_over{
    font-size:          10px;
    line-height:        14px;
    padding-left:       4px;
    padding-right:      4px;
    color:              #333333;
    background-color:   #FFFFFF;
    border-right:       1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    cursor:             pointer;
}

.smenu_off{
    font-size:          10px;
    line-height:        14px;
    padding-left:       4px;
    padding-right:      4px;
    color:              #333333;
    background-color:   #FFFFFF;
    border-right:       1px solid #FFFFFF;
    border-left:        1px solid #FFFFFF;
}

.smenu_inactive{
    font-size:          10px;
    line-height:        14px;
    padding-left:       4px;
    padding-right:      4px;
    color:              #333333;
    background-color:   #EEEEEE;
    border-right:       1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    cursor:             pointer;
}

/*=====================================================
 * main nav
 */

.nav_txt{
    font-family:        verdana;
    font-size:          10px;
    line-height:        18px;
    color:              #ffffff;
}

.cap_off{
    background-color:   #ffffff;
}

.cap_on{
    background-color:   #FFCC33;
}

.nav_off{
    background-color:   #999999;
    padding-left:       8px;
    padding-right:      8px;
    padding-top:        3px;
    cursor:             pointer;
}

.nav_on{
    background-color:   #CC9933;
    padding-left:       8px;
    padding-right:      8px;
    padding-top:        3px;
    cursor:             pointer;
}

/*=====================================================
 * table tabs
 */

.tabs_txt{
    font-family:        verdana;
    font-size:          10px;
    line-height:        18px;
    color:              #333333;
}

.tabs_cap_off{
    background-color:   #ffffff;
}

.tabs_cap_on{
    background-color:   #FFCC33;
}

.tabs_off{
    background-color:   #ffffff;
    padding-left:       8px;
    padding-right:      8px;
    padding-top:        3px;
    cursor:             pointer;
    border-left:        1px solid #CCCCCC;
    border-top:         1px solid #CCCCCC;
    border-bottom:      1px solid #CCCCCC;
}

.tabs_on{
    background-color:   #FFE391;
    padding-left:       8px;
    padding-right:      8px;
    padding-top:        3px;
    cursor:             default;
    border-left:        1px solid #CCCCCC;
    border-top:         1px solid #CCCCCC;
    border-bottom:      1px solid #CCCCCC;
}

/*=====================================================
 * toolbar/banner
 */

.banner_bkg{
    background-color:   #00316D;
}

.toolbar_bkg{
    background-color:   #EEEEEE;
}

/*=====================================================
 * news
 */

.news_snippit{
    padding-bottom: 5px;
}

.news_divider{
    padding-bottom: 5px;
}

/*=====================================================
 * timeline
 */
 
.timeline_caption{
    width:          150px;
    font-size:      10px;
    line-height:    12px;
}

.timeline_year{
    font-size:      60px;
    font-weight:    bold;
    line-height:    60px;
    color:          #EEEEEE;
}

/*=====================================================
 * site map
 */

.map_group{
    margin-bottom:  10px;
}

/*=====================================================
 * used on form e2 request info
 */

.request_asterisk{
    color:  #215194;
}

.request_cpb{
    padding-bottom: 6px;
}