@charset "utf-8";
/* CSS Document */

html {
	/* Always show a scrollbar for short pages. non-ie browsers */
	height: 100%; margin-bottom: 1px;
	/* IE hack */
	font-size: 100%; text-align: center;}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	height: 100%;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
form {
	display: inline;
}
a {
	color: #0066CC;
}
.page-holder {
	width: 980px;
	height: 100%;
	padding: 0px;
	margin: 0px auto;
}
.page-holder2 {
	width: 980px;
	height: 100%;
	padding: 10px 0px 0px;
	margin: 0px;
	float: left;
}
.header {
	margin: 0px;
	padding: 0px 8px;
	float: left;
	height: 82px;
	width: 964px;
	background: url(../images/template/header-bk.gif) no-repeat;
}
.header .main-logo {
	background: url(../images/template/main-logo.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 82px;
	width: 380px;
}
.header .login-holder {
	margin: 15px 0px 0px;
	padding: 0px;
	float: right;
	width: 370px;
	height: 60px;
}
.header .login-holder table {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 370px;
	height: 45px;
	color: #FFFFFF;
}
.header .login-holder .input-holder {
	background: url(../images/template/login/input-bk.gif) no-repeat;
	float: left;
	margin: 0px;
	padding: 4px;
	height: 16px;
	width: 100px;
}
.header .login-holder .input-holder input {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 16px;
	width: 100px;
	border-width: 0px;
	border-style: none;
}
.header .login-holder .password {
	font-size: 1em;
	color: #FFFFFF;
}

.header .login-holder .logout-off {
	background: url(../images/template/login/button-logout.gif) no-repeat top;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 62px;
}
.header .login-holder .logout-off:hover {
	background: url(../images/template/login/button-logout.gif) no-repeat bottom;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 62px;
}
.header .login-holder .cp-off {
	background: url(../images/template/login/button-cp.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 103px;
}
.header .login-holder .cp-off:hover {
	background: url(../images/template/login/button-cp.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 103px;
}


.header-image {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 980px;
}

.masternav {
	background: url(../images/template/masternav-bk.gif) no-repeat;
	list-style-image: none;
	list-style-type: none;
	float: left;
	height: 24px;
	width: 970px;
	margin: 0px;
	padding: 4px 5px 5px;
}
.masternav li {
	margin: 0px;
	padding: 0px 3px 0px 0px;
	float: left;
	height: 24px;
	display: inline;
}
.masternav .home-off {
	background: url(../images/template/home1.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 56px;
}
.masternav .home-off:hover {
	background: url(../images/template/home1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 56px;
}
.masternav .home-on {
	background: url(../images/template/home1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 56px;
}
.masternav .news-off {
	background: url(../images/template/news1.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 56px;
}
.masternav .news-off:hover {
	background: url(../images/template/news1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 56px;
}
.masternav .news-on {
	background: url(../images/template/news1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 56px;
}
.masternav .resources-off {
	background: url(../images/template/resources1.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 84px;
}
.masternav .resources-off:hover {
	background: url(../images/template/resources1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 84px;
}
.masternav .resources-on {
	background: url(../images/template/resources1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 84px;
}
.masternav .book-off {
	background: url(../images/template/book1.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 185px;
}
.masternav .book-off:hover {
	background: url(../images/template/book1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 185px;
}
.masternav .book-on {
	background: url(../images/template/book1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 185px;
}
.masternav .next-book-off {
	background: url(../images/template/book2.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 168px;
}
.masternav .next-book-off:hover {
	background: url(../images/template/book2.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 168px;
}
.masternav .next-book-on {
	background: url(../images/template/book2.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 168px;
}
.masternav .swim-off {
	background: url(../images/template/swimaward1.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 98px;
}
.masternav .swim-off:hover {
	background: url(../images/template/swimaward1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 98px;
}
.masternav .swim-on {
	background: url(../images/template/swimaward1.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 98px;
}


.footer {
	background: url(../images/template/footer-bk.gif) no-repeat;
	margin: 10px 0px 0px;
	padding: 10px 15px 0px;
	float: left;
	height: 25px;
	width: 950px;
	display: inline;
	color: #CCCCCC;
	text-align: left;
	font-size: 1.1em;
}
.subfooter {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 950px;
	display: inline;
	color: #CCCCCC;
	font-size: 1.1em;
}