/******* three column layout with header and footer *******/

html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-family: verdana,sans-serif; background: #f8f8f8; font-size: 0.8em;}

h1 {font-size: 2.2em; border-bottom: 0px solid #fff; background: #0060F8; margin: 0; color: white; padding: 3px 0 3px 0em;}

p {padding: 10px; margin: 0;} /*** vertical margin causes problems ***/
h2 {padding: 10px; margin: 0;} /*** vertical margin causes problems ***/
imagedesc {font-size: 0.4em;}

.imagedesc { font-size: 0.8em; text-align: center; margin: 2em;};

/******* screenbox *******/
.screenbox { text-align: center;} /* IE 5 fix */

/******* headerbox *******/
.headerbox 
{
	color: White;
}

/******* bigbox *******/
.bigbox {
	margin: 0 auto; 
	text-align: left; 
	width: 875px; 
	border: 1px solid black; 
	border-width: 1 1px;
	background: #90C0FF;
}
.bigbox {font-size: 1em; font-family: verdana,sans-serif;}
* html .bigbox {width: 877px; w\idth: 875px;} /* IE5 fix */

/******* footerbox *******/
.footerbox 
{
	color: White;
	clear: both;
	margin: 4px; 
	padding: 0px 0 0px 0em; 
	border: 0px solid black; 
	border-width: 0px 0; 
    font-size: 0.7em; 
	background: #0060F8;
}
.footerbox a {color: white; text-decoration: none;}
.footerbox a:hover {color: white; text-decoration: underline;}

/******* other boxes *******/
.wrapperbox {float: left; width: 695px;}
.middlebox  {float: right; width: 515px; font-size: 0.9em; background: #ffffff;}
.leftbox    {float: left; width: 180px;  font-size: 0.75em; background: #90C0FF;}
.rightbox   {float: right; width: 180px; background: #90C0FF;}

.middlebox  a {color: #0000E0; text-decoration: none;}
.middlebox  a:hover {text-decoration: underline;}
.middlebox  h2 {font-size: 1.4em; padding: 10px; margin: 0;}
.middlebox  h3 {font-size: 1.0em; padding: 10px; margin: 0;}

.leftbox    a {text-decoration: none;}
.leftbox    a:hover {color: #0060F8; text-decoration: none;}

/*** end ***/