/* CSS Document */

html,body{margin:0;padding:0}
body{font: 85%/1.3 Times; font-size:110%; /*Trebuchet MS Verdana  Arial ,,sans-serif,, do not works on the right vertical box */
    text-align: center;background: #aaaaaa;padding-bottom:20px}  /*  background: #757D88  */
p{margin-top:0}
h1,h2,h3{font: normal normal 200% Trebuchet MS,Arial,sans-serif}
/* h2{font-size:160% color:#FF0000}
h3{font-size:120% color:#FF0000}  */

div#header{width:100%;overflow:hidden;background: #595D66;position: relative;}  /*z-index:100;  */
div#header h1,div#menu{width:886px;margin:0 auto;text-align:left;position: relative;}  /* was width:770px , adjust with --div#container{width:780px;--*/
div#header h1{padding: 10px 0 10px;color: #FFF; }
div#header h2{padding: 10px 0 10px;color: #00FF00;font-size:140%; }

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:left;font-size: 80%; line-height:0.9} /* was float:right;  quite simple to change */
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;padding: 5px 0;background: #369A3D;text-decoration:none;color: #FFFFCC} /* width: 65px; for regular spacing */
ul#nav a:hover{background: #F9F776/*CDFFA1*/;color: #006A35}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
ul#navcot1 a{/*float:left;padding: 5px 0;background: #AD6728;*/text-decoration:none;color: #78461A} /* width: 65px; for regular spacing */
ul#navcot1 a:hover/*{font-style:italic; color: #FF6666; font-weight:600; border: #FF0088 solid 1px;} */
ul#navcot1 li#home2 {/*F19613  D7B51B  FBD62A*/background: #00D62A;text-decoration:none; color: #FF0000}
ul#navcot1 li#hist2 {/*EEA337   EBC720  DDBB1F*/background: #F8CC03;text-decoration:none; color: #FF0000}
ul#navcot1 li#hist3 {/*F19613  D7B51B  FBD62A*/background: #FBD62A;text-decoration:none; color: #FF0000}
ul#navcot1 li#home2:hover {/*F19613  D7B51B  FBD62A 369A3D*/background: #F3AC00;text-decoration:none;color:#FF0000; font-style:italic;font-weight:600;}
ul#navcot1 li#hist2:hover {/*EEA337  DDBB1F EBC720  F63117*/ background: #F39500;  text-decoration:none; font-style:italic; color: #FF0000}
ul#navcot1 li#hist3:hover {/*F19613  D7B51B F8DD63*/background: #F2CB53;text-decoration:none; font-style:italic; color: #FF0000}

ul#nav2,ul#nav2 li{list-style-type:none;margin:0;padding:0}
ul#nav2{float:left;font-size: 80%; line-height:0.9} /* was float:right;  quite simple to change */
ul#nav2 li{float:left;margin-left: 0px;text-align: left}
ul#nav2 a{float:left;width: 180px;padding: 5px 0;background: #cccc99;text-decoration:none;color: #FFC}
ul#nav2 a:hover{background: #ffcc99;color: #006A35} /* was #CDFFA1;color: #006A35  */
ul#nav2 li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

ul#nav3,ul#nav3 li{list-style-type:none;margin:0;padding:0}
ul#nav3{float:left;font-size: 80%; line-height:0.9} /* was float:right;  quite simple to change */
ul#nav3 li{float:left;margin-left: 0px;text-align: left}
ul#nav3 a{float:left;width: 180px;padding: 5px 0;background: #bbbb99;text-decoration:none;color: #FFC}
ul#nav3 a:hover{background: #ffcc99;color: #006A35} /* was #CDFFA1;color: #006A35  */
ul#nav3 li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

ul#nav4,ul#nav4 li{list-style-type:none;margin:0;padding:0}
ul#nav4{float:left;font-size: 80%; line-height:0.9} /* was float:right;  quite simple to change */
ul#nav4 li{float:left;margin-left: 0px;text-align: left}
ul#nav4 a{float:left;width: 180px;padding: 5px 0;background: #bbbb99;text-decoration:none;color: #FFC}
ul#nav4 a:hover{background: #ffcc99;color: #006A35} /* was #CDFFA1;color: #006A35  */
ul#nav4 li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

div#container{width:880px;margin:0 auto 10px;padding:10px 0 10px;text-align:left;background:#ddd} /* added font-size plays on the whole - was width:770px; */
div#content{float:right;display:inline;width:680px;margin:-20 10px 10px 10px} /* was float:left;  quite simple to change - playing with width (was 560) is not small beer - was margin:0 0 10px 10px  */

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}  /* added font-size font-size: 80%; */
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
li#mission{background: #E65714; font-size: 90%;}  /* added font-size font-size: 80%; Works according to the title*/
li#services{background: #42B4AC; font-size: 90%;}   /* added font-size font-size: 80%; Works according to the title*/
ul#intro li#more  /*li#more2*/{margin-right:0;background: #7D63A9;font-size: 120%;line-height:0.9} /* added font-size, line-height, Works for "our goals" */
ul#intro li#more2  /*li#more2*/{margin-right:0;background: #FD63A9;font-size: 120%;line-height:0.9; padding: 1px;margin:10px 0 10px 0;} /* added font-size, line-height, Works for "our goals" -spacing doesn't work - use padding to place the box*/
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

ul#intro2,ul#intro2 li{list-style-type:none;margin:5px;padding:0}  /* added font-size font-size: 80%; margin was 0 - */
ul#intro2{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro2 li{float:left;width:160px;margin-right:10px;padding: 10px 0}
li#mission2{background: #ffcc99; font-size: 90%;}  /* added font-size font-size: 80%; Works according to the title - bg was #E65714*/
li#services2{background: #ffcc99; font-size: 90%;}   /* added font-size font-size: 80%; Works according to the title*/
ul#intro2 li#more  /*li#more2*/{margin-right:0;background: #ffcc99;font-size: 80%;line-height:0.9} /* added font-size, line-height, Works for "our goals" */
ul#intro2 li#more2  /*li#more2*/{margin-right:0;background: #ffcc99;font-size: 95%;line-height:0.9; padding: 1px;margin:10px 0 10px 0;} /* added font-size, line-height, Works for "our goals" -spacing doesn't work - use padding to place the box*/
ul#intro2 p,ul#intro2 h3{margin:0;padding: 0 10px}
ul#intro2 h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9;padding:10px}
div.date span{display:block;font-size: 150%;font-weight:bold; }

div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE;margin:10;}

div#side{float:right;display:inline;width: 200px;background:#F3CF00; margin:0 10px 10px 0;}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}

div#footer{clear:both;width:860px;margin:0 10px 10;padding: 8px 0;  /*was 850 886 */
    background: #F63117;/*586695  */color: #FFF;font-size: 90%;text-align:center}
div#footer p{margin:0}