/* Layout Stylesheet */ 

/* Color Scheme                                                  */
/*                                                               */
/* #64748B - Grey browser background (consider #999999)          */
/*                                                               */
/* #D3DCE6 - Grey body background (consider #CCCCCC)             */
/* #D3DCE6 - Tagline text light grey                             */
/*                                                               */
/* #26354a - Light grey body text background (consider #333333)  */
/* #25354A - very dark grey for logo and radar background        */
/*                                                               */
/* # - Dark grey body text                                       */
/* #FFBA00 - Banner text- yellow                                 */
/* #FFBA00 - Anchor hover - organge (consider #FFCC00)           */
/* #FF6600 - Title/vRule border/anchor base - orange             */
/* #FFCC00 - nav bar - yellow                                    */
/*                                                               */
/* #2D374D - ??? ""subHeader"  (consider CCCCCC)                 */


/* Global Styles */

/* html {                     */
/*    background:transparent  */
/*    }                       */

body {
    background: #64748B;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }
	
h2 {
    text-align: center;
    Font-size: 24px;
    color: #25354A;
    margin:0 0 0 0;
    padding: 20px 0px 0 0;  /* t r b l  */
    /* border-width: 0px; */
    /* border: 1px solid #f0f; /* debugging */
    /* color: #FF6600;*/
    }

h2 a {
    font-style: oblique;
    color: #25354A;
    }

h3 {
    color: #25354A;
    Font-size: 18px;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px 0px 0 0;  /* t r b l  */
    border-width: 0px;
    /* border: 1px solid #ff00ff; /* debugging */
    }

h4 {
    margin:0; 
    padding: 10px 0 10px 0;  /* t r b l  */
    }

a {
    color: #FF6600;
    font-weight:bold;
    text-decoration:none;
    }
	
a:hover {
    color: #FFBA00;
    }
	

/* Class Styles */

.homePgH2 {  
    padding: 0px 15px 0 0;
    }


.homePgH3 { 
    color: #25354A;
    Font-size: 18px;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px 30px 0px 30px;  /* t r b l  */
    border-width: 0px;
    /* border: 1px solid #ff00ff; /* debugging */
    }

.homePgPara { 
    Font-size: 15px;
    line-height:20px;
    letter-spacing:.05em; 
    padding: 0px 0px 0px 370px;
    }

.homePgUL {  
    Font-size: 15px;
    line-height:20px;
    letter-spacing:.05em; 
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 0px 0px 405px;
    }


.catalogH2 { 
    text-align: center;
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 10px;
    width: 440px;
    }

.catalogH3 { 
    text-align: left;
    margin-left: 20px; 
    margin-bottom: 5px
    }

.catalogItem { 
    position: absolute;
    top: 80px; 
    left: 355px;
    }

.catalogItem ol { 
    margin-right: 30px; 
    }

.catalogItem li { 
    margin-bottom: 5px; 
    }

.catalogFlyerLink { 
    position: absolute;
    top: 466px; 
    left: 262px;
    }

.catalogResourcesLink { 
    text-align: right;
/*    position: absolute; */
/*    top:  430px;  */
/*    left: 100px;  */
    }

.catalogList { 
    text-align: left;
    margin-right: 10px;
    }

.catalogList a { 
    color: #FFBA00;
    }

.catalogList a:hover { 
    color: #FF6600;
    }

.hidden {
    visibility: hidden; 
    }

.unhidden { 
    /* visibility: visible; */
    display:block;
    }

.navBarRule {
    /* z-index: 10; */
    height: 4px;
    background: #FF6600;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0 0 0 0;
    padding: 0 0 0 0;
    }

.backOrTopOfPage {
    font-size: 11px;
    vertical-align: middle;
    border-width: 0 0 0 0;
    padding: 20px 0 20px 0;
    }

.r-col-indent { 
    line-height:20px;
    letter-spacing:.05em; 
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 340px;
    margin-right: 20px;
    } 

.wide-col-indent { 
    line-height:20px;
    letter-spacing:.05em; 
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 20px;
    } 

.wide-col-indent li { 
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 20px;
    } 

.wide-col-H3 { 
    text-align: left;
    margin-left: 25px; 
    margin-bottom: 5px
    }

.wide-col-H4 { 
    text-align: left;
    margin-left: 25px; 
    margin-bottom: 5px
    }


.flushRight {  
    float: right;
    }

.flushLeft {  
    float: left;
    }

.text-image-R { 
    float: right;
    margin: 10px 10px 10px 10px;
    border-width: 10px;
    }


/* ID Styles */


#pageContainer {
    position: relative;
    z-index: 1;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    /* border: 1px solid #ff0000; */
    }

#hdr {
    height:56px;              /* image height=56 is firefox needs this... */
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    border-width:0px;
    }

#hdr img { 
    border: none;
    border-width: 0px; 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 0 0 0;
    }

#hdr dl { 
    border: none;
    border-width: 0px; 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 0 0 0;
    }

#siteMapH2 {
    text-align: center;
    Font-size: 24px;
    color: #25354A;
    margin:0 0 0 0;
    padding: 5px 0px 0 0;  /* t r b l  */
    border-width: 0px;
    /* border: 1px solid #00ffff; /* debugging */
    /* color: #FF6600;*/

    }


#navBar {
    height:22px;
    background:#FFCC00;
    vertical-align: middle;
    margin:0px; 
    border-width:0px;
    padding: 0px;
    }

#navBar td {
    /* z-index: 10; */
    width: 100px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    /* background: #00ff00; for testing */
    }

#navBar a {
    font:12px Arial, Helvetica, sans-serif;
    color: #25354A;
    text-decoration: none;
    vertical-align: middle;
    letter-spacing:.1em;
    }
	
#navBar a:hover {
    /* color:#ffffff; */
    background: #FF6600;
    }

#bodyblock {
    float:left;
    border: 0;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    }

#widebodyblock {
    float:left;
    border: 0;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing:.05em; 
    }

#full-col {
    width: 800px;    /* height: 492px or more...*/
    float:left;
    margin: 0 0px 0 0px; 
    background: #D3DcE6;
    text-align: left;
    z-index: 10;
    }

#full-col p {
    /* width: 400px; */
    /* vertical-align: middle; */
    line-height:20px;
    letter-spacing:.05em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    margin-right: 25px;
    }

#r-col {
    width: 800px;    /* height: 492px or more...*/
    float:left;
    margin: 0 0px 0 0px; 
    background: #D3DcE6;
    text-align: left;
    z-index: 10;
    }

#r-col p {
    /* width: 400px; */
    /* vertical-align: middle; */
    line-height:20px;
    letter-spacing:.1em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    }

#l-col {
    float:left;
    text-align: center;
    color: #FFBA00; 
    border: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
    width: 350px;
    height: 492px;
    background: #D3DCE6;
   }

#l-col h3 {  
    color: #FFBA00;
    }

#l-col p {
    /* width: 300px; */
    letter-spacing:0.03em;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 0px;
    }

#radarImg {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-width: 0 0 0 0;
    padding: 0 0 0 0;
    }

#radarSpacer {
    height: 10px;
    width: 350px;
    margin: 0 0 0 0; 
    border-width: 0 0 0 0;
    padding: 0 0 0 0;
    /* background: #FF0000; debugging */
    }

#radarTxt {
    /* border: 1px solid #ff0000; */ /* debugging */
    /* background: #0000FF;  */ /* debugging */
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    }

#radarTxt p {
    margin: 0 20px 0 20px; /* t r b l  */
    /* border: 1px solid #ff00ff; */ /* debugging */
    }

#radarButtons {
    position: absolute;
    top: 525px;
    left:2px;
    width: 300px;
    padding: 0 25px 0 25px;  /* t r b l  */ /* don't understand why this didn't auto-center... */
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    /* background: #FF00FF; */ /* debugging */
    /* border: 1px solid #00ff00;   /* debugging */
    }

#radarButtons img { 
    padding: 12px 15px 6px 15px;  /* t r b l  */
    margin-top: 0px;
    margin-bottom: 0px;
    border-width: 0 0 0 0;
    }

#ftr {
    float:left;
    width: 800px;
    text-align: center;
    font-size: 10px;
    vertical-align: middle;
    background: #D3DCE6;
    margin-top: 1px;
    }

#ftr table {
    vertical-align: middle;
    width: 800px;
    }

#ftr a {
    color: #25354A;
    font-weight:bold;
    text-decoration:none;
    }
	
#ftr a:hover {
    color: #FF6600;
    }

#ftr2 {
    position: absolute;
    top: 497px; 
    left: 2px;
    right: 2px;
    width: 796px;
    border: 1px solid #000;
    border-width: 1px 0 1px 0;
    text-align: center;
    font-size: 10px;
    vertical-align: middle;
    background: #D3DCE6;
    margin-top: 0px;
    }


#ftr2 table {
    vertical-align: middle;
    }

#ftr2 a {
    color: #25354A;
    font-weight:bold;
    text-decoration:none;
    }
	
#ftr2 a:hover {
    color: #FF6600;
    }

/* javascript memu stuff */

#navBarMenu {
    margin: 0;
    padding: 0;
    z-index: 500;
    }

#navBarMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial
    }

#navBarMenu li a {
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: auto; /* 90px; */
    /* background: #5970B2; */
    /* color: #FFF; */
    text-align: center;
    text-decoration: none
    }

#navBarMenu li a:hover {
    background: #FF6600;
    }

#navBarMenuHere {
    background: #D3DCE6;
    }

#navBarMenuHere a {
    color: #25354A;
    }

#navBarMenu div {
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    /* background: #EAEBD8; */
    background: #D3DCE6;
    border: 2px solid #ff6600;
    border-top: 4px solid #ff6600;
    z-index: 20;
    }

#navBarMenu div a {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #D3DCE6;
    /* background: #EAEBD8; */
    /* color: #2875DE; */
    color: #25354A;
    font: 11px arial;
    }

#navBarMenu div a:hover {
    background: #49A3FF;
    color: #FFF;
    }