﻿/* -------------------------------------------------------------- */
/* KC SCOUT                                                       */
/* StyleSheet: Optimized for On Screen Display                    */
/* Version: 1.0                                                   */
/* Creator: rzd1bm                                                */
/*                                                                */
/* Notes:                                                         */
/* Scout Burgundy: #9F1D35       
* Scout's new color  #903343                                      */
/* ================================================ */


/* ================================================ */
/* Elements                                         */
/* ================================================ */

#tdIncTitle
{
	width:50px;
	height:20px;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	border-style:solid;
    border-width:1px 0px 1px 1px;
    border-color:#FFFFFF;
    background-color:#903343;
    font-weight:bold;
    color:#d3d3d3;
    margin-top:2px;
    margin-left:50px;
    text-align: left;
    text-indent:85px;

}

#tdPane
{
	font-size:10px;
	width:50px;
	height:20px;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
    background-color:#903343;
    border-right:1px solid #FFFFFF;
    border-left:0px solid #903343;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
}


.aPaneTg
{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
}



body 
{
   background-color:#FFFFFF;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color:#000000;   
   background-repeat:repeat-x;
}

/* ================================================ */
/* Named Objects                                    */
/* ================================================ */
#DivPage
{
   width:100%;
   min-width: 1200px;
   background-color:#ffffff;
   border-width:1px;
   border-style:solid;
   border-color:#903343;   
}


/* ================================================ */
/* Header                                           */
/* ================================================ */
#DivHeader
{
   width:100%;
   background-color:#727176;
}

#DivHeaderTop
{
   width:100%;
   height:100px;
   
 }
#DivHeaderTopAlt1
{
   width:840px;
   height:100px;
   
}
#DivHeaderTopAlt2
{
   width:840px;
   height:100px;
   
}

#DivLogo
{
   width:50%;   
   color:#ffffff;
   /*position:relative;*/
   float:left;   
}

#DivLogo img {
    border: none;
    width: 1195px;
    height: 100px;
}

#DivHeaderLinks {
    float: right;
    padding-top: 35px;
}

#DivHeaderLinks a img {
    border: 0;
    width: 140px;
    padding-right: 10px;
}

/* =============================================== */
/* DHTML Scroller                                  */
/* =============================================== */
#pscroller1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    width: 300px;
    height: 82px;
    color: #ffffff;
    color: yellow;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}

#pscroller1 a, #pscroller1 a:visited
{
	color:#ffffff;
	color:#0000ff;
}
#pscroller1 a:hover
{
	color:#903343;
	color:#ffffff;
}
#DivScroller
{
   width:330px;
   height:102px;
   color:#ffffff;
   color:Yellow;
   position:relative;
   float:right;
}

.myScollerClass
{
	height:102px;
}

#DivDriveTimeMain
{
   width:99%;
   height:20px;
   font-size:9px;
   color:#ffffff;
}
#DivDriveTimeMain .driveTime
{
  padding-left:750px; float:right;  margin-top:20px;    
}
/* ================================================ */
/* Top Nav                                          */
/* ================================================ */  
/* Notes:                                           */
/* Detailed styling of the top nav is done through   */
/* attributes of the menu component inside masterpages*/
/* ================================================ */

#DivTopNav
{
   width:100%;
   height:32px;
   background-color:#903343;
   background-image:url(../images/ui/TopNavBG.jpg);
   z-index:0;  
   float:left;   
}

/* ================================================ */  
/* Left Nav                                         */
/* ================================================ */  

#DivLeftNav
{
   width:215px;
   height:690px;
   background-color:#903343;
   background-image:url(../images/ui/LeftNavBG.jpg);
   background-repeat:repeat-x;
   position:relative;
   padding-bottom:10px;
   float:left;
}

#DivLeftNavHomePage
{
   width:310px;
   height:740px;
   background-color:#903343;
   background-image:url(../images/ui/LeftNavHomeBG.gif);
   background-repeat:repeat-x;
   position:absolute;
   padding-bottom:10px;
   float:left;
}

/* ================================================ */  
/* Left Nav Menu                                    */
/* ================================================ */  
/* Notes:                                                        */
/* Detailed styling of the left nav is done through attributes   */
/* of the menu component inside master pages                    */
/* ================================================ */  

#DivMapAndControls {
    display: inline-block;
    position:relative;
    float:left;
}

#DivLeftNavMenu
{
    background-color:#FFFFFF;
    width:185px;
    margin-left:10px;
    margin-top:60px;
    border-color:#ffffff;
    border-style:solid;
    border-width:1px;
    padding-bottom:5px;
    font-size:11px;
}

#DivLeftNavMenu h1
{
    background-color:#903343;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d3d3d3;
	text-align:center;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:1px;
	padding-bottom:3px;
}

#DivLeftNavMenu h1 a, #DivLeftNavMenu h1 a:visited
{
   color:#d3d3d3;
   text-decoration:none;
}

#DivLeftNavMenu h1 a:hover
{
    color:#ffffff;
    text-decoration:underline;
}

#DivLeftNavMonthlyMenu
{
    background-color:#FFFFFF;
    width:194px;
    margin-left:10px;
    margin-top:10px;
    border-color:#ffffff;
    border-style:solid;
    border-width:1px;
    padding-bottom:5px;
    font-size:11px;
}

#DivLeftNavMonthlyMenu h1
{
    background-color:#903343;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d3d3d3;
	text-align:center;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:1px;
	padding-bottom:3px;
}


#DivLeftNavAnnualMenu
{
    background-color:#FFFFFF;
    width:194px;
    margin-left:10px;
    margin-top:10px;
    border-color:#ffffff;
    border-style:solid;
    border-width:1px;
    padding-bottom:5px;
    font-size:11px;
}

#DivLeftNavAnnualMenu h1
{
    background-color:#903343;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d3d3d3;
	text-align:center;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:1px;
	padding-bottom:3px;
}

/* ================================================ */  
/* Footer                                           */
/* ================================================ */  

#DivFooter
{
   width:100%;
   min-width: 1200px;
   clear:right;
   background-color:#ffffff;
   position:relative;
   clear:both;
   border: 1px solid black;
}

#DivFooterLeft p
{
    font-size:11px;
    padding-top:60px;
}

#DivCopyright
{
    text-align:center;
    font-family:Verdana;
    font-size:10px;
    padding-top:4px;
    padding-bottom:3px;
    background-color:#000000;
    color:#ffffff;
    background-image:url("../images/UI/CopyrightBG.jpg?rel=20250129035655");
    clear:both;
    
}

#DivFooterLinks div
{
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

#DivFooterLinks img {
    width: 35px;
}

#DivFooterLinks a {
    font-size: 11px;    
}

/* ================================================ */
/* Left Nav Contact                                 */
/* ================================================ */
#DivLeftNavContact {
    text-align: center;
    color: #d3d3d3;
    margin: 5px;
    margin-top: 0px;
    background-color: white;
}

#DivLeftNavContact p
{
    font-size:11px;
    margin-top:-2px;
    padding-bottom:5px;
}


/* ================================================ */  
/* Promo Zone                                       */
/* ================================================ */  

#DivPromoZone
{
   width:600px;
   background-color:#454592;
   background-color:#ffffff;
   position:relative;
   margin-left:auto;
   margin-right:auto;
   
}

#DivWeather
{
   width:265px;
   height:175px;
   background-color:#C1CBCA;
   position:relative;
   float:left;
   border-top-color:#C1CBCA;
   border-top-style:solid;
   border-top-width:1px;
}


#DivWeather iframe
{
   width:270px;
   height:175px;
   background-color:#C1CBCA;
}

#DivPromo
{
   width:333px;
   height:175px;
   background-color:#454592;
   position:relative;
   float:left;
   border-top-color:#C1CBCA;
   border-top-style:solid;
   border-top-width:1px;
   border-left-color:#FFFFFF;
   border-left-style:solid;
   border-left-width:1px;
}


/* ================================================ */  
/* Main Content Area                                */
/* ================================================ */
/* Notes:                                           */
/* DivMap has a larger width than the DivMainBody   */
/* DivMap and DivMainBody are not used at the same  */
/* time on a page.                                  */
/* ================================================ */
.DivMainContentWrapper
{
   width:604px;
   background-color:#ffffff;
   float:right;
}


.DivMainContent
{
   width:970px;
   background-color:#ffffff;
   padding-top:10px;
   padding-bottom:30px;
   padding-left:15px;
}

.DivMainContent .ImageRight
{
    border-color:#cccccc;
    border-style:double;
    border-width:4px;
    margin-left:20px;
}

.DivMainContent .ImageLeft
{
    border-color:#cccccc;
    border-style:double;
    border-width:4px;
    margin-right:20px;
}




.DivMainContent h1
{
    font-size:14pt;
    font-weight:bold;
    font-style:normal;
    color:#3b297d;
}

.DivMainContent h1 .SubTitle
{
    font-size:12pt;
    font-weight:normal;
    font-style:normal;
    color:#903343;
}

.DivMainContent h2
{
    font-size:12pt;
    font-weight:bold;
    font-style:normal;
    color:#3b297d;
}

.DivMainContent h3
{
    font-size:10pt;
    font-weight:bold;
    font-style:normal;
    color:#3b297d;
    color:#D35D05;
    color:#F15D1D;
    color:#903343;
}

.DivMainContent h4
{
    font-size:9pt;
    font-weight:bold;
    font-style:italic;
    color:#3b297d;
}


.DivMainContent strong
{
    color:#000066;
}

.DivMainContent p
{
    font-size:8pt;
}

.DivMainContent li
{
    font-size:8pt;
}
.DivMainContent td
{
    font-size:8pt;
}


/* ================================================ */  
/* Feature Content                                  */
/* ================================================ */  

.DivFeatureContent
{
    background-color:#d3d3d3;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:30px;
    border-color:#96bcc5;
    border-style:solid;
    border-width:1px;
}



.DivFeatureContent h1
{
    font-size:14pt;
    font-weight:bold;
    font-style:normal;
    color:#990000;
}

.DivFeatureContent h2
{
    font-size:12pt;
    font-weight:bold;
    font-style:normal;
    color:#990000;
}

.DivFeatureContent h3
{
    font-size:9pt;
    font-weight:bold;
    font-style:normal;
    color:#000066;
}

.DivFeatureContent h4
{
    font-size:9pt;
    font-weight:bold;
    font-style:italic;
    color:#3b297d;
}

.DivFeatureContent p
{
    font-size:8pt;
}

.DivFeatureContent strong
{
    color:#000066;
}



.PhotoCaption
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:9pt;
    font-style:normal;
    font-weight:bold;
    color:#993300;
}

.PhotoCredit
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:8pt;
    font-style:italic;
    font-weight:normal;
    color:#3b297d;
}

/* ================================================ */  
/* Press Release Styles                             */
/* ================================================ */
  
.DivPressReleases .DivPR
{
    padding:30px 20px 10px 20px;
    background-color:#d3d3d3;
    border-color:#cccccc;
    border-style:solid;
    border-width:1px;
    margin-top:10px;
    margin-bottom:20px;
}

.DivPressReleases h1
{
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    text-align:center;
}

.DivPressReleases .DivPRDate
{
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    float:left;
}

.DivPressReleases .DivPRContact
{
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    float:right;
}

.DivPressReleases .DivPRBody
{
    text-align:center;
    clear:both;
}

.DivPressReleases p
{
    text-align:justify;
}

.DivPressReleases .DivPressReleaseEnd p
{
    text-align:center;
}

.DivPressReleases img
{
    border-color:#cccccc;
    border-style:double;
    border-width:4px;
}

/* ================================================ */  
/* Scout Updates Styles                             */
/* ================================================ */  
.DivScoutUpdates .DivArticle
{
    padding:30px 20px 10px 20px;
    background-color:#d3d3d3;
    border-color:#cccccc;
    border-style:solid;
    border-width:1px;
    margin-top:10px;
    margin-bottom:20px;
}

.DivScoutUpdates .DivArticleBody
{
    text-align:center;
}


.DivScoutUpdates h1
{
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    text-align:center;
}

.DivScoutUpdates .ArticleDate
{
    font-size:10px;
    font-style:italic;
    font-weight:normal;
    text-align:center;
}

.DivScoutUpdates p
{
    text-align:justify;
}

.DivScoutUpdates .PhotoCaption
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:8pt;
    font-style:italic;
    font-weight:normal;
    color:#993300;
}

.DivScoutUpdates img
{
    border-color:#cccccc;
    border-style:double;
    border-width:4px;
}


/* ================================================ */  
/* Scout Bios Styles                                */
/* ================================================ */ 
.DivBios
{
}

.staffLink
{
    color: #903343;
}
.staffTitle
{
    color:#404040;   
}
.DivBios .PopUp
{
    padding:0px 15px 0px 15px;
    background-color:#d3d3d3;
    border-color:#808080;
    border-style:solid;
    border-width:1px;
    margin-top:10px;
    margin-bottom:20px;
}

.DivBios .PopUpx
{
    display:none;
}

.DivBios .PopUp p
{
}

/* =============================================== */  
/* Reports Styles                                  */
/* =============================================== */


.PDFReport
{
    background-image:url("../images/SupportGraphics/Adobe/PDFIconSmall.gif?rel=20250129035655");
    background-position:left;
    background-repeat:no-repeat;
    height:16px;
    padding-left:25px;
    margin-top:15px;
    margin-bottom:15px;
    font-size:12px;
    font-weight:bold;
}


.DivPDFIcon
{
    background-image:url("../images/SupportGraphics/Adobe/PDFIconSmall.gif?rel=20250129035655");
    background-position:left;
    background-repeat:no-repeat;
    height:16px;
    padding-left:25px;
    margin-top:5px;
    margin-bottom:5px;
}

.DivReportMenu
{
    margin-left:10px;
    margin-right:10px;
}

.DivReportMenu a., .DivReportMenu a:visited
{
    color:#404040;
    text-decoration:none;
}

.DivReportMenu a:hover
{
    color:#903343;
    text-decoration:underline;
}

.DivReportMenu .PDFReport
{
    background-image:url("../images/SupportGraphics/Adobe/PDFIconSmall.gif?rel=20250129035655");
    background-position:left;
    background-repeat:no-repeat;
    height:16px;
    padding-left:20px;
    margin-top:6px;
    margin-bottom:0px;
    font-size:9px;
    font-weight:bold;
}

/* =============================================== */  
/* Gallery                                         */
/* =============================================== */
.DivGallery
{
}

.TableGallery
{
    border-style:solid;
    border-width:1px;
    border-color:#B6BFBF;
    padding:0px;
    margin:0px;
    background-color:#F6F6F6;
}


.TableGallery td
{
    border-style:solid;
    border-width:1px;
    border-color:#B6BFBF;
    padding:7px;
    margin:0px;
    text-align:center;
    vertical-align:top;
    background-color:#d3d3d3;
    
}

.TableGallery td img
{
    border-style:solid;
    border-width:1px;
    border-color:#9E9E9E;
    
}

.TableGallery td 
{
    font-family:Verdana;
    font-size:10px;
    vertical-align:top;
    
}

.DivThumbnail
{
    width:91px;
    height:91px;

}

.DivThumbnailCaption
{
    margin-top:8px;
    margin-bottom:0px;
    height:25px;

}


.DivSlideHolder
{
    border-style:solid;
    border-width:1px;
    border-color:#B6BFBF;
    background-color:#d3d3d3;
    padding-left:15px;
    padding-right:15px;
    padding-top:25px;
    padding-bottom:25px;
    text-align:center;
}

.DivSlideHolder img
{
    border-style:double;
    border-width:4px;
    border-color:#9E9E9E;
    
}


.DivSlideControls
{
    width:447px;
    border-style:solid;
    border-width:1px;
    border-color:#B6BFBF;
    padding:5px;
    margin-top:5px;
    text-align:center;
    vertical-align:top;
    background-color:#D1D3D3;
    font-size:12px;
    color:#3C3C3C;
    margin-left:auto;
    margin-right:auto;
}



.DivSlideControls a, .DivSlideControls a:visited
{
    text-decoration:none;
    color:#3b297d;

}

.DivSlideControls a:hover
{
    color:#903343;
    text-decoration:underline;
}

.DivSlidePrevious
{
    float:left;
    width:100px;
}

.DivSlideNext
{
    float:Right;
    width:100px;
}

.DivSlideReturn
{
    clear:both;
    padding-top:5px;
}

.DivSlideCaption
{
    margin:0px;
}

.DivSlideCaption p
{
    margin-top:5px;
    margin-bottom:15px;
}


/* =============================================== */  
/* Misc Classes                                    */
/* =============================================== */

.Underline
{
    text-decoration:underline;
}

.SpacedList li
{
    padding-bottom:15px;
}

.TextSafariIssue
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:12px;
	color:#000000;
	margin:5px;
}

.AdjustedZIndex {
    z-index: 10;
}

/* =============================================== */  
/* Survey Banner Classes                           */
/* =============================================== */

.SurveyBannerAd
{
	padding-top:10px;
	padding-bottom:10px;
}

/* =============================================== */  
/* Urgent Message                                  */
/* =============================================== */
.DivUrgentMessageContainer
{
	width:598px;
	height: 80px !important; height:60px; /* Added the !important element so that IE would ignore the hieght component*/
	padding-top: 3px;
	padding-bottom:3px;
	background-color:White;
	background-image:url(../images/ui/UrgentMessageBG.gif);
	border-style:solid;
    border-color:#404040;
	border-width:1px;
	text-align:left;
	margin:auto;
}

.DivUrgentMessageContainer p
{
	width:500px;
	text-align:left;
	color:#de460a;	
	font-weight:bold;
	font-size:12px;
	padding-left:65px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.marquee {
    height: 20px;
    overflow: hidden;
    position: relative;
    background-color: rgb(242,239,233);
    font-size: 16px;
    
}

.marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 20px;
    animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: -100%;
        width: 100%;
    }
}
