BODY
{
	font-family: Trebuchet Ms, Tahoma, verdana, arial;
	height:100%;
	color: #999999;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-size:60%;

}



body.title {
	padding-TOP: 10%; WIDTH: 100%; HEIGHT: 40%; TEXT-ALIGN: center
}


div.title {width:300px; padding-left:25px;}

hr { height: 1px; width:150px; margin: 0 0 3px 0; color:#cfcfcf;}

h1 {font-size:140%; font-weight:normal; color:#999999;}

h2 {font-size:90%; font-weight:bold; color:#336699; margin: 30px 0 10px 0;}

img {border:0;}

a {color:#336699}

table { border-collapse: collapse;}
td, tr {padding:0; margin:0;}


table.default { width:100%;}
td.default {height:90%; width:30%; vertical-align:top; font-size:70%; }
td.content {height:90%; width:70%; vertical-align:top;}
td.footer {height:10%;font-size:60%; padding: 20px 0 20px 0; color:#bfbfbf; text-align:left;}
.footer a, .footer a:hover {color:#999999;}


td.description {width:220px; vertical-align:bottom;padding: 0 20px 0 20px; font-size:70%;} 
.description h1 {font-size:100%; font-weight:bold; color:#000000;}
td.imagenumber {height: 50px; vertical-align:top;padding: 0 20px 0 20px; }
td.image {vertical-align:top; font-size:80%; color:#000000; }


div.menu {float:left;  padding: 20px 10px 40px 25px; background-image: url('i/point.gif'); background-repeat:no-repeat; background-position: top left;}

.menu p { margin: 0 0 7px 0;}

div.submenu {float:left; width:165px; padding: 20px 20px 0 20px; background-image: url('i/point.gif'); background-repeat:no-repeat; background-position: top left;}


div.preview {margin:4px; background-image:url('i/empty.gif'); float:left; height:30px; width:30px;}

div.image {float:left;  padding:8px; border: 1px solid #bfbfbf;}

table.imagecontainer { padding: 0 40px 0 20px;}

div.textcontainer {color:#333333; font-size: 80%;}



div.navigate { width:100%; padding:15px 0 15px 0;}