@charset "utf-8";
/* CSS Document */

/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* Generic */
address,blockquote,body,caption,cite,code,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,strong,td,th,ul { font: 98%/150% Georgia, serif; }
body { background-color: #f9f3e8; margin: 0; }
div { margin: 0; padding: 0; }

/* Specific */
div.page { width: 480px; margin: 0; }

div.header { width: 480px; height: auto; overflow: visible; margin: 0; background: url(../images/header.gif) no-repeat #f4cc7a; }
div.header h1 { display: none; }
div.header p { display: block; height: 60px; padding: 90px 0 0 0; margin: 0px 10px 0px 30px; font: italic 13px/150% Georgia, serif; color: #34170A;}
div.header ul { width: auto; height: auto; overflow: visible; padding: 10px 0 20px 0; margin: 10px 0 0px 0; background: #f7e3b9; }
div.header ul li { display: block; list-style: none; }
div.header ul li a { float: none; overflow: visible; padding: 0 0 0 16px; margin: 0 0 0 20px; }
div.header ul li a#overview { background: url(../images/bullet_off.gif) no-repeat;}
div.header ul li a#overview:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#overview:active { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#overview.selected { color: #000; font-style: italic; background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#overview.selected:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#project { background: url(../images/bullet_off.gif) no-repeat;}
div.header ul li a#project:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#project:active { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#project.selected { color: #000; font-style: italic; background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#project.selected:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#maps { background: url(../images/bullet_off.gif) no-repeat;}
div.header ul li a#maps:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#maps:active { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#maps.selected { color: #000; font-style: italic; background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#maps.selected:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#team { background: url(../images/bullet_off.gif) no-repeat;}
div.header ul li a#team:hover { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#team:active { background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#team.selected { color: #000; font-style: italic; background: url(../images/bullet_on.gif) no-repeat;}
div.header ul li a#team.selected:hover { background: url(../images/bullet_on.gif) no-repeat;}

div.content { width: 480px; background: #f9f7f4; }
div.content div.html { padding: 10px 10px 30px 30px; }
div.footer { width: 480px; margin: 0; background: #f9f3e8; }
div.footer div.html { padding: 10px 0 20px 0; }
div.footer div.html p { font: 10px/15px Verdana; color: #999;}