html, body {
padding:0;
margin:0;
height:100%;
}
body {
font-family:sans-serif;
font-size:12px;
background-color:#ffffff;
}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4, h5, h6 {font-size:11px;}
a, a:link, a:visited, a:active {
text-decoration:none;
color:#bb0000;
}
a:hover {
text-decoration:underline;
}
a img {border:none;}
a.lineitem {display:block;margin-bottom:12px}
p { max-width:50em;}
em, p em {font-family:sans-serif;font-style:italic}
.displaynone {display:none}
.clearboth {clear:both;}
.textcenter {text-align:center;}
.textjust {text-align:justify;}
.textright {text-align:right;}
.fontred {color:#bb0000;}
.fontwhite { color:#ffffff;}
.fontital {font-style:italic;} /* don't really need, use <i></i> */
.fontbold {font-weight:bold;} /* don't really need, use <b></b> */
.fontgw {
color:rgb(200,0,0);
font-family:"Times-New-Roman", serif;
font-style:italic;
font-size:120%;
}
.font14px {font-size:14px}
.posabs {position:absolute}
.fadein {display:none}
.fadeout {/* leave blank */}
.fullwide {width:100%}
div#pagewrapper {
position:absolute;
top:0;
left:185px;
width:900px;
height:815px;
z-index:10;
display:none; /* jquery fadeIn() */
}
#pagewrapper {position:absolute;bottom:-3em;}
div#background {
position:fixed;
top:0px;
left:0px;
min-height:100%;
min-width:100%;
overflow:hidden;
display:none; /* jquery fadeIn() */
}
#background img {
z-index:-10;
position:fixed;
top:0px;
left:0px;
min-height:100%;
min-width:100%;
opacity:0.20;
filter:alpha(opacity=20);
}
/* navbar */
div#navbar {
position:absolute;
top:0px;
left:0px;
width:166px;
z-index:10;
}
div#navbarbg {
position:absolute;
top:0px;
left:0px;
width:166px;
height:100%;
min-height:820px;
background-color:#000000;
opacity:0.3;
filter:alpha(opacity=30);
z-index:9;
}
div#navbartext {
position:absolute;
top:170px;
left:0;
}
#navbar ul {
list-style:none;
padding-left:10px;
font-weight:bold;
color:white;
line-height:180%;
}
#navbar ul li ul {
padding-left:20px;
padding-top:0;
line-height:150%;
}
#navbar p {margin:0;padding:0;}
#navbar a, #navbar a:link, #navbar a:visited {color:white;}
#navbar a:hover {color:#bb0000;}
img#navbarlogo {
position:absolute;
top:0;
left:0;
display:block;
padding:0;
margin:0;
}
img#navbarlogowedge {
position:absolute;
left:158px;
opacity:0.30;
filter:alpha(opacity=30);
}
/* pageheader */
div#pageheader {
position:absolute;
top:0;
left:0;
height:155px;
width:100%;
margin:0;
margin-top:5px;
padding:0;
white-space:nowrap;
overflow:hidden;
border-bottom-style:groove;
border-color:silver;
}
#pageheader div, #pageheader img {
display:inline-block;
padding:0;
width:70px;
text-align:left;
vertical-align:top;
}

#pageheader div {margin-top:40px;}
#pageheader img {border:1px solid transparent;height:70px;margin:0;}
#pageheader img:hover {border:1px solid #bb0000;}
#pageheader a, #pageheader a:visited {font-weight:bold;color:#bb0000;visibility:hidden}
#pageheader a img, #pageheader a:visited img {visibility:visible;}
#pageheader a:hover {visibility:visible;}
div#headerpicked a {color:#cc0000;}
#headerpicked img {border:1px solid #bb0000;}
#headerpicked a, #headerpicked a:visited {visibility:visible;}
#pageheader:hover #headerpicked a {visibility:hidden;}
#pageheader:hover #headerpicked a img {visibility:visible;}
#pageheader:hover #headerpicked a:hover {visibility:visible;}

div#pagefocus {
position:absolute;
top:167px;
left:0;
width:100%;
height:650px;
border-bottom-style:groove;
border-color:silver;
}
#pagefocus h2:first-child, #pagefocus h3:first-child {margin-top:0}
#focusleft {position:absolute;left:0;top:60px;width:260px;height:100%;
margin:0;padding:0;white-space:normal;overflow:hidden;}
#focusleft.intro {top:0;height:99%}
#focusleft p:first-child {margin-top:0}
#projecttext h3 {padding:0;margin:0;}
#projecttext ul {padding-left:16px}
.projtextflip {color:#bb0000;}
.projtextflip:hover {text-decoration:underline;cursor:pointer;}
.foclpic {position:absolute;right:10px;top:10px;}
div#focusright {
/* projectgallery need renamed to focusright */
position:absolute;
top:0;
left:260px;
width:630px;
height:100%;
padding-left:10px;
}
#projectgallery p {margin-top:5px}
div#imagepicker {
position:absolute;
top:0;
width:630px;
height:40px;
}
#imagepicker img {
width:40px;
height:40px;
margin-right:auto;
margin-left:auto;
}
div#pickedimage {
position:absolute;
top:60px;
left:10px;
width:630px;
height:595px;
}
#pickedimage img {
position:absolute;
left:0px;
/*top:25px;*/
max-width:630px;
max-height:570px;
}
#pickedimage p {
position:absolute;
top:5px;
left:0px;
margin:0;
padding:0;
}