body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	background-color: #99cccc;
	text-align: center;
}
div.header {
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
}
div.navbar {
	text-align: right;
	border-top: solid 1px #003399;
	border-bottom: solid 1px #003399;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	height: auto;
	background-color: #ffffcc;
}
div.body {background-color: #FFFFFF; padding: 10px;}

div.readers {
	background: #FFFFCC;
	padding: 10px;
	margin-top: 10px;
	border: solid 1px #99cccc;
	margin-bottom: 10px;
}
div.footer {
	width: 100%;
	border-top: solid 1px #003399;
	font-size: 0.8em;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: solid 1px #003399;
	background-color: #FFFFCC;
	float: left;
}
h1 {font-weight: bold; font-size: 1.1em; color: #003399}
h2 {font-weight: bold; font-size: .9em; color: #003399}
h3 {font-weight: bold; font-size: 0.8em; color: #003399}

p {font-size: .8em;}
p.header {font-weight: normal; font-size: 1.3em; color: #003399; text-align: center}
P.footer {font-size: 0.8em;	padding-left: 4px; padding-right: 4px;}
P.leftmenu {font-size: 0.8em; padding-left: 2px; padding-right: 2px;}

.center {text-align: center}
ul {font-size: .8em;}
table.layout {border: 0px}
th.layout {border: 0px; font-size: .8em; font-weight: bold; text-align: center; background: #FFFF99; color: #003399}
td.layout {border: 0px; font-size: .8em;}

a.leftmenu { font-weight: bold; font-size: 1em; width: 25%;}
a {font-weight: bold;}
a:link {color: #000099}
a:visited {color: #660066}
a:hover {color: #CC0000 }
a:active {color: #CC0000 }
a.external {font-weight: bold; cursor: help; text-decoration: none; border-bottom: dashed 1px}
a:link.external {color: #000099}
a:visited.external {color: #660066}
a:hover.external {color: #CC0000}
a:active.external {color: #CC0000}
a.navbar {font-weight: bold; font-size: 0.8em;}
a:link.navbar {background: #FFFFCC; color:#000099; text-decoration: none; padding: 5px;}
a:visited.navbar {background: #FFFFCC;color: #000099; text-decoration: none; padding: 5px;}
a:hover.navbar {background: #FFFFFF; color: #CC0000; text-decoration: none; padding: 5px;}
a:active.navbar {background: #FFFFCC; color: #CC0000; text-decoration: none; padding: 5px;}

.rounded {width: 800px; background: #ffffff url(images/topleft.gif) no-repeat top left;}
.rounded div {background: transparent url(images/topright.gif) no-repeat top right;}
.mid {background: #FFFFCC url(images/midleft.gif) no-repeat; float: left;}
.mid2 {background: #FFFFCC url(images/midright.gif) no-repeat; float: right;}

img.left {float: left;}

div.window {
	width: 800px;
	text-align: left;
}

div.navbarleft {
	text-align: right;
	padding-bottom: 10%;
	background-color: #ffffcc;
	width: 100%;
	border-top: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding-top: 10px;
	float: left;
}
.box {
	border: 1px solid #99cccc;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 20px;
}
div.maintext {
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	border-left: solid #000000 0px;
}
div.leftcol {
	width: 20%;
	float: left;
	background-color: #FFFFFF;
	padding-top: 20px;
	border-right-style: none;
	padding-bottom: 20px;
}
div.middle {
	background-color: #FFFFFF;
	width: 70%;
	padding: 5px 15px;
	padding-top: 20px;
	float: left;
	margin-left: 1px;
	border-left: solid #000000 1px;
}

div.middle2 {
	background-color: #FFFFFF;
	width: 95%;
	padding: 5px 15px;
	padding-top: 20px;
	float: left;
}
div.left { float: left;}
div.right { float: right;}
div.logo {padding-top: 20px;}

div.navbarleftr {
	text-align: left;
	padding-bottom: 10%;
	background-color: #ffffcc;
	width: 100%;
	border-top: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding-top: 10px;
	float: left;
	padding-left: 5px;
	border-right: solid #000000 0px;
	padding-right: 5px;
}
