body{
padding:0;
margin:0;
font:76% verdana,tahoma,sans-serif;
background:#cccccc url(bodybg.gif) repeat;
color:#303030;
}

a{
text-decoration:none;
background-color:inherit;
font-weight:bold;
color:#286ea0;
}

a:hover{
background-color:inherit;
color:#303030;
}

h1{
margin:0;
font-size:3.6em;
letter-spacing:-2px;
text-align:right;
background-color:inherit;
color:#505050;
}

h2{
margin:5px 0 10px 0;
font-size:1.6em;
letter-spacing:-1px;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.3em;
}

img{
float:left;
margin:0 10px 8px 0;
}

#title{
margin:20px auto -9px auto;
width:700px;
}

#container{
margin:0 auto 15px auto;
width:900px;
padding:10px;
background:#ffffff url(front.png) bottom left no-repeat;
color:#303030;
border:20px solid #505050;
}

#sidebar{
float:right;
width:110px;
padding-right:10px;
}

#main{
width:570px;
float:left;
padding-left:180px; 
}

#footer{
clear:both;
}

.menu{
display:block;
width:100px;
padding:4px 2px 4px 10px;
font-size:1.1em;
font-weight:bold;
background-color:inherit;
color:#286ea0;
border:1px solid #ffffff;
}

.menu:hover{
background-color:#f8f8f8;
color:#286ea0;
border:1px solid #dadada;
}

.credits{
margin-bottom:0;
font-size:0.8em;
background-color:inherit;
color:#aaaaaa;
}

.credits a{
background-color:inherit;
color:#aaaaaa;
}

div#index {
	margin: 1ex 0 1ex 0;
	text-align: center;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 80px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}