/* CSS Document */

div#pageContainer {
	width:716px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_main_bottom.jpg);
	background-repeat:repeat-y;
	background-position:bottom;
}
div#pageLayout {
	min-height:575px;
	background-image:url(../images/bg_main_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
*html div#pageLayout {
	height:575px;
}
div#pageContent {
	padding:0 8px 0 8px;
	text-align:left;
}




div#topLinksContainer {
	width:660px;
	margin-left:auto;
	margin-right:auto;
	background-color:#8ea19f;
	background-image:url(../images/bg_toplinks.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
div#topLinks {
	float:right;
}
div#topLinks ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
div#topLinks ul li {
	float:left;
	padding:6px 10px 6px 10px;
	margin:0 0 0 3px;
	background-color:#8a9d9c;
	text-align:center;
}
div#topLinks a,
div#topLinks a:link,
div#topLinks a:visited,
div#topLinks a:hover,
div#topLinks a:active {
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}
div#topLinks ul li.active {
	background-image:url(../images/arrow_menu.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}




div#topContainer {
	margin:0 20px 0 20px;
	height:70px;
}
div#topLogo {
	position:relative;
	top:32px;
}




div#topMedia {
	margin:0 20px 2px 20px;
}





div#topNav {
	width:660px;
	margin-left:auto;
	margin-right:auto;
	background-color:#8ea19f;
	background-image:url(../images/bg_toplinks.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	margin-bottom:40px;
}
div#links {
	float:left;
	padding-left:10px;
}
div#links ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
div#links ul li {
	float:left;
	padding:6px 10px 6px 10px;
	margin:0 5px 0 0;
	background-color:#8a9d9c;
	text-align:center;
}
div#links a,
div#links a:link,
div#links a:visited,
div#links a:hover,
div#links a:active {
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}
div#links ul li.active {
	background-image:url(../images/arrow_menu.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}





div#subNav {
	margin-bottom:20px;
}
div#subNav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
div#subNav ul li {
	background-color:#8a9d9c;
	margin-bottom:2px;
}
div#subNav a,
div#subNav a:link,
div#subNav a:visited,
div#subNav a:hover,
div#subNav a:active {
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 10px 5px 10px;
	display:block;
}
div#subNav a:hover {
	background-color:#b5c1c1;
}
div#subNav ul li.active {
	background-image:url(../images/arrow_pufflink.gif);
	background-repeat:no-repeat;
	background-position:left;
}
div#subNav ul li.active a:hover {
	background-image:url(../images/arrow_pufflink.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#8a9d9c;
}




div#mainContent {
	padding:0 20px 30px 30px;
}
div#mainLeft {
	float:left;
	width:390px;
}
div#mainRight {
	float:right;
	width:230px;
}



div#footer {
	width:716px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_main_bottom.jpg);
	background-repeat:repeat-y;
	background-position:bottom;
}
div#footerContent {
	text-align:center;
	margin:0 28px 0 28px;
	padding:10px 0 10px 0;
	border-top:solid 1px #e0e0e0;
}
div#footerEnd {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:716px;
	height:10px;
	background-image:url(../images/footer_bottom.jpg);
	background-repeat:no-repeat;
}





div.rightPuff {
	margin-bottom:20px;
}




div.puff {
	margin-bottom:20px;
}
div.puffContent {
	padding:10px 15px 10px 15px;
	background-color:#d2d9d9;
	margin-bottom:2px;
}
div.puffContent h2 {
	font-size:1em;
	color:#333;
	font-weight:bold;
}
div.puffLink {
	width:230px;
	background-color:#8ea19f;
	background-image:url(../images/bg_toplinks.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
div.puffLink div.link {
	padding:6px 10px 6px 0;
	margin:0;
	background-color:#8a9d9c;
	float:left;
	text-align:center;
}
div.puff a,
div.puffLink a:link,
div.puffLink a:visited,
div.puffLink a:hover,
div.puffLink a:active {
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(../images/arrow_pufflink.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}