/*planning2.css:  provides css support for focused planning.ca-2017*/

body{
  font-family: helvetica, arial, "century gothic", sans-serif;
              /* Georgia, Palatino, serif; margin:0;*/
  font-size: 1.0em; font-style: normal;
  text-align: left; color: #000000; background: #CCCCCC;
 }
 img{
  max-width: 100%;  /*this image tag is essential to mobile friendly images*/
 }
 a:hover{color: #333333; font-weight:500; background: #EEDDB9;} /*for all anchors on all pages on this site*/
 a{color:#5D2418; text-decoration: none;}      /*for all anchors on all pages on this site*/
 .map-id{
  font-size:.95em;
 }
 .floatright{   /*used on sitemap*/
  float:right;
  margin: 50px 60px 0px 0px;
  border-radius:10px;
 }

  .imageright2{ /*used in footer only*/
  float:right;
  margin-right:12px;
  margin-top:5px;
 }
 
 .imageleft22{/*used in footer*/
  float:left;
  margin: 5px 0px 0px 10px;
 }
 .imageleft23{
  float:left;
  margin: 10px 0px 0px 10px;
 }
 .imageleft3{  /*used on all pages to align main top image*/float:left; margin: 30px 30px 0px 5px; border-radius: 15px;}
 
 #wrapper{
    min-width: 310px; max-width: 900px; margin: 0 auto; color: #000000; background: #fff; padding: 20px;
    border: 1px solid; border-radius: 5px; background-repeat: repeat-y;
 }
 #wrapper h1{
  font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
  font-size: 1.90em; font-style: italic; text-align: center;}
  h3{
    font-size: 1.25em; font-weight: 600; font-family:  "comic sans ms", "mv boli", "segoe print", sans serif; color:#35130E
  }
    
      /*TEXT BOXES*/  /*class, boxwide, boxright and boxleft occur first on the Welcome page*/
  
  .boxleft {float:left;font-size:.9em; width: 175px; border: solid 1px; border-radius: 15px; border-color: #9CB5C9;
      background-color: #F8F1E3;margin: 10px 30px 20px 0px; padding: 15px;} /*box left is used on the index page*/
  .text{text-align:left;}
  .text2 /*index page and elsewhere, bad habits*/{font-size: .90em; font-weight: 500; color:#491c13; font-family:  "comic sans ms", "mv boli", "segoe print", sans serif;}
  .text4 {font-size: .1.05em; font-weight: 500; color:#491c13; font-family:  "comic sans ms", "mv boli", "segoe print", sans serif;}
  .text3 /*Top of most pages*/{font-size: 1.75em; font-weight: 600; text-align: center; margin-top:30px;}
  .text5 {font-size: 1.15em; font-weight: 600; font-family:  "comic sans ms", "mv boli", "segoe print", sans serif; color:#35130E}
  .text6 {font-size: 1.30em; font-weight: 600; font-family:  "comic sans ms", "mv boli", "segoe print", sans serif; color:#35130E}
  .text7{font-size: 1.45em; font-weight: 600; text-align: center; margin-top:30px;}
  .text15 {display:block; font-size:1.10em; font-style:italic; text-align:center;}

ol, ul{
    margin-bottom: 16px;
 }
 /*MAIN NAVIGATION*/
#nav{
  float: left; position: static; width: 100%; margin: 0 auto; padding:0px 10px 15px 0px;}

ul#navigation{
  margin-left: 0%;/*This line controls the placement of the nav bar box. It was 10% with the faulty left border*/
  position: relative;
  float:left;
  /*border-left:1px solid #c4dbe7;*/ /*this removes a faulty left border*/
  border-right:1px solid #c4dbe7;
}

ul#navigation li{
  display:inline;
  font-size: .95em;
  font-weight:bold;
  margin:0;
  /*padding: 0px 10px 0px 10px; *//*nav bar box expand as needed and padding gives each box some space*/
  float:left;
  position:relative;
  border-top:1px solid #c4dbe7;
  border-bottom:2px solid #c4dbe7;
 
}

ul#navigation li a {
  padding:5px 5px; 
  color:#616161;
  text-shadow:1px 1px 0px #F8F1E3;
  text-decoration:none;
  display:inline-block;
  border-right:1px solid #fff;
  border-left:1px solid #c2c2c2;
  border-top:1px solid #fff;
  background: #F8F1E3;  /*was F0F0F0, then FFF- both are near white*/
}                      
  /*
  -webkit-transition:color 0.2s linear, background 0.2s linear;
  -moz-transition:color 0.2s linear, background 0.2s linear;
  -o-transition:color 0.2s linear, background 0.2s linear;
  transition:color 0.2s linear, background 0.2s linear;
  }*/
  
  ul#navigation li a:hover {
    background:#f8f8f8; 
    /*color: color:#282828;*/
  }
  .first
  {margin: 0px 0px 0px 160px;
  }
  
  ul#navigation li a.first {border-left: 0 none;margin: 0px 0px 0px 40px;}
  
  ul#navigation li a.last {border-right: 0 none;}
  
  ul#navigation li:hover > a {background: #FFF;}
  /*notice that ul#navigation li a has some transition styles. They're used to create a nice fading effect on hover.*/
  /*now let's stylize the drop-down menus:*/
  /*drop down navigation*/
  ul#navigation li:hover > ul
  {
       
  visibility:visible; opacity: 1;}
  
  
  ul#navigation ul {top: 43px; left: 1px;}
  
  ul#navigation ul li ul {
    top:0;
    left: 281px; /*strong related to width:180px; from above */
  }
    
   #footer{
   min-width: 280px;
    max-width: 800px;
    clear: both;
    text-align: center;
    color: #330000; background: #F8F1E3;
    font-size: .75em;
    margin: 5px 10px 5px 45px;
    padding: 10px 0px;
    border:solid 1px;
    border-radius: 10px; border-color: #9CB5C9;
 }
  /*bottom is a lower page nav bar*/
  .bottom a{
  color: #5D2418;
  }
 .bottom{
    text-align: center;
    font-size: 1.05em;}
    
 .bottom a:hover{
  color: #333333; background: #DEBD7D;}
  
hr
 {
  width: 55%;
  color: grey;
 }