a.more:link, a.more:visited,a.more:hover, a.more:active {
  background-color: transparent;
  color:  #001D3F;
  font: 80% Arial, Verdana, Helvetica, sans-serif;
  text-decoration: underline;
  padding: 0 0 10px 5px;
  margin: 0;
}

a.more:hover {
  color: #e76647;
}

a.links:link, a.links:visited, a.links:active {
  background-color: transparent;
  color: rgb(136,137,77);
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-decoration: underline;
}

a.links:hover {
  background-color: transparent;
  color: rgb(77,107,137);
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
}

a.navigation:link, html a.navigation:visited, html a.navigation:active {  background-color: transparent; border-top: 1px solid #afafaf; border-bottom: 1px solid #53779B;  color: #fff;   text-decoration: none;   font:700 90% Arial, Verdana, Helvetica, sans-serif;   padding: 5px;   margin: 0;   display: block; }
a.navigation:hover, .selected { border-right: 5px solid #e76647;  border-bottom: 1px solid #e76647;color: #eee; text-decoration: none;  font: 700 90% Arial, Verdana, Helvetica, sans-serif;   padding: 5px 5px 5px 25px;   margin: 0;   display: block; }
.selected {background-color:transparent; color: #000033;}

html body {
  background-color: #fff;
  font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
  min-width: 800px;
  margin: 0 auto;
  text-align:center;
  padding: 0;
}

.bmin {cursor: default; height: 15px; width: 15px;}
.bmax {cursor: default; margin-left: 5px; height: 15px; width: 15px;}
.bremove {cursor: default; margin:0 5px; height: 15px; width: 15px;}

.boilerplate {
  color: #001D3F;
  font-size: 75%;
  line-height: 20px;
  text-align: left;
}

#cLineHeight {
  line-height: 1.3;
}

.contentTable { border: 1px solid #53779B; font-size: 75%; width: 70%; float: left; margin: 0; padding: 5px;}

.contenttxt { color: #001D3F; line-height: 20px; padding: 5px; margin:5px; height: 100%;}

dd:first-letter {
  font-weight: 600;
  clear: both;
}

* html dt {
  display: block;
  float: left;
  padding-left: 2px;
}


.definitionList {
  color: rgb(77,107,137);
  background-color: rgb(240,235,229);
  font-size: 75%;
  text-align: left;  
  width: 120px;
  padding: 5px 0 0 5px; 
  margin: 5px 10px 5px 5px; 
}

.description {background: #ffffff; border:1px solid #53779B; margin:0 0 5px 0; width: 100%;}

#delicious li a:link, #delicious li a:visited, #delicious li a:hover, #delicious li a:active {  background-color: transparent;  color:  #001D3F;  font: 80% Arial, Verdana, Helvetica, sans-serif;  text-decoration: underline;  padding: 0 0 10px 5px;  margin: 0;}
#delicious li a:hover {background-color:transparent; color: #e76647;}
#delicious li  {background-color:transparent; color: #53779B; margin-left:0;}
#delicious ul  {padding-left:10px; margin-left:5px;}

.dd-handle {cursor: move;}

.hTitle {float: left; width:200px; margin-left: 5px;}
.hTool {float: right; width: 200px; text-align: right;}

#headerheight {
	margin-bottom: 15px;
}

.header1 { background: url(../images/pier.jpg) center -330px repeat-x ; color: #fea98a;  font: italic 600 300% serif, Palatino, 'Palatino Linotype', Georgia; letter-spacing: 0;  padding:30px 0;  margin: 0;  text-align: right; width:100%;}
.header1:hover { background: url(../images/pier.jpg) center -1018px repeat-x transparent; color: #53779B}
h1:after { font: italic 22% serif, Palatino, 'Palatino Linotype', Georgia;  content: "The professional site, information about my interests; design and development since 1999";  letter-spacing: 1px;  text-align: right;  display: block;}

.header2 {color: #e76647; font-size: 90%; font-weight: 600; margin:0; padding: 2px 0;}

.header3 {
  color: rgb(137,78,77);
  padding: 2px 0;
  margin: 0;
}

.header4 { background-color:transparent;  clear: both;   color: #53779B;  font-size: 50%;  text-align: center;}

p.keynav {
	color: rgb(77,107,137);
	padding: 0 0 0 5px;
	margin: 0;
}

img {border-style: none;}
.imgSkip {background-color: transparent;  float: left;  font-size: 5px;  color: rgb(77,107,137);  text-decoration: none;}
.imgTarget {margin-left: 2px; padding-left:2px;}

.items {
  color: rgb(77,107,137);
  background-color:  rgb(240,235,229);
  padding: 2px 15px;
  margin: 0;
}

.leftNav {
  background-image: url(../images/goldengate.jpg);  /*background-image: url(../images/ggb2.jpg);*/  background-repeat: no-repeat;  background-position: center top;  background-color: transparent;  border: 1px solid #53779B;}

.lastNav {
  border-bottom:1px solid #aeaeae;
}

.listItem {
  color: rgb(77,107,137);
  background-color: transparent;
  padding: 0;
  margin: 0;
  text-decoration: none;   
}

.lists { 
  list-style: inside;
  padding: 2px 15px;
  margin: 0;
 }

 #logo {margin:0 0 5px;; padding:0; width:100%}
 
.orederedlist {
  list-style:  lower-roman inside;
}

.showToolTip {visibility: hidden;position:absolute; background: url(../images/transparent.png) top center no-repeat; width: 300px; height: 130px;}
.toolTipText {margin: 10px 10px 5px 55px; font: normal 11px arial; text-align: left;}
.toolTipTitle {margin: 20px 10px 2px 50px; font: bold 12px arial;}

.tablemain {
  min-width:800px;  
  width:90%;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

.tableskill {
  background-color: rgb(240,235,229);
  color: rgb(77,107,137);
  font: 100% Arial, Verdana, Helvetica, sans-serif;
  margin: 5px 5px 10px 15px; 
  padding: 5px 5px 5px 25px; 
  width: 97%;  
  line-height: 2.0;
}

td:before {
  background-color: transparent;
  content: "#";  
  color: rgb(137,78,77);
  font-size: 75%;
  padding: 0 5px 0 0;
}

#toolBox { background-color: #53779B; color: #fea98a; display:none; font-size:55%; margin: 1px 0 5px 0; padding:0 ; width:100%;}
#toolBox ul { margin:0; padding:5px 0;width: 100%;}
#toolBox li  {background-color: transparent; cursor:pointer; display:inline; list-style-type: none; margin:10px 5px; padding:0;}
#toolBox li:hover {background-color: transparent; color: #eaeaea;}

.unorderedList  { color: rgb(77,107,137);float: left; font-size: 80%; height: 715px; list-style-type: none; text-align: left;  text-decoration: none; width: 11em; padding: 0; margin: 0 10px 0 0;}

.titleBar { background-color: #eaeaea; border-bottom: 1px solid #53779B; cursor: move; float: left; width: 100%; margin: 0;  padding: 0;}

.welcome {
  display: none;
}

.whitebox {
}

#Update, #Career, #Code, #Feedback, #Weblog, #Setting, #Bookmarks {position: relative;left:0; top:0;}