body, html {
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:serif;
}

a {
    text-decoration:none;
    outline:none;
}

#logo {
    position:absolute;
    top:0px;
    left:50px;
    width:220px;
    height:130px;
    z-index:2;
    background:transparent url( '/static/images/logo.png' );
}

.main {
    position:relative;
    width: 700px;
    margin:0px auto;
}

#illustration {
    position:absolute;
    top:0px;
    left:25px;
    width:250px;
    height:150px;
    background:transparent url( '/static/images/uploaded/main.png' ) no-repeat bottom right;
    z-index:1;
}

div#nav.nav {
    z-index:3;
    font-size:14px;
}

ul.nav, ol.nav, dl.nav, .nav li {
    margin:0px;
    list-style-type:none;
    display:block;
    width:auto;
    white-space:nowrap
}

.nav li {
    margin-top:2px;
    margin-bottom:2px;
}

span.rarr {
    font-size:12px;
    line-height:0em;
    font-family:serif;
}

ul.nav.level1, ul.nav.level2, ul.nav.level3 {
    position:absolute;
}

ul.nav.level1 {
    margin:40px 0px 0px 10px;
    top:0px;
    left:270px;
    font-family:serif;
    font-style:italic;
    font-weight:bold;
    z-index:6;
}

ul.nav ul {
    background:#fff;
    -moz-opacity:0;
    -webkit-opacity:0;
    filter:alpha( opacity=0 );
}

ul.nav.level1 li a, ul.nav.level1 li a:link, ul.nav.level1 li a:active, ul.nav.level1 li a:visited {
    background:none;
    color:#000;
    padding:0px 3px;
    
}

ul.nav.level1 li a:hover, ul.nav.level1 li a.active, ul.nav.level1 li a.open {
    color:#fff;
    background:#B70A1A;
}

ul.nav.level2 {
    top:0px;
    left:100px;
    display:none;
    font-weight:normal;
    font-style:italic;
    z-index:5;

}

ul.nav.level2 li a, ul.nav.level2 li a:link, ul.nav.level2 li a:active, ul.nav.level2 li a:visited { 
    background:none;
    color:#000;
    
}

ul.nav.level2 li a:hover, ul.nav.level2 li a.active, ul.nav.level2 li a.open {
    color:#fff;
    background:#B70A1A;
}

ul.nav.level2 li a.active, ul.nav.level2 li a.open {
    color:#B70A1A;
    background:#fff;
}

ul.nav.level3 {
    top:0px;
    left:120px;
    z-index:4;
    display:none;
}

ul.nav.level3 li a, ul.nav.level3 li a:link, ul.nav.level3 li a:active, ul.nav.level3 li a:visited { 
    background:none;
}

ul.nav.level3 li a:hover, ul.nav.level3 li a.active {
    color:#B70A1A;
    background:#fff;
}

ul.nav.level3 li a.active {
    color:#B70A1A;
    background:#fff;
}

ul.nav li a.label.selected {
    background-color:#B70A1A;
    color:#fff;
}


.main > .hd {
    height:150px;
    position:relative;
}

.main > .bd {
    position:relative;
    left:0px;
    top:0px;
    height:353px;
    width:700px;
    background:transparent url( '../images/shadow_top.png' ) repeat-x top left;
    margin-top:-4px;
    padding-top:4px;
    z-index:4;
    font-family:sans-serif, verdana, arial, helvetica;
}

.main > .ft {
    background:transparent url( '../images/shadow_bottom.png' ) repeat-x top left;
    position:relative;
    float:left;
    text-align:center;
    font-family:sans-serif, verdana, arial, helvetica;
    font-size:0.9em;
    width:700px;
    margin-top:-3px;
    z-index:5;
}

.main > .ft ul li {
    list-style-type:none;
    display:inline;
    width:auto;
    margin:0.25em 2em 0px 0px;
    color:#000;
    font-size:1.1em;
}

.main > .ft ul li.last {
    border:none;
}

.main > .ft ul {
    position:relative;
    overflow:hidden;
}

.main > .ft ul li {
    border-right:1px solid #000;
    padding:0px 10px;
    margin:1em -1px;
}
.main > .ft a, .main > .ft a:link, .main > .ft a:active, .main > .ft a:visited {
    color:#000;
}

.main > .ft a:hover, .main > .ft a.active {
    color:#aaa;
}

.main .bd #image {
    background-color:#ddf;
    position:absolute;
    left:0px;
    top:0px;
    width:250px;
    height:350px;
    margin-top:4px;
}

.main .bd .content {
    margin:34px 10px 20px 20px;
    position:absolute;
    top:0px;
    left:250px;
    width:420px;
    height:300px;
    overflow:auto;
}

.content .hd h1 {
    margin-top: 0px;
}

.content .bd {
    padding-right: 20px;
}

.content .entry > .ft {
    border-bottom:2px dashed #aaa;
    padding-bottom:10px;
    margin-bottom:10px;
}

.content a:link, .content a:hover, .content a:active, .content a:visited {
    color:#B70A1A;
}

.content .ft a, .content .ft a:link, .content .ft a:active, .content .ft a:visited {
    padding:2px 5px;
    background-color:#B70A1A;
    color:#fff;
    font-weight:normal;
    margin:0px 2px;
}

.content .ft a:hover {
    padding:2px 5px;
    background-color:#B70A1A;
    border:1px solid black;
    color:#fff;
    margin:0px 1px;
}

.entry > .hd h2, .entry > .hd h3 {
    margin-top:0px;
    margin-bottom:0px;
}

form .row {
    width:100%;
    overflow:auto;
    margin-bottom:10px;
}

form .label {
    float:left;
    width:70px;
    text-align:right;
}

form .field {
    margin-left:80px;
}

form .field input, form .field textarea {
    border:1px solid #000;
    width:310px;
}

form .field textarea {
    height:150px;
}

form .formbuttons {
    margin-left:70px;
    text-align:center;
}

#indextext, #indexlink {
    font-family:serif;
    width:auto;
    position:absolute;
    z-index:3;
    font-weight:bold;
    line-height:1em;
}

#indextext {
    font-size:20px;
    color:#fff;
    padding:5px;
    background-color:#B70A1A;
    white-space:nowrap;
}

#indexlink {
    color:#fff;
}

#indexlink a:link, #indexlink a:active, #indexlink a:visited {
    color:#fff;
}

#indexlink a:hover {
    color:#B70A1A;
}

#rightshadow {
    position:absolute;
    right:-4px;
    height:350px;
    margin-top:-353px;
    width:4px;
    background:transparent url( '/static/images/shadow_right.png' ) repeat-y top left;
}

#leftshadow {
    position:absolute;
    left:-4px;
    height:350px;
    margin-top:-353px;
    width:4px;
    background:transparent url( '/static/images/shadow_left.png' ) repeat-y top left;
}

#topleftcornershadow {
    height:4px;
    margin-top:-4px;
    width:4px;
    background:transparent url( '/static/images/shadow_corner.png' ) repeat-y top left;
}

#bottomleftcornershadow {
    height:4px;
    width:4px;
    margin-top:350px;
    background:transparent url( '/static/images/shadow_corner.png' ) repeat-y bottom left;
}
#toprightcornershadow {
    height:4px;
    margin-top:-4px;
    width:4px;
    background:transparent url( '/static/images/shadow_corner.png' ) repeat-y top right;
}

#bottomrightcornershadow {
    height:4px;
    width:4px;
    margin-top:350px;
    background:transparent url( '/static/images/shadow_corner.png' ) repeat-y bottom right;
}

#galleryWindow {
    position:absolute;
    background-color:#fff;
    display:none;
    width:100%;
    height:100%;
    z-index:999;
}

#galleryPrevCol, #galleryNextCol {
    width:149px;
    height:100%;
    cursor:pointer;
}

#galleryNextCol {
    float:right;
    background:transparent url( '/static/images/arrowright.png' ) no-repeat center center;
}

#galleryPrevCol {
    float:left;
    background:transparent url( '/static/images/arrowleft.png' ) no-repeat center center;
}

#galleryImageCol {
    float:left;
    position:relative;
    width:400px;
}

#galleryImage {
    position:absolute;
    display:block;
    left:50%;
    margin-left:-200px;
    margin-top:54px;
}

#galleryCloseLink {
    position:absolute;
    display:block;
    right:0px;
    width:100px;
    text-align:center;
    bottom:1em;
    color:#000;
}

.message {
    color:#aad;
    margin:20px auto;
    text-align:center;
}