/***********************************
    Debug Styles
***********************************/
div#divDebug
{
    position:absolute;
    left:0px;
    top:0px;    
    display: none;
}

/***************Body and Hacks********************/
BODY 
{   
    
    background-repeat: repeat-x;
    background-color: #ffffff;  
    margin: 0px;
    padding:0px;
    FONT:  77%/140% Trebuchet MS, Arial, Verdana, sans-serif;
    TEXT-ALIGN: center;
    color: #333333;
    text-decoration: none;
}

a
{
    text-decoration: none;
    color: #005596;
} 

a:hover
{
    text-decoration: underline;
}

FORM
{
    margin: 0px;
    padding:0px;
}
SPAN
{
    MARGIN: 0px;
    padding:0px;
}

DIV 
{
    MARGIN: 0px;
    padding:0px;
}

TR
{
    margin:0px;
    padding:0px;
    vertical-align:text-top;    /*Need this to align vertically align text in Opera/Firefox rendered divs (tables)*/
    text-align:left;    /*Need this to align text in Ektron's menu*/
}
TD 
{
    margin:0px;
    padding:0px;    
    vertical-align:text-top;    /*Need this to align vertically align text in Opera/Firefox rendered divs (tables)*/
    text-align:left;    /*Need this to align text in Ektron's menu*/
}

#copyright TR, #copyrightWide TR
{
    margin:0px;
    padding:0px;
    vertical-align:text-top;    /* Need this to align vertically align text in Opera/Firefox rendered divs (tables) */
    text-align:center;  /* Need this to align text in Ektron's menu */
}
#copyright TD, #copyrightWide TD
{
    margin:0px;
    padding:0px;    
    vertical-align:text-top;    /*Need this to align vertically align text in Opera/Firefox rendered divs (tables)*/
    text-align:center;  /*Need this to align text in Ektron's menu*/
}

/***********************************
    Header Styles
***********************************/
#header
{
   
    background-repeat: repeat-x;    
    background-color: #e0e0e0;  
    margin: 0px;
    padding:0px;
    height: 26px;
    border-bottom: 1px solid #f5f5f5;
}
    /***********************************
        Utilities Styles
    ***********************************/
    #utilities 
    {
        MARGIN: 0px;
        padding:0px;        
        width:520px;
        float:left;
        font-size: 77%;
        
        background-repeat: repeat-x;
        background-color: #e0e0e0;
    }
    #utilities ul
    {
        MARGIN: 0px;
        padding:0px;    
        list-style-type:none;
        float:right;
        border-left: 1px solid #c8c8c8;
        border-right: 1px solid #e7e7e7;
        
    }
    #utilities li 
    {
        MARGIN: 0px;
        padding:0px;        
        float: left;
        text-align:center;      
    }
    #utilities a, #utilities a:hover, #utilities a:visited 
    {
        margin: 0px;
        padding: 0px;       
        display: block;
        height:24px;
        width: 12em;
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #c8c8c8;
        text-decoration: none;  
        color: #666666;
        font-family: Verdana, Arial, Trebuchet MS, sans-serif;
    }
    
    #searchArea 
    {
        margin: 0px;
        padding:0px;
        float: right;
        width:250px;
        text-align:right;

    } 

    .searchBtn {
        font-size: 92%;
        vertical-align:top;
    }
    .searchBox {
        width: 120px;
        font-size: 92%;
        vertical-align:top;
    }   

/**************Masthead********************/
#masthead
{
    border-top: 1px solid #ffffff;
  
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 75px;
        
    margin:0px;
    padding:    5px 0px 0px 0px;
}

#logo
{
    float:left;
    clear:left;
    width:258px;
    
}
#headerBanner
{
    float:right;
    clear:right;    
    width:468px;
}

/***********************************
    breadcrumb Styles
***********************************/
#BreadCrumb 
{
    text-align: left;
    font-family: Verdana, Arial, Trebuchet MS, sans-serif;
    font-size: 77%;
    color: #005596;
    margin: 0px;
    padding:0px;    
}

#BreadCrumb a, #BreadCrumb a:visited {
    text-decoration: none;
    color: #005596;
}
#BreadCrumb a:hover {
    text-decoration: underline;
    color: #005596;
}

#BreadCrumb ul{
    list-style:none;
    margin: 0px;
    padding: 0px;
}

/***********************************
    navigation Styles
***********************************/
.menuUL_1
{
    list-style-type:none;
    margin:0px;
    padding:0px;    
}

.menuLI_1
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

*html .menuLI_1
{
    list-style: none; margin: 0px 0px -17px 0px; padding:0px;
} 

.menuUL_2
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.menuLI_2
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
*html .menuLI_2
{
    list-style: none; margin: 0px 0px -17px 0px; padding:0px;   
} 

.menuUL_3
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.menuLI_3
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
*html .menuLI_3
{
    list-style: none; margin: 0px 0px -17px 0px; padding:0px; 
} 
/***************Navigation Links********************/
a.primaryActuator, a.primaryActuator:visited {
    display: block;
  
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-position: 0px 0px;
    margin: 0px;
    padding:  2px  5px 2px 5px;
    text-decoration: none;  
    color: #666666;
    cursor: hand;
    border-bottom: 1px solid #cccccc;   
}
a.primaryActuator:hover{

    background-repeat: repeat-x;
    background-color: #BDD3DD;  
}
a.primaryCrumb
{
    display: block;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;  
    color: #333333;
    cursor: hand;
        
  
    background-repeat: repeat-x;
    background-color: #BDD3DD;  
}

a.secondaryActuator, a.secondaryActuator:visited {
    display: block;
    
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-position: 0px 0px;
    margin: 0px;
    padding:   2px   5px 2px 15px;
    text-decoration: none;  
    color: #666666;
    cursor: hand;
    border-bottom: 1px solid #cccccc;   
    
}
a.secondaryActuator:hover{
    
    background-repeat: repeat-x;
    background-color: #d3f3b3;  
}
a.secondaryCrumb
{
    display: block;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 2px 5px 2px 15px;
    text-decoration: none;  
    color: #333333;
    cursor: hand;
        
  
    background-repeat: repeat-x;
    background-color: #d3f3b3;
}

a.tertiaryActuator, a.tertiaryActuator:visited {
    display: block;
    
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-position: 0px 0px;
    margin: 0px;
    padding:  2px  5px 2px 25px;
    text-decoration: none;  
    color: #666666;
    cursor: hand;
    border-bottom: 1px solid #cccccc;   
}
a.tertiaryActuator:hover{
    
    background-repeat: repeat-x;
    background-color: #e3f7cf;
}
a.tertiaryCrumb
{
    display: block;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 2px 5px 2px 25px;
    text-decoration: none;  
    color: #333333;
    cursor: hand;
        
  
    background-repeat: repeat-x;
    background-color: #e3f7cf;
}

.menuSpan
{
    width: 100%;
}
/***************************************
    FocusFrame Styles
***************************************/
#pageTitle 
{
    margin:0px;
    padding:0px;    
    font-size: 120%;
    color: #224b6a;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
   
    background-repeat: repeat-x;
    background-color: #d3f3b3;
}

#kbTitle1, #kbTitle2, #kbTitle3, #kbTitle4, #kbTitle5 
{
    margin:0px;
    margin-top:10px;
    padding:0px;    
    font-size: 120%;
    color: #224b6a;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;

    background-repeat: repeat-x;
    background-color: #d3f3b3;
}

#focusFrame 
{
    margin:0px;
    padding:0px;    
    
    text-align: left;
    background-color: #eefae2;
    min-height: 110px;  
    WIDTH: 398px;
}
#focusFrameWide
{
    margin:0px;
    padding:0px;    
    text-align: left;
    background-color: #eefae2;
    min-height: 72px;  
    WIDTH: 620px;
}

#focusFrame p, #focusFrameWide p{
    margin: 0px;
    padding: 10px;  
}



div#focusImage {
    MARGIN-TOP: 10px;
    margin-left: 10px;
    MARGIN-BOTTOM: 10px;
    MARGIN-RIGHT: 10px;
    width:140px;
    height:90px;
    float: right;
    clear:right;
    padding:0px;
}


/***************************************
    Site Map
***************************************/
div#siteMap
{
    float: left;
    margin:  0px  100px 0px 0px;
    padding: 10px;  
}

#siteMap ul
{
    padding:    0px 0px 0px 10px;
    margin:  0px 0px 0px 0px;
}

#siteMap li
{
    list-style-type:none;
    list-style-position:outside;
    text-align:left;
    margin:   10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#siteMap li ul li
{
    list-style-type: none;
    margin: 0px 0px 0px 10px;
}

#siteMap li ul li ul li
{
    list-style-type:  none;
    margin: 0px 0px 0px 0px;
}

#siteMapUtilities
{
    float: none;
    margin: 0px;
    padding: 0px;   
    width: 150px;
}

#siteMapUtilities li
{
    list-style-type:none;
    margin: 10px 0px 0px 0px;
}

#siteMapFooterLinks
{
    float: none;
    margin: 0px;
    padding: 0px;   
    width: 150px;
}

#siteMapFooterLinks li
{
    list-style-type:none;
    margin: 10px 0px 0px 0px;
}

/***************************************
    Home Content Styles
***************************************/
#homePic {
    border-top: 1px solid #52a3da;
    margin:0px;
    padding:0px;
}
#homeNews {
    width: 310px;
    float: left;
    clear:left;
}
#homeWorks {
    width: 310px;
    float: right;
    clear:right;
}
#homeWorksWrapper {
    width: 620px;
    float: left;
    clear:left;
}
#homeQuickLinks {
    width: 310px;
    float:left;
    clear:left;
    border: 0px solid #ceecb2;
    background-color: #eefae2;
}
#homeQuickContent {
    width: 310px;
    float: right;
    clear:right;
    border: 0px solid #ceecb2;
    background-color: #eefae2;
}

#homeQuickContentContent 
{
    margin:   10px;
    text-align: left;
}


#homeIncidents {
    width: 620px;
    float: none;
    background-color: #eefae2;
}

#homeNews a, #homeWorks a, #homeQuickLinks a, #homeQuickContent a, #homeIncidents a {
    color: #005596;
    text-decoration: underline; 
}
#homeNews a:visited, #homeWorks a:visited, #homeQuickLinks a:visited, #homeQuickContent a:visited, #homeIncidents a:visited {
    color: #775ca8;
    text-decoration: underline; 
}
#homeNews a:hover, #homeWorks a:hover, #homeQuickLinks a:hover, #homeQuickContent a:hover, #homeIncidents a:hover {
    color: #f25223;
    text-decoration: underline; 
}
#homeNews ul, #homeWorks ul, #homeQuickLinks ul, #homeQuickContent ul, #homeIncidents ul{
    margin: 10px;
    padding: 0px;
    
}
#homeNews li, #homeWorks li, #homeQuickLinks li, #homeQuickContent li, #homeIncidents li {
    margin: 0px 0px 5px 20px;
    text-align: left;
}
#homeNewsTitle, #homeWorksTitle, #homeIncidentsTitle, #homeQuickLinksTitle, #homeQuickContentTitle {
    font-size: 110%;
    color: #224b6a;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  
    background-repeat: repeat-x;
    background-color: #d3f3b3;
    text-decoration: none;  
}

#homeNewsTitle a, #homeWorksTitle a, #homeIncidentsTitle a, #homeQuickLinksTitle a, #homeQuickContentTitle a {
    text-decoration: none;  
}
#homeNewsTitle a:visited, #homeWorksTitle a:visited, #homeIncidentsTitle a:visited, #homeQuickLinksTitle a:visited, #homeQuickContentTitle a:visited {
    text-decoration: none;  
}
#homeNewsTitle a:hover, #homeWorksTitle a:hover, #homeIncidentsTitle a:hover, #homeQuickLinksTitle a:hover, #homeQuickContentTitle a:hover {
    text-decoration: underline; 
}

/***************************************
    Right Col Attibutes
***************************************/
#rightColTitle, #rightColExternalLinksTitle {
    display: block;
    
    background-repeat: no-repeat;
    background-position: 5px;
    background-color: #d8effa;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    color: #333333;
}
#rightColTitle h2, #rightColExternalLinksTitle h2{
    font-weight: normal;
    font-size: 100%;
    margin: 0px;
    color: #333333;
}
#rightColHeader, #rightColExternalLinks {
    background-color: #f5f7f8;
    margin:0px;
    padding: 10px 5px 10px 5px;
    width: 175px;
    color: #333333;
}
#rightColHeader ul, #rightColExternalLinks ul{
    margin: 0px;
    padding: 0px;
  
}
#rightColHeader li, #rightColExternalLinks li {
    margin-left: 20px;
    text-align: left;
}
#rightColHeader a, #rightColHeader a:visited, #rightColExternalLinks a, #rightColExternalLinks a:visited  {
    margin: 0px;
    padding: 0px;
    text-decoration: underline; 
    color: #333333;
}
#rightColHeader a:visited, #rightColExternalLinks a:visited {
    margin: 0px;
    padding: 0px;
    text-decoration: underline; 
    color: #666666;
}
#rightColHeader a:hover, #rightColExternalLinks a:hover {
    margin: 0px;
    padding: 0px;
    text-decoration: underline; 
    color: #ed3000;
}
.rightColContent {
    margin:0px;
    padding:0px;
}

#rightColFooterWrapper
{
    background-color: #82c44b;
    margin:0px;
    padding:0px;
    WIDTH: 155px;
}
#rightColFooter {
    background-color: #82c44b;
    color: #ffffff;
    padding:  10px 5px 10px 5px;
    margin: 0px;
    width:145px;
}

#rightColFooter p {
    margin: 0px;
}
#blueAdvert {
    background-color: #005596;
    color: #ffffff;
    padding: 10px 5px 10px 5px;
    margin: 0px;
}
*html #blueAdvert {
    background-color: #005596;
    color: #ffffff;
    padding: 10px 5px 10px 5px;
    margin: -5px 0px 0px 0px;
}
#blueAdvert p {
    margin: 0px;
}
/***************Foundation Divs********************/
#wrap 
{
    BACKGROUND: #fff; 
    MARGIN:  0px auto;
    padding:0px;
    WIDTH: 775px; 
    TEXT-ALIGN: left;
}
#wrapInner
{
    MARGIN: 0px; 
    padding:0px;    
    clear:both;
}

#navFrame
{
    width:145px; 
    float:left; 
    border-top: 1px solid #cccccc;
    margin: 0px 0px  5px 0px;
    padding:0px;
    background-color: #ffffff;

}
#main-content 
{
    BACKGROUND: #ffffff; 
    DISPLAY: inline; 
    FLOAT: left; 
    MARGIN-top: 0px; 
    MARGIN-bottom: 5px; 
    MARGIN-left: 10px; 
    MARGIN-right: 0px;
    padding:0px;
    WIDTH: 398px;
}
#main-content-wide
{
    BACKGROUND: #ffffff; 
    DISPLAY: inline; 
    FLOAT: left; 
    MARGIN-top: 0px; 
    MARGIN-bottom: 5px; 
    MARGIN-left: 10px; 
    MARGIN-right: 0px;
    padding:0px;
    WIDTH: 620px;
}

#rightCol
{
    background-color: #FFFFFF;
    FLOAT: right; 
    MARGIN-top: 0px; 
    MARGIN-bottom: 5px; 
    MARGIN-left: 10px; 
    MARGIN-right: 0px;
    border-top: 1px solid #cccccc;
    padding:0px;
    WIDTH: 175px;
}


/*************************************
    Footer Styles
************************************/
#foot{ 
    background-color:#FFFFFF;
    text-align:center; 
    margin-top:0px;
    margin-bottom:0px;
    margin-left: 155px;
    margin-right:0px;
    width:455px;
    padding: 2px 0px 2px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #999999;
    text-decoration: none;
    font-size: 77%;
    CLEAR: both;
    float:none; 
 }
 
 #footWide{ 
    background-color:#FFFFFF;
    text-align:center; 
    margin-top:0px;
    margin-bottom:0px;
    margin-left: 155px;
    margin-right:0px;
    width:620px;
    padding: 2px 0px 2px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #999999;
    text-decoration: none;
    font-size: 77%;
    CLEAR: both;
    float:none; 
 }
 
#footInner
{
    text-align:center;  
}
 
#foot a, #footWide a, #foot a:visited, #footWide a:visited {
    margin: 0px;
    padding: 0px 15px 0px 15px;
    color: #999999;
    text-decoration: none;  
    font-family: Verdana, Arial, Trebuchet MS, sans-serif;
    text-align: center;
}
#foot a:hover, #footWide a:hover {
    text-decoration: underline;
}

#copyright {
    color: #999999;
    text-decoration: none;
    font-size: 77%;
    font-family: Verdana, Arial, Trebuchet MS, sans-serif;
    padding: 5px;
    text-align:center;  
    margin-top:0px;
    margin-bottom:0px;
    margin-left: 155px;
    margin-right:0px;   
    width:455px;
}

#copyrightWide {
    color: #999999;
    text-decoration: none;
    font-size: 77%;
    font-family: Verdana, Arial, Trebuchet MS, sans-serif;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    text-align:center;  
    margin-top:0px;
    margin-bottom:0px;
    margin-left: 155px;
    margin-right:0px;   
    text-align:center;  
    width:620px;
}
/*************************************
    Content Styles
************************************/
#contentText 
{
    text-align: left;   
    color: #333333; 
    padding: 10px;  
}
#contentText p {
    margin: 0px;
    padding-bottom:10px;
}
#contentText ul{
    padding: 0px;
    margin: 0px;
    list-style-type:disc;
    
}
#contentText li {
    text-align: left;
    margin-left: 25px;
    
}


#listSummary, #listKB1, #listKB2, #listKB3, #listKB4, #listKB5  {
    text-align: left;
    color: #333333; 
}
#listSummary p, #listKB1 p, #listKB2 p, #listKB3 p, #listKB4 p, #listKB5 p {
    margin: 0px;
    padding: 10px;  
}
#listSummary ul, #listKB1 ul, #listKB2 ul, #listKB3 ul, #listKB4 ul, #listKB5 ul
{
    list-style:none;
    padding: 0px;
    margin: 0px;
}
#listSummary li, #listKB1 li, #listKB2 li, #listKB3 li, #listKB4 li, #listKB5 li
{
    text-align: left;
    margin-top: 4px;
    margin-left: 10px   
}

 /***********************************
    Search Styles
***********************************/
#divAdvancedSearch
{
    float:left;
    background-color:Transparent;
}

#divAdvancedSearch td
{
    background-color:Transparent;

}

#divKBSearch
{
    padding: 10px;  
}

#baseSearch
{
    padding: 10px;  
    width:435px;
    float:none;
}

#baseSearch td
{

}

tr.search_result_oddrow, td.search_result_oddrow 
{
    background-color:white;
}
tr.search_result_evenrow, td.search_result_evenrow 
{
    background-color:#f6f6f6;
}

tr.resultsRow
{
    padding: 2px 0px 0px 0px;
}
tr.resultsRowTeaser
{
    padding: 0px 0px 2px 0px;
}

/***********************************
    login Styles
***********************************/
#loginLogo {
    margin: 0 auto;
    width: 450px;
    margin-top: 75px;
    text-align: left;   
}
#login {
   
    background-repeat: repeat-x;
    background-color: #a0bcdd;
    border-top: 2px solid #52a3da;
    height: 80px;
    font-size: 11px;
    margin: 0 auto;
    margin-top: 10px;
    width: 430px;
    text-align: left;
    color: #ffffff;
    padding: 10px;
    position: relative;
}
*html #login {
    height: 102px;
    width: 450px;
}
#login p {
    margin: 0px 10px 10px 0px; 
}
.loginInput {
    position: absolute;
    font-size: 11px;
    left: 90px;
    width: 120px;
    color: #666666;
}
.loginButton {
    font-size: 11px;
    width: 60px;
    position: absolute;
    margin-top: 10px;
    left: 155px;
}
*html .loginButton {
    font-size: 11px;
    width: 60px;
    position: absolute;
    left: 150px;
}
#loginPic {
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
}
div#loginErrorPanel td
{
    text-align: center;
}

h2, .sseHeading1
{
	margin:0px;
	margin-top:10px;	
	margin-bottom:5px;	
	font-size: 110%;
	color: #224b6a;
	font-weight: bold;
	padding:    2px  10px 0px   0px;
	border-bottom: 1px solid #B6E18D;
	display: block;
}

ol li{
	padding:10px 0 0 0;
}

/*--- Home page CSS Task WBS-7286 then for WBSB-248  ---*/
div.BlueBorder{
	border:0px solid #ccc;
	padding:3px;
	margin-top:5px;
}

div.BlueBorder p{
	color:#005596;
}