body
{
background-image:url('pattern.jpg');
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size:10px;
color:#333333;
padding:0px;
margin:0px;
}

div#page
{
position:relative;
margin: 50px auto 0 auto;
padding-bottom:10px;
width:760px;
clear:left;
z-index:1;
}


div#dynpage
{
position:relative;
margin: 50px auto 0 auto;
padding-bottom:10px;
width:760px;
z-index:1;
}

div.layout
{
position:absolute;
padding:0px;
margin:0px;
border-style:solid;
border-width:2px;
border-color:#ffffff;
}

div.dynlayout
{
position:absolute;
padding:0px;
margin:0px;
}

div#head
{
left:0px;
top:0px;
width:501px;
height:113px;
background-color:#ffffff;
}
div#logo
{
left:507px;
top:0px;
height:113px;
}
div#nav
{
left:0px;
top:119px;
width:756px;
height:23px;
background-color:#ffffff;
border-top-width:0px;
}

a.nav
{
display:inline;
width:100px;
height:16px;
float:left;
color:#333333;
background-color:#ffffff;
padding-top:5px;
margin-left:5px;
vertical-align:middle;
border-style:solid;
border-color:#ffffff;
border-width:0px;
border-top-width:2px;
text-align:center;
}
a.nav:hover
{
background-color:#c7e14f;
text-decoration:none;
}

a.nav#active
{
background-color:#c7e14f;
}

a.subnav
{
display:block;
width:100px;
height:16px;
color:#333333;
background-color:#f1f1f1;
padding-top:5px;
vertical-align:middle;
text-align:center;
margin:0px;
}
a.subnav:hover
{
background-color:#c7e14f;
text-decoration:none;
}


div.edge
{
padding:0px;
margin:0px;
position:absolute;
top:0px;
width:11px;
height:7px;
background-image:url('imgmisc/edge.gif');
overflow:hidden;
}

div#content
{
left:0px;
top:146px;
width:706px;
height:365px;
background-color:#ffffff;
padding:25px;
padding-top:10px;
}

div#container
{
top:146px;
}

div#dyncontent
{
position:relative;
display:block;
width:691px;
background-color:#ffffff;
padding:25px;
padding-top:10px;
padding-left:40px;
float:left;
}

div#shade
{
position:absolute;
bottom:0px;
left:0px;
width:127px;
height:113px;
background-image:url('imgmisc/shade.jpg');
z-index:0;
}

div#foot
{
left:0px;
top:552px;
width:742px;
height:13px;
background-color:#c7e14f;
text-align:right;
font-size:9px;
padding:4px;
padding-right:10px;
}


div#dynfoot
{
position:relative;
left:0px;
width:742px;
height:13px;
background-color:#c7e14f;
text-align:right;
font-size:9px;
margin-top:2px;
margin-bottom:10px;
padding:4px;
padding-right:10px;
float:left;
}

a.foot
{
color:#333333;
}
a.foot:hover
{
text-decoration:underline;
}

div#left
{
position:absolute;
top:13px;
left:40px;
width:250px;
}

div#left2
{
position:absolute;
top:23px;
left:40px;
width:360px;
}

div#right
{
position:absolute;
top:13px;
left:310px;
width:420px;
}

div#right2
{
position:absolute;
top:40px;
left:420px;
width:310px;
}

div#full
{
position:absolute;
top:13px;
left:40px;
width:690px;
}

div#footline
{
position:absolute;
top:370px;
left:40px;
width:690px;
color:#999999;
}

div#footline2
{
position:absolute;
top:585px;
left:40px;
width:690px;
color:#999999;
}

div#vcenter
{
bottom:50%;
left:50%;
position: absolute;
height: 424px;
width: 640px;
margin-top: -212px;
margin-left: -320px;
top: 50%;
left: 50%;
z-index: 1;
}

div#infolayer {
	position: absolute;
	left: 9px;
	top: 120px;
	width: 740px;
	height: 370px;
	background: url(imgmisc/infolayer.gif) no-repeat left top;
	display: none;
}
div#infolayer div.infobox {
	position: relative;
	top: 30px;
	left: 35px;
	width: 200px;
	float: left;
}
div#infolayer div.infobox.mid { left: 65px; }
div#infolayer div.infobox.rig { left: 95px; }
div#infolayer div.infobox h2 {
	font: 14px/18px Georgia,Verdana,Arial,sans-serif;
	padding: 3px;
	margin: 0 0 1em 0;
	background: url(imgmisc/dotted.gif) repeat-x left bottom;
	display: block;
}
div#infolayer div.infobox h2 img {
	border-width: 0;
	vertical-align: middle;
	margin-right: 3px;
}
div#infolayer div.infobox p {
	margin: 0;
	padding: 0 0 1em 0;
}
div#infolayer div.infodots {
	position: relative;
	top: 30px;
	float: none;
	clear: both;
	height: 30px;
	margin: 0 40px 0 35px;
	background: url(imgmisc/dotted.gif) repeat-x left center;
}
div#infolayer div.infobutton {
	position: relative;
	top: 30px;
	left: 298px;
	height: 30px;
	width: 145px;
	background-color: #C7E14F;
	cursor: pointer;
	font: 14px/30px Georgia,Verdana,Arial,sans-serif;
	text-align: center;
}
div.hspace {
	float: left;
	width: 76px;
}