body, img, div, h1, h2
{
margin:0;
padding:0;
font:12px tahoma,verdana,arial;
}

ul
{
list-style:none;
padding-left:15px;
}

li
{
padding:2px;
}

a
{
color:white;
text-decoration:underline;
}

a.toc
{
color:white;
text-decoration:none;
}

a.toc:hover
{
color:yellow;
text-decoration:none;
}

img.thumbnail
{
width:150px;
border:1px solid gray;
overflow:hidden;
}

img.gallery
{
width:75px; 
border:1px solid gray; 
overflow:hidden;
}

img.galleryportrait
{
height:75px;
border:1px solid gray;
overflow:hidden;
}

a#hover
{
text-decoration:underline;
}

a.thumbnail
{
float:right;
overflow:hidden;
}

a.thumbnail right
{
float:right;
}

a.thumbnail left
{
float:left;
}


.container
{
clear:both;
overflow:hidden;
width:800px;
margin:auto;
margin-top:10px;
border:1px solid black;
background-color:rgb(142,210,254); 
color:white;
background-image:url(../images/bg.png);
background-repeat:no-repeat;
background-position:bottom left;
}

.footer
{
clear:both;
width:800px;
margin:auto;
border-top:2px solid rgb(180,215,237);
background-color:rgb(220,220,220);
color:black;
padding:5px;
}

h1.title
{
text-align:center;
font-size:175%;
font-weight:bold;
}

h2.subtitle
{
text-align:left;
font-size:150%;
padding-left:5px;
font-weight:bold;
}

.leftColumn
{
float:left;
width:180px;
}

.leftPhotos
{
width:150px;
margin:auto;
margin-top:10px;
}

.tocPanel
{
border:1px solid rgb(120,40,70);
background-color:rgb(170,90,110);
font-size:105%;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
line-height:150%;
}

.rightColumn
{
width:595px;
float:right;
margin-left:10px;
padding-top:10px;
padding-right:10px;
}

.rightPanel
{
border:1px solid rgb(42,110,150);
background-color:rgb(82,150,190);
margin-bottom:10px;
padding:10px;
overflow:hidden;
}

table
{
color:white;
width:100%;
font-size:100%;
border:1px solid white;
}

tr
{
border:1px solid white;
padding-bottom:2px;
}

td
{
border:1px solid white;
padding:2px;
}