body {
    font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
    font-size: 9pt;
    margin: 10px;
}

body a:visited {
    color: #666666;
}

div.page {
    /* width: 90%; */
    /* width: 740px; */
    width: 1000px;
}

div.banner {
    text-align: left;
}

#banner-left {
    float: left;
}

#banner-right {
    float: right;
}

div.banner ul {
    list-style: none;
    position: relative;
    top: 43px;
    margin: 0;
}

div.banner ul li {
    font-size: 11pt;
    float: right;
}

div.banner ul li a {
    float: left;
    color: #000000;
    line-height: 15px;
    padding: 10px;
    background-color: #FFFFFF;
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
    /*border-right: solid 2px #CC3333;*/

    opacity: .3;
    filter: alpha(opacity=30);
    -moz-opacity: .3;    
}
div.banner ul li a#first {
    /*border-left: solid 2px #CC3333;*/
}    

div.banner ul li a:hover {
    /*
    border-right: inset 2px #FF9999;
    border-left: inset 2px #FF9999;
    */
        
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;    
}

div.banner ul li.active a {
     opacity: .4;
     filter: alpha(opacity=40);
     -moz-opacity: .4;
}            

h1 {
    margin: 0px;
    text-align: left; 
    color: #000000; 
    font-weight: bold; 
    font-size: 24pt;
    line-height: 80px;
}

h2 {
    font-size: 16pt;
    border-bottom: solid 2px;
    margin: 15px 0px 2px 0px;
}

h3 {
    font-family: Georgia, Times New Roman;
    font-size: 14pt;
    margin: 10px 0px 2px 0px;
}

h4 {
    font-family: Lucida Sans, Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    margin: 0px;
}

h5 {
    font-size: 10pt;
    margin: 0px;
}

th {
    font-size: 9pt;
    text-align: right;
}

td {
    font-size: 9pt;
}

.content {
    padding: 10px;
    background-color: #EEEEEE; 
    border-right: solid 3px #666666; 
    border-left: solid 3px #666666; 
    background-image: URL('images/page-back.gif');
    background-repeat: repeat-x;
}

div.code {
    white-space: pre;
    margin: 10px 50px 10px 20px;
    border: dashed 1px #666666;
    background-color: #CCCCCC;
    font-family: courier new, courier;
}

ul.portfolio {
    list-style: none;
}

ul.portfolio li {
    font-family: Georgia, Times;
    font-weight: bold;
    font-size: 14pt;
    margin-top: 8px;
    margin-bottom: 2px;    
}

ul.portfolio li div {
    border-bottom: solid 1px;
}

ul.photos {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.photos li {
    padding: 10px;
    margin: 10px;
    background-color: #FFFFFF;
    border-right: solid 2px #999999;
    border-bottom: solid 2px #999999;
    float: left;
    width: 100px;
    height: 120px;
    text-align: center;
}

ul.photos li img {
    vertical-align: center;
}

dl {
    font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
}

dt {
    font-weight: bold;
    font-size: 10pt;
    margin-top: 8px;
    margin-bottom: 2px;
}

dd {
    font-weight: normal;
    font-style: italc;
    font-size: 10pt;
    margin-bottom: 8px;
    height: 60px;
}

div.paging {
    clear: left;
    text-align: center;
}

div.paging a {
    border: solid 1px #999999;
    padding: 3px;
    margin: 0px 3px 0px 3px;
}

div.paging span {
    border: solid 1px #999999;
    padding: 3px;
    margin: 0px 3px 0px 3px;
    font-weight: bold;
}

dl.news dt {
    font-family: Georgia, Serif;
    font-weight: normal;
}

dl.news dd {
    margin: 0em 0em 1em 0em;
    padding: 0;
    height: auto;
}

.myfooter {
    color: #666666;
    background-color: #CCCCCC;
    padding: 2px;
    border-right: solid 3px #666666; 
    border-left: solid 3px #666666; 
    border-bottom: solid 3px #666666; 
}

div.updated {
    color: #999999;
    font-style: italic;
}

#blackout {
    background-color: #000000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    display: none;
}

#viewer {
    height: 500px;
    width: 700px;
    background-color: #FFFFFF;
    border-right: solid 2px #000000;
    border-bottom: solid 2px #000000;
    position: absolute;
    top: 20%;
    left: 25%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;            
    display: none;
    z-index: 10;
}