body {
	background-image: url(images/dot.gif);
	background-repeat: repeat;
	background-color: d1ccbe;
}

body {
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 color: #333333;
 font-size: 8pt;
}

a:link {
color: 47412f;
}

a:visited {
color: 47412f;
}

a:hover {
color: b15c01;
}

a:active {
color: b15c01;
}

div.main {
	position: relative;
	top: 0px;
	left: 0px;
	width: 450px;
	height: 300px;
	display: block;
	overflow: auto;
	color: rgb(0, 0, 0);
	text-align: left;
}

div.frame {
/* background-color: #ff00ff;*/
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 /* width: 800px; */
 width: 650px;
}

div.page {
 border-right: solid 1px #c4c7cc;
 padding: 4px; width: 500px;
 display: block;
 float: left;
 height: 252px;
}

div.topborder {margin-top: 15px;}
img.topborder {display: block;}

img.bottomborder {display: block;}

div.pageborder {
 height: 260px; 
 text-align: left; 
 padding: 0px; 
 border-left: solid 1px #c4c7cc; 
 border-right: solid 1px #c4c7cc;
}

div.sidepanel {
 float: left; 
 display: block; 
 padding: 4px; 
 height: 243px; 
 width: 123px; 
 font-size: 8pt;
}

/* -- Header -- */
div.header {height: 180px;}
div.logo {
 margin-right: 7px;
 margin-bottom: 9px;
 float: left;
}
img.logo {display: block; padding: 0px; margin: 0px;}
img.banner {display: block; padding: 0px; margin: 0px;}
div.photo {float: left;}
img.photo {display: block;}


/* -- Footer -- */
div.footer {
 font-size: 8pt;
 background-color: #dfe0e4; 
 height: 70px; 
 margin-top: 7px;
}
img.footer {display: block;}
a.footer {color: #999999;}

div.footerbox {
 color: #999999;
 padding: 16px;
 padding-top: 8px;
}

div.footerleft {text-align: left; float: left;}
div.footerright {text-align: right; float: right;}

/* -- Sidepanel -- */
a.sidepanel {color: #999999;}
a.sidepanel:hover {color: #666666; text-decoration: none;}