html,body{
   width:100%;
   height:100%;
   margin:0px;
   padding:0px;
   /*overflow:hidden;*/
}
body{
   background-color:white;
}
body,td,a,pre{
   font-family:Verdana, Geneva, sans-serif;
}
body,td{
   font-size:12px;
   /*font-weight:bold;*/
   color:#333333;
}
*{
   cursor: default;
}

a, a img{
   color: #9f9375;
   text-decoration:none;
   cursor: pointer;
   cursor: hand;
}
a:hover,.menuItemOver{
   color:#666666;
}
div.active, div.active a, a.active{
   color:#996600;
}

div.hide{
   display:none;
}

img{
   border-width:0px;
}

/*
** Base
*/

#sectionsBar{
   position: relative;
   width: 100%;
   height: 120px;
   font-size: 18px;
}
#sectionsBar div.section{
   position: absolute;
   top: 42px;
   vertical-align: bottom;
}

#sideBar{
   position: absolute;
   top: 120px;
   width: 120px;
   text-align: right;
}
div.menuGroup{
   position:relative;
   height: 240px;
   font-size: 13px;
   font-weight: bold;
   color:#666666;
}
div.menuItem{
   position: relative;
   margin-top: 7px;
   font-size: 11px;
   /*font-weight: normal;*/
   vertical-align: bottom;
}

div.menuGroup, div.menuGroupIcons{
   position:relative;
   height: 240px;
}
div.menuItemIcon{
   position: absolute;
   width: 90px;
   height:90px;
   vertical-align: middle;
}
.menuItemIcon{
   width:"90px";/*IE hack, to give element a block format*/
   opacity:0.5;
   filter:alpha(opacity=50);
   -khtml-opacity:0.5;
   -o-opacity:0.5;
   -moz-opacity:0.5;
}
div.menuItemIcon img{
   border: 0x;
   cursor: pointer;
   cursor: "hand";
}

div.menuItemIcon:hover,.highlightIcon{
   opacity:1;
   filter:alpha(opacity=100);
   -khtml-opacity:1;
   -o-opacity:1;
   -moz-opacity:1;
}



#contents{
   position: absolute;
   left: 180px;
   top: 120px;
}

#vanessa{
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 120px;
   height: 60px;
   font-size: 9px;
   text-align: right;
}
#vanessa a{
   color: #999966;
}


/* projects */

#project{
   position: absolute;
   left: 380px;
   top: 0px;
   width: 350px;
   width: "360px";
   padding-right: 10px;
}
#contents div.projectDescription{
   padding-bottom: 20px;
   font-size: 11px;
   text-align: justify;   
}

#toImages{
   position: absolute;
   left: 0px;
   top: 320px;
   font-size: 17px;
   font-weight: bold;
}

#imageBrowser{
   position: absolute;
   left: 0px;
   top: 440px;
   width: 100px;
   font-size: 11px;
   font-weight: bold;
   color: #9f9375;
}

#imageDescription{
   position: absolute;
   left: 110px;
   top: 440px;
   width: 500px;
   font-size: 11px;
   color: #999966;
}

#editMenu{
   position:absolute;
   top:0px;
   right:20px;
   border:1px solid #444444;
   padding: 2px;
   cursor:default;
}


/* info */

div.address, #bioLabel{
   position: absolute;
   left: -120px;
   top: 0px;
   width: 180px;
   text-align: right;
   font-size: 13px;
   color: #999966;
}
#bioLabel{
   top: 300px;
}
#bioFiles{
   position:absolute;
   left: 120px;
   top: 300px;
}

#contact{
   position: absolute;
   left: 120px;
}

#contact div{
   padding-bottom: 3px;
}
div.contactField input, div.contactField textarea{
   width: 180px;
   border: 1px solid #cccc99;
}
div.contactLabel{
   font-size: 10px;
   font-weight: bold;
   color: #666666;
}
#contactText{
   height: 120px;
}
#sendBlock{
   text-align: right;
}
#send{
   padding: 0px;
   border-style: none;
   font-weight: bold;
   color: #996600;
   background-color: transparent;
}

/* links */
#links td{
   vertical-align: top;
}
.linkGroup{
   width: 60px;
   font-size: 13px;
   color: #9f9375;
   font-weight: bold;
   text-align: right;
}
.linkItems{
   padding-left: 60px;
   color: #777777;
   font-size: 12px;
   /*font-weight: bold;*/
}
/*.linkItems a{
}*/
.linkItems div{
   margin-bottom: 12px;
}