/* CSS Document */

/* text elements */

body{
padding: 20px;
background: #E8D8B9;
background-image:url(images/background_white.gif); 
background-repeat:repeat;
color: #222;
text-align: center;
font: 85% "Trebuchet MS",Arial,sans-serif; 
}

h1,h2,p{
margin: 0;
padding: 0 10px;
font-weight:normal
}

p{
padding: 0 10px 15px
}

h1{
font-size: 250%;
color: #FFF;
letter-spacing: 1px
}

h2{
font-size: 200%;
line-height:1;
color:#002455 
}

.bigred{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#999999;
line-height:18px;
}

.bigbeige{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#D5BF95;
line-height:18px;
}

.midred{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#999999;
line-height:16px;
}

.midbeige{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#D5BF95;
line-height:1px;
text-transform:uppercase;
}

.midwhite{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:1px;
text-transform:uppercase;
}

.smallbeige{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#D5BF95;
line-height:10px;
text-align:left;
}

.midred{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#999999;
line-height:16px;
}

.paintingstatus{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#999999;
line-height:16px;
text-align:right;
}

.paintinginfo{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#999999;
line-height:16px;
text-align:left;
}


/*link elements */

a {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:1px;
text-transform:uppercase;
text-decoration:none
}

a.paintingstatus{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#999999;
line-height:16px;
text-align:right;
}


/*layout elements */

div#container{
width:890px !important; 
height: 715px;
margin: 0 auto;
padding:15px;
text-align:center;
background-image:url(images/paper_back.jpg);
background-position:top;
background-repeat:no-repeat;
overflow:visible;
}

div#index{
float:center;
width:631px;
padding:0;
height: 400px; 
overflow:visible;
margin-top:auto;
margin-bottom:auto;
vertical-align:middle;
}

div#nav{
float:left;
vertical-align:top;
width:217px;
padding:0;
margin-left:15px;
background-image:url(images/leftnav.jpg);
background-position:top;
background-repeat:no-repeat;
height: 675px; 
overflow:hidden;
}

div#innernav{
width:165px; 
margin: 20px;
padding:5px;
text-align:left;
background:#fff;
}

div#content{
float:right;
width:631px;
padding:10px 0;
margin-right:15px;
height: 625px; 
overflow:visible;
}

table.painting{
width:475px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
border:0; 
float:center;
padding:0; 
}

table.thumbnails{
 width:164px;
 margin-left:auto;
 margin-right:auto;
 padding:1px;
 }
 
 td.thumbnails{
 border-bottom:1px;
 border-bottom-color:#D5BF97; 
 border-bottom-style:solid;
 vertical-align:bottom;
 }
 
 td.years{
 border-bottom:1px;
 border-left:1px;
 border-bottom-color:#D5BF97; 
 border-left-color:#D5BF97;
 border-bottom-style:solid;
 border-left-style:solid;
 }