/* structure.css */

body,
html{
	margin:0;
	padding:0;
}

body {
  min-width: 700px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  text-align: center;
}

#allwrapper {
  width: 750px; background: #fff;
  margin-top: 0px; margin-left: auto; margin-right: auto;
  text-align: center;
  border-left: 1px solid #ccc;  border-right: 1px solid #ccc;
}

#titles {
  display: block; position: relative; left: 0px; top: 0px;
  width: 750px; height: 210px;
 
  padding: 0px; text-align: left; 
  margin: 0px;
}

#titles a, #titles a:visited {
  display: block;
  height; 50px;
  text-decoration: none; font-weight: normal; color: #fff;
 }

#titles a:hover, #titles a:active {
  text-decoration: none; font-weight: normal; color: #fff;
 }

#navi {
  display: block; 
  height: 80px; width: 750px; 
  background: #fff; border: 0;
  padding-top: 0px; margin-top: 0px; overflow: hidden;
}

#container {
  display: block; 
  width: 750px; margin: 0;
  background: #fff; text-align: left; 
}

#main {
  display: block; background: #fff; 
  width: 750px; padding: 0; margin: 0; 
}

#middle {
  display: block; 
  width: 600px; background: #fff;
  margin-left: 50px; padding: 0; 
  font-family: Palatino, Times, serif;
}

#bottomwrapper {
  clear:both; display: block; 
  width: 750px; height: 70px;
  margin: 0; background: #ccc; border: 0;
  border-top: 5px solid #336633;
}


/* ------------------------------ end of structure.css -------------------------------------- */

/* nav.css */

#navilinks {
  padding-left: 0px; 
  font-size: 18pt; border: 0px; margin: 0px;
  line-height: 60px; 
}

a.navi, a.navi:link, a.navi:visited {
  display: block; float: left; text-align:center;
  height: 60px; width: 180px; padding-left: 2px; padding-right: 2px;
  color: #000; font-weight: normal; text-decoration: none; background: #ccc;
  border-left: 1px solid #fff; 
}

a#menu1 {border-bottom: 10px solid #336633; }
a#menu2 {border-bottom: 10px solid #669933; }
a#menu3 {border-bottom: 10px solid #004080; }
a#menu4 {border-bottom: 10px solid #8b0000; }


a#menu1.navi:hover, a#menu1.navi:active, a#menu1.navion {
  display: block; float: left; text-align:center;
  height: 60px; width: 180px; padding-left: 2px; padding-right: 2px;
  font-weight: normal; text-decoration: none; background: #ccc;
  border-left: 1px solid #fff;  
  border-bottom: 10px solid #336633; 
  text-decoration: none; background: #669933;
  color: #fff;
}

a#menu2.navi:hover, a#menu2.navi:active, a#menu2.navion   {
  display: block; float: left; text-align:center;
  height: 60px; width: 180px; padding-left: 2px; padding-right: 2px;
  font-weight: normal; text-decoration: none; background: #ccc;
  border-left: 1px solid #fff;  
  border-bottom: 10px solid #669933; 
  text-decoration: none; background: #406020;
  color: #fff;
}

a#menu3.navi:hover, a#menu3.navi:active, a#menu3.navion {
  display: block; float: left; text-align:center;
  height: 60px; width: 180px; padding-left: 2px; padding-right: 2px;
  font-weight: normal; text-decoration: none; background: #ccc;
  border-left: 1px solid #fff;  
  border-bottom: 10px solid #004080; 
  text-decoration: none; background: #003060;
  color: #fff;
}

a#menu4.navi:hover, a#menu4.navi:active, a#menu4.navion {
  display: block; float: left; text-align:center;
  height: 60px; width: 180px; padding-left: 2px; padding-right: 2px;
  font-weight: normal; text-decoration: none; background: #ccc;
  border-left: 1px solid #fff;  
  border-bottom: 10px solid #8b0000; 
  text-decoration: none; background: #ee2c2c;
  color: #fff;
}



/* ----------------------------- end of nav.css ------------------------------------------- */


.left {
  display: block;
  float: left;
  margin-right: 10px;
}


.right, .rightclick {
  display: block;
  float: right;
}

#titles a.permacontact, #titles a.permacontact:visited {
  font-size: 12pt; text-decoration: underline; padding: 2px 5px 5px 5px; float:right;

}

#titles a.permacontact:hover, #titles a.permacontact:active{
  text-decoration: none;
}


h1#bighead {
  color: #000;
  font-family: Arial Black, Arial, sans-serif; font-size: 19pt; line-height: 60pt;
  font-weight: bold;
  margin: 0; position: relative; left: 5px; top: -20px;
}

h2#subhead1, h3#subhead2 {
  font-family: Verdana, Arial, sans-serif; 
  color: #000; margin: 0; position: relative;
}

h2#subhead1 {
font-weight: bold; font-size: 17pt; left: 5px; top: -30px;
}

h3#subhead2 {
font-weight: normal; font-size: 14pt; left: 5px; top: -18px;
}


a.headers1, a.headers2 { color: #fff; text-decoration: none; }


a.headers1:hover, a.headers2:hover {
  text-decoration: none; background: #333366;
  color: #ddd;
}

#submenu {
  display: block; height: 30px; padding: 0px; margin-bottom: 5px; font-size: 10pt; background: #ccc;
}

#submenu a {
  display: block; float: left; padding: 5px 5px 5px 5px; display: block;
  font-weight: bold; font-size: 10pt;
}
#submenu a, #submenu a:visited {
  color: #000; text-decoration: underline;
}
#submenu a:hover, #submenu a:active {
  color: #000; font-weight: bold; text-decoration: none;
}

#middle h1, #middle p { padding:10px; margin: 0; }

#middle h1 {
  font-size: 14pt; font-weight: normal; color: #000; margin-top: 10px;
}

#middle p {
  font-size: 13pt; 
}


#middle p.subhead {
  display: block; 
  padding: 5px 5px 5px 5px; margin: 0;
  font-size: 13pt;
  font-weight: bold; color: #fff;
  background: #88bb55;
}



#middle .emph { font-weight: bold; color: #336633;}

#middle a, a:visited { font-weight: bold; text-decoration: none; color: #000;}
#middle a:hover, #middle a:active { font-weight: bold; text-decoration: none; color: #fff; background: #88bb55;}

#middle .mainparts {
  display: block; 
  padding: 0px 10px 5px 10px; margin: 0;
}

#middle .mainparts#experienced {
  width: 400px; float: left
}

#middle .mainparts#refs {
  width: 200px; float: right;
  margin: 20px 30px 0 0; padding-top: 10px; background: #88bb55;
}

#middle .mainparts#skilled, #middle .mainparts#flexible {
  clear:both; width: 620px;
}

#middle .mainparts h1 {
  font-size: 12pt; color: #000;
  padding-top: 2px; padding-bottom: 2px;
}


#middle .morelink { background: #eee; }
#middle .moreinfo { padding-left: 10px;  font-weight: normal; color: #000;}


img.click {
  margin-right: 10px;
  border: 1px solid #000;
}

img.rightclick {
border: 1px solid #333366;
}

img.rightclick:hover {
border: 1px solid #ff0000;
}

img.click:hover {
border: 1px solid #ff0000;
}

#footer {
  display: block; width: 750px;  margin: 0px;
  line-height: 30px;  text-align: left;
  padding-left: 20px; padding-right: 20px;  padding-top: 10px; padding-bottom: 0px; 
  color: #000; 
}

#footertext {  
   width: 734px;   margin: 0px;
   color: #000;
   text-align: right;
}

#footertext p {
  display: block; 
  font-size: 8pt; line-height: 10pt;
  font-weight: normal;
  color: #000;
  text-align: left;
  padding-left: 20px; padding-right: 20px;
  padding-top: 10px; padding-bottom: 10px; 
  margin: 0; 
}


#footertext a, a:visited {
  text-decoration: underline;
  color: #000;
  font-weight: normal;
}

#footertext a:hover, a:active {  text-decoration: none; }