body {font: 11px Verdana; color: white; background-color: white }
a, a:link {color: #64d7f4; text-decoration: none}
a:visited {color: #279dbb; text-decoration: none}
a:hover {text-decoration: underline}
#head, #main, #foot, #subnav {width: 766px; background-color: #202020; border-bottom: 1px solid white}
#head {background-color: transparent}

#foot {height: 60px; background-color: #FF6600 }
#head ul, #head li, #foot ul, #foot li {margin: 0px; padding: 0px; list-style-type: none}

/* head */

#head #topLogo a, #head #languageSwitch a {float: none; color: #666666;
background-color: transparent;
height: auto;
width: auto;
background-image: none;

border: none }
#head #languageSwitch a:hover {color:#666666; text-decoration: underline; background-color: transparent}
#head #languageSwitch {float: right}
#head #topLogo img{ border:none}


#head ul {clear: left}
#head li, #head a {float: left; font: 11px Arial, sans-serif; height: 60px; }
#head a {cursor: pointer; cursor: hand; background-repeat: no-repeat;  background-position: 0px 100%;padding-top: 0px; text-decoration: none; font-weight: bold; width: 60px; color: black; background-color: #efefef; width: 154px; border-bottom: 1px solid white}
#head a span {text-indent: -1000em; display: block}

#head #home a, #head #home li {background-color: #cdcdcd; background-image: url(/images/nav/home.gif); width: 154px; position: static}
#head #profile a, #head #profile li {background-color:  #d7d7d7; width: 153px; background-image: url(/images/nav/profile.gif); }
#head #vision a, #head #vision li {background-color:  #dedede; width: 153px; background-image: url(/images/nav/vision.gif)}
#head #projects a, #head #projects li {background-color:  #e3e3e3; width: 153px; background-image: url(/images/nav/projects.gif)}
#head #contact a, #head #contact li {background-color:  #e8e8e8; width: 153px; background-image: url(/images/nav/contact.gif)}

#head li#profile {left: 154px}
#head li#vision {left: 307px}
#head li#projects {left: 460px}
#head li#contact {left: 613px}

/* foot */
#copyright {float: right; color: white; font-size: 10px; margin: 0px; padding: 40px 3px 0px 0px}
#foot ul {padding: 40px 0px 0px 3px; }
#foot li, #foot a {float: left; font-size: 10px}
#foot a, #foot a:visited, #foot a:link {width: 80px; color: white}

/* subnav */
#head {position: relative; z-index:100; width: 766px; }
.subnav {display: none}
#head li {position: absolute; }
#head li ul {position: absolute; }
#head li ul {top: 61px; background-color: white; overflow: hidden}
#head li li a, #head li li {height: auto; display: block; float: none; font: 10px Verdana; position: static; overflow: hidden}
#head li li a {padding: 2px 2px 2px 5px; width: auto; height: auto}



#head #profile li, #head #profile li a, #head #vision li, #head #vision li a, #head #projects li, #head #projects li a, #head #contact li, #head #contact li a {background-image: none; background-color: #d7d7d7 }
#head #profile li a, #head #vision li a, #head #projects li a, #head #contact li a {width: auto}
#head #vision li, #head #vision li a {background-color: #dedede}
#head #projects li, #head #projects li a {background-color: #e3e3e3}
#head #contact li, #head #contact li a {background-color: #e8e8e8}

/* mouseover */

#head li#home a:hover, #head li#profile a:hover, #head li#vision a:hover, #head li#projects a:hover, #head li#contact a:hover {background-color: #a7a7a7; color: white}

#head #home a:hover {background-image: url(/images/nav/home_hover.gif)}
#head #profile a:hover { width: 153px; background-image: url(/images/nav/profile_hover.gif)}
#head #vision a:hover { width: 153px; background-image: url(/images/nav/vision_hover.gif)}
#head #projects a:hover { width: 153px; background-image: url(/images/nav/projects_hover.gif)}
#head #contact a:hover { width: 153px; background-image: url(/images/nav/contact_hover.gif)}

#head li li a:hover, #head li li#profile a:hover, #head li li#vision a:hover, #head li li#projects a:hover, #head li li#contact a:hover {background-image: none}
#head a:hover, #head #profile li a:hover, #head #vision li a:hover, #head #projects li a:hover, #head #contact li a:hover {background-color: #a7a7a7; color: black; background-image: none}

/* current item */

#head li#home a.current, #head li#profile a.current, #head li#vision a.current, #head li#projects a.current, #head li#contact a.current {background-color:  #666666; color: white}

#head #home a.current {background-image: url(/images/nav/home_current.gif)}
#head #profile a.current { width: 153px; background-image: url(/images/nav/profile_current.gif)}
#head #vision a.current{ width: 153px; background-image: url(/images/nav/vision_current.gif)}
#head #projects a.current{ width: 153px; background-image: url(/images/nav/projects_current.gif)}
#head #contact a.current { width: 153px; background-image: url(/images/nav/contact_current.gif)}



/* main */
h2, h1 {font: "Trebuchet MS"}
#head h1 {font: bold 18px "Trebuchet MS"; color: black; float: right; margin: 20px 0px 0px 0px}

#topLogo {margin-top: 30px }
#main {clear: left; margin-top: 61px; position: relative; z-index: 1}
#main h2 {font: bold 18px "Trebuchet MS"; color: white; margin: 10px 0px 10px 0px}
#main h3 { font: bold 11px "Trebuchet MS"; color: white; margin: 10px 0px 10px 0px}
#body {padding: 30px 18px 30px 18px }
#body p {color: #dcdcdc; margin: 10px 0px 10px 0px}
#body ul {padding: 0px 0px 20px 0px}
.gotoPage {font-weight: bold; color: white; position: absolute; bottom: 0px; right: 230px;  margin: 0px; padding: 3px 18px 30px 0px; text-align: right; }
#body li{margin: 0px 0px 0px 20px}
#photos {margin-top: 1px}