/* Global rules. */

html {
	margin-top: -3px;
	font-family: Verdana, Arial, sans-serif; }

div.breaker {
	clear: both;
	}

hr.splash {
	background-color: #999;
	color: #999;
	margin: 2px 0 2px 0;
	}


/* Top Menu Rules (search, sitemap, et al) */

#topmenu {
	background-color: #999;
	float: left;
	padding: 0 0 1px 0;
	width: 100%;
	}

#topmenu div {
	background-color: #fff;
	float: left;
	text-align: right;
	width: 770px;
	}

#topmenu a {
	background-color: #999;
	color: #fff;
	display: block;
	float: right;
	font-size: small;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	margin-left: -2px;
	margin-right: 1px;
	}

#topmenu a:hover {
	background-color: #666;
	}



/* Header Rules (logo and motto) */

#header {
	background-color: #ebebeb;
	clear: both;
	float: left;
	padding: 0 0 1px 0;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 100%;
	}

#header div {
	background-color: #fff;
	float: left;
	padding-right: 1px;
	text-align: right;
	width: 770px;
	}

#header img {
	display: block;
	float: left;
	}



/* Section Menu Rules (visitors, youth, members) */

#menus {
	background-color: #ebebeb;
	clear: both;
	float: left;
	margin-bottom: 2px;
	padding: 0 0 1px 0;
	width: 100%;
	}

#menus .innerContainer .innerBackground {
	background-color: #ebebeb;
	float: left;
	padding-right: 1px;
	text-align: left;
	width: 768px;
	}

#menus .innerBackground {
	border-right: 1px solid #fff;
	}

#menus img {
	display: block;
	}

#menus #visitors,
#menus #youth,
#menus #members {
	float: left;
	margin-bottom: 5px;
	margin-left: 15px;
	width: 237px;
	}

#menus .ulborder {
	margin-top: 5px;
	border: 1px solid #999; }

#visitors ul
{
	border-bottom: 7px solid #7fb1e4;
}

#youth ul
{
	border-bottom: 7px solid #c4d189;
}

#members ul
{
	border-bottom: 7px solid #f2ca82;
}

#menus ul {
	background-color: #fff;
	display: block;
	margin-left: 0;
	margin-top: 0;
	padding: 0.5ex;
	padding-bottom: 1px;
	padding-top: 1px;
	}

#menus ul li {
	display: block;
	line-height: 1.7ex;
	margin-bottom: 1ex;
	margin-top: 1ex;
}

#menus ul li a {
	color: #333;
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-decoration: none;
	padding-left: 6px;
}

#visitors ul li a:hover {
	border-left: 3px solid #7fb1e4;
	padding-left: 3px;
}

#youth ul li a:hover {
	border-left: 3px solid #c4d189;
	padding-left: 3px;
}

#members ul li a:hover {
	border-left: 3px solid #f2ca82;
	padding-left: 3px;
}



/* Footer Menu Rules (terms of use, privacy policy) */

#footer {
	clear: both;
	float: left;
	width: 100%;
	}

#footer div {
	background-color: #fff;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	padding-right: 1px;
	text-align: center;
	width: 770px;
	}

#footer div a {
	color: #333;
	text-decoration: none;
	}

#footer div a:hover {
	text-decoration: underline;
	}