* {margin: auto; padding:0;}
body {background-image: url('timberbackground3.jpg'); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-size:100%; height:100%; background-color:#FFFFFF; font-family: Calibri, "Century Gothic", Tahoma, Arial; color:#00B6DE;}
a {background-color:none; color:#00B6DE; font-weight:bold; text-decoration:none;}
a:hover {color:#00B6DE; background-color:#BFCDE8; text-decoration:none; cursor:pointer;}
p {margin:0 0 10px 0;}
ul, ol {margin:5px 5px 10px 10px; padding-left:5px;}
ul ul, ol ol {margin:3px 0 0 10px;}
img {float:left; margin:1px 1px 0px 0;}
/* Headers */
h1 {color:#00B6DE; font-size:2em; letter-spacing:0px; margin:0; text-align:right;}
h2 {color:#00B6DE; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:5px 0 10px; text-align:right;}
h3 {color:#00B6DE; font-size:1.8em; font-weight:bold; font-style:italic; letter-spacing:0px; margin:5px 0 10px; text-align:center; line-height: normal;}
h4 {color:#00B6DE; font-size:1.4em; letter-spacing:0px; margin:0; text-align:center;}
h5 {color:#00B6DE; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:5px 0 10px; text-align:left;}
h6 {color:#00B6DE; font-size:1.4em; font-weight:bold; font-style:italic; letter-spacing:-1px; margin:5px 0 10px; text-align:left;}
hc {color:#00B6DE; font-size:2em; letter-spacing:0px; margin:0; text-align:center;}

/* IDs  background-color: rgba(255, 255, 255, 0.5);  */
#wholepage {margin: auto; background:transparent\5; width:1080px; height:auto; overflow:hidden;}
#toppix {margin: auto; width: 840px; height: 210px; padding-left:17px; padding-top:10px;}
#title {margin:0px auto -2px; width:1080px; padding-right:5px;}
#container {color:#000; margin: auto; width:1080px; line-height:1.3em;}
#menuwrap {float:left;}
#menubar {float:none;}
#menubar p {border:0px solid #000; margin:10px 0 5px 10px; text-align:left; font-size:0.8em;}
#menubar p a {font-weight:400;}
#main {float:left; width:1080px; vertical-align:top;}
#footer {clear:both; color:#000;}
#footpix {margin: auto; width: 1080px; padding-left:17px; padding-top:5px; color:#BFCDE8; border-bottom-color:#BFCDE8; text-align:center;}
/* Menu */
.menu {border:0px solid #000; color:#00B6DE; font-size:1.1em; letter-spacing:-1px; font-family: Calibri;font-weight:bold; padding:4px 2px 4px 5px; text-align:center;}
.menu:hover {solid #cccccc; color:#FF9933; text-decoration:none; text-align:center;}
.txb {font-family: Calibri; color:#000000; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.txt {font-family: Calibri; color:#00B6DE; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.project1 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project2 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project3 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project4 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project5 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project6 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project7 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project8 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project9 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project10 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project11 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project12 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project13 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project14 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project15 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project16 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project17 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project18 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project19 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }
.project20 a {font-family: Calibri; color:#000000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px; }

.details1 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details2 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details3 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details4 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details5 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details6 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details7 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details8 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details9 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details10 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details11 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details12 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details13 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details14 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details15 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details16 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details17 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details18 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details19 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}
.details20 {font-family: Calibri; background-color:#DBFECF; color:#00000; font-weight:normal; vertical-align:top; text-align:justify; margin-left:10px; margin-right:3px;}

.footer {color:#00B6DE; text-align:center; font-size:1.1em; font-weight:bold; }

/* Various classes */
.imgright {float:right; margin:0px 5px 5px 10px;}
.imgcenter {float:center; margin:0px 5px 5px 10px;}
.imgleft {float:left; margin:0px 5px 0px 0px; z-index:99;}
.imgborder {border:1px solid #FFF; border-style:outset; padding:3px; background-color:#A7DCA4;} 
.credits {color:#777; font-size:0.9em; margin-bottom:0; bottom;}
.credits a {color:#777;}
.tableleft {text-align:left; vertical-align:top;}
.tableleft td {vertical-align: top;}
.window {border:3px solid #A7DCA4; border-style:outset; box-shadow: 10px 10px 5px #A7DCA4; border-radius:1em; vertical-align:top; margin-left:10px; margin-top:10px; } 
.alpha80 { /* Fallback for web browsers that doesn't support RGBa */ 
background: rgb(255, 255, 255); 

/* RGBa with 0.8 opacity */ 
background: rgba(255, 255, 255, 0.8); 

/* For IE 5.5 - 7*/ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF); 

/* For IE 8*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF)"; }


/*Menu CSS*/
  #drop-nav ul {list-style: none; padding: 0px;margin: 0px;}
  #drop-nav ul li {display: block; position: relative;float: left;}
  li ul {display: none; top:25px; left:0px; z-index:99; }
  ul li a {display: block; padding: 5px 10px 5px 10px;text-decoration: none;
           white-space: nowrap;}
  /*ul li a:hover {background: #f00;}*/
  li:hover ul {display: block; position: absolute; background-color:#FFF;}
  li:hover li {float: none;}
  /*li:hover a {background: #f00;}
  li:hover li a:hover {background: #000;}*/
  #drop-nav li ul li {border-top: 0px;}

  /*drop down on click CSS*/
  #click-nav ul {list-style:none; padding:0px; margin:0px;}
  #click-nav ul li {display:inline-table; position: relative; float:left;}
  #click-nav li ul {display:none; top:60px; left:0px; z-index:99; }
  #click-nav ul li a {display:inline; padding: 5px 10px 5px 10px;text-decoration: none;}
  /*ul li a:hover {background: #f00;}*/
  #click-nav li:hover ul {display:inline; position: relative; background-color:#FFF;}
  #click-nav li:hover li {float: none;}
  /*li:hover a {background: #f00;}
  li:hover li a:hover {background: #000;}*/
  #click-nav li ul li {border-top: 0px;}