@charset "utf-8";
/* CSS Document written by Bug Interactive for OnlineFishing.tv */

* {margin:0; padding:0;}

form {
	display: inline;
}
fieldset {
	border-style: none;
	display: inline;
}
legend {
	display: none;
}
html {
	/* Always show a scrollbar for short pages. non-ie browsers */
    height: 100%;
	margin-bottom: 1px;
	/* IE hack */
	font-size: 100%;
}
body {
	color: #000000;
	background: url(../images/template/common/bk-tile.jpg) repeat-x center top;
	height: 100%;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
.page-align-centre {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.page-container {
	width: 980px;
	float: left;
	height: auto;
}
.site-header {
	background: url(../images/template/common/site-header-bk.gif) no-repeat top;
	float: left;
	width: 980px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.site-header .logo-crest {
	height: 100px;
	width: 86px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	display: inline;
	background: url(../images/template/common/logo-crest.gif) no-repeat;
}
.site-header .school-name {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}
.site-header .top-links {
	background: url(../images/template/common/top-links.gif) no-repeat;
	float: right;
	list-style-type: none;
	width: 132px;
	height: 31px;
	margin-top: 1px;
	margin-right: 20px;
	display: inline;
}
.site-header .top-links li {
	float: left;
	height: 23px;
	padding-top: 8px;
	font-size: 1.1em;
	text-align: center;
}
.site-header .top-links a {
	color: #FFFFFF;
	text-decoration: none;
}
.site-header .top-links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.site-header .school-strap {
	float: left;
	padding-left: 20px;
	height: 50px;
	width: 744px;
}


.site-navigation {
	background: #FFFFFF;
	float: left;
	width: 940px;
	padding-right: 19px;
	padding-left: 19px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #002993;
	border-left-color: #002993;
}
.site-navigation .nav-main {
	float: left;
	width: 940px;
	list-style-type: none;
	height: 35px;
}
.site-navigation .nav-main li {
	float: left;
	height: 35px;
	padding-right: 3px;
}
.site-navigation .nav-main a {
	float: left;
	height: 35px;
}



.site-navigation .nav-main .introduction-off {
	background: url(../images/template/nav-main/introduction-1.gif) no-repeat bottom;
	width: 101px;
}
.site-navigation .nav-main .introduction-off:hover {
	background: url(../images/template/nav-main/introduction-1.gif) no-repeat top;
	width: 101px;
}
.site-navigation .nav-main .introduction-on {
	background: url(../images/template/nav-main/introduction-2.gif) no-repeat bottom;
	width: 101px;
}

.site-navigation .nav-main .staff-off {
	background: url(../images/template/nav-main/staff-1.gif) no-repeat bottom;
	width: 49px;
}
.site-navigation .nav-main .staff-off:hover {
	background: url(../images/template/nav-main/staff-1.gif) no-repeat top;
	width: 49px;
}
.site-navigation .nav-main .staff-on {
	background: url(../images/template/nav-main/staff-2.gif) no-repeat bottom;
	width: 49px;
}

.site-navigation .nav-main .facility-hire-off {
	background: url(../images/template/nav-main/facility-1.gif) no-repeat bottom;
	width: 95px;
}
.site-navigation .nav-main .facility-hire-off:hover {
	background: url(../images/template/nav-main/facility-1.gif) no-repeat top;
	width: 95px;
}
.site-navigation .nav-main .facility-hire-on {
	background: url(../images/template/nav-main/facility-2.gif) no-repeat bottom;
	width: 95px;
}

.site-navigation .nav-main .csl-off {
	background: url(../images/template/nav-main/csl-1.gif) no-repeat bottom;
	width: 41px;
}
.site-navigation .nav-main .csl-off:hover {
	background: url(../images/template/nav-main/csl-1.gif) no-repeat top;
	width: 41px;
}
.site-navigation .nav-main .csl-on {
	background: url(../images/template/nav-main/csl-2.gif) no-repeat bottom;
	width: 41px;
}

.site-navigation .nav-main .csl-fitness-suite-off {
	background: url(../images/template/nav-main/csl-1.gif) no-repeat bottom;
	width: 129px;
}
.site-navigation .nav-main .csl-fitness-suite-off:hover {
	background: url(../images/template/nav-main/csl-1.gif) no-repeat top;
	width: 129px;
}
.site-navigation .nav-main .csl-fitness-suite-on {
	background: url(../images/template/nav-main/csl-2.gif) no-repeat bottom;
	width: 129px;
}

.site-navigation .nav-main .news-off {
	background: url(../images/template/nav-main/news-1.gif) no-repeat bottom;
	width: 55px;
}
.site-navigation .nav-main .news-off:hover {
	background: url(../images/template/nav-main/news-1.gif) no-repeat top;
	width: 55px;
}
.site-navigation .nav-main .news-on {
	background: url(../images/template/nav-main/news-2.gif) no-repeat bottom;
	width: 55px;
}

.site-navigation .nav-main .links-off {
	background: url(../images/template/nav-main/links-1.gif) no-repeat bottom;
	width: 51px;
}
.site-navigation .nav-main .links-off:hover {
	background: url(../images/template/nav-main/links-1.gif) no-repeat top;
	width: 51px;
}
.site-navigation .nav-main .links-on {
	background: url(../images/template/nav-main/links-2.gif) no-repeat bottom;
	width: 51px;
}

.site-navigation .nav-main .calendar-off {
	background: url(../images/template/nav-main/events-1.gif) no-repeat bottom;
	width: 61px;
}
.site-navigation .nav-main .calendar-off:hover {
	background: url(../images/template/nav-main/events-1.gif) no-repeat top;
	width: 61px;
}
.site-navigation .nav-main .calendar-on {
	background: url(../images/template/nav-main/events-2.gif) no-repeat bottom;
	width: 61px;
}

.site-navigation .nav-main .contact-us-off {
	background: url(../images/template/nav-main/contact-1.gif) no-repeat bottom;
	width: 90px;
}
.site-navigation .nav-main .contact-us-off:hover {
	background: url(../images/template/nav-main/contact-1.gif) no-repeat top;
	width: 90px;
}
.site-navigation .nav-main .contact-us-on {
	background: url(../images/template/nav-main/contact-2.gif) no-repeat bottom;
	width: 90px;
}

.site-navigation .nav-sub {
	float: left;
	width: 940px;
	border-bottom: 1px solid #e6edf2;
	list-style-type: none;
	padding-top: 5px;
	height: 30px;
	overflow: hidden;
	padding-bottom: 5px;
}
.site-navigation .nav-sub li {
	float: left;
	height: 30px;
	font-size: 1.1em;
	padding-left: 5px;
	background-image: url(../images/template/nav-sub/curve-left-off.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 3px;
}
.site-navigation .nav-sub a {
	float: left;
	height: 22px;
	padding-top: 8px;
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #002993;
	background-image: url(../images/template/nav-sub/curve-right-off.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.site-navigation .nav-sub a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.site-navigation .nav-sub .on {
	background-color: #c81919;
	background-image: url(../images/template/nav-sub/curve-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.site-navigation .nav-sub .on a {
	height: 22px;
	padding-top: 8px;
	padding-right: 5px;
	float: left;
	color: #FFFFFF;
	background-color: #c81919;
	background-image: url(../images/template/nav-sub/curve-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



.site-body {
	background: #FFFFFF url(../images/template/common/ribbon-bk.jpg) no-repeat bottom;
	float: left;
	width: 940px;
	padding: 10px 19px 15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #002993;
	border-left-color: #002993;
}
.site-footer {
	background: url(../images/template/common/site-footer-bk.gif) no-repeat;
	float: left;
	height: 100px;
	width: 980px;
}
.site-footer .links {
	float: left;
	width: 300px;
	padding-top: 18px;
	padding-left: 20px;
	list-style-type: none;
	padding-bottom: 10px;
}
.site-footer .links li {
	float: left;
	padding-right: 10px;
	font-size: 1.1em;
}
.site-footer .links a {
	color: #FFFFFF;
}
.site-footer .address {
	font-size: 1.1em;
	color: #FFFFFF;
	float: left;
	width: 300px;
	line-height: 1.3em;
	clear: left;
	padding-left: 20px;
}
.site-footer .footer-logos {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
.spacer {
	float: left;
	height: 10px;
	width: 980px;
}

.col-left-160 {
	float: left;
	width: 160px;
	margin-right: 20px;
}
.col-left-160 img {
	float: left;
	width: 160px;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.col-left-160 .nav-side {
	float: left;
	width: 160px;
	padding-top: 10px;
	list-style-type: none;
	background-color: #f2f2f2;
	background-image: url(../images/template/common/col-left-160/nav-side/top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.col-left-160 .nav-side li {
	float: left;
	width: 160px;
	border-top: 1px solid #FFFFFF;
}
.col-left-160 .nav-side .title {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.1em;
}

.col-left-160 .nav-side a {
	padding: 6px 10px;
	float: left;
	width: 140px;
	font-size: 1.1em;
	color: #666666;
	text-decoration: none;
}
.col-left-160 .nav-side a:hover {
	text-decoration: underline;
	color: #333333;
}
.col-left-160 .nav-side .on {
	color: #FFFFFF;
	background: #c81919;
}
.col-left-160 .nav-side .footer {
	background: url(../images/template/common/col-left-160/nav-side/footer.gif) no-repeat bottom;
	height: 10px;
}
.col-left-160 .admin-add-page {
	float: left;
	font-size: 1.1em;
	color: #FF0000;
	margin-top: 10px;
	clear: both;
	width: 100%;
}




.col-content-530 {
	float: left;
	width: 530px;
}
.col-content-710 {
	float: left;
	width: 710px;
}
.col-content-940 {
	float: left;
	width: 940px;
}


.col-right-210-tint {
	float: right;
	width: 210px;
	padding-top: 10px;
	background-color: #f2f2f2;
	background-image: url(../images/template/common/col-right-210-tint/top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.col-right-210-tint .footer {
	display: inline;
	float: left;
	width: 210px;
}
.col-right-210-tint .panel-logins {
	float: left;
	width: 190px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/template/common/col-right-210-tint/panel-logins/footer.gif) no-repeat bottom;
	padding-bottom: 5px;
	display: inline;
}
.col-right-210-tint .panel-logins h2 {
	font-size: 1.2em;
	color: #FFFFFF;
	float: left;
	width: 160px;
	padding: 10px 15px 11px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #9031ba;
	background-image: url(../images/template/common/col-right-210-tint/panel-logins/top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.col-right-210-tint .panel-logins .login-vle {
	background: url(../images/template/common/col-right-210-tint/panel-logins/button-vle.gif) no-repeat;
	float: left;
	height: 60px;
	width: 77px;
	margin-left: 15px;
	margin-bottom: 8px;
}
.col-right-210-tint .panel-logins .login-email {
	background: url(../images/template/common/col-right-210-tint/panel-logins/button-email.gif) no-repeat;
	float: right;
	height: 60px;
	width: 77px;
	margin-right: 15px;
	margin-bottom: 8px;
}
.col-right-210-tint .panel-news {
	float: left;
	width: 190px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	display: inline;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/template/common/col-right-210-tint/panel-news/footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col-right-210-tint .panel-news h2 {
	font-size: 1.2em;
	color: #FFFFFF;
	float: left;
	width: 160px;
	padding: 10px 15px 11px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #9031ba;
	background-image: url(../images/template/common/col-right-210-tint/panel-news/top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.col-right-210-tint .panel-news h3 {
	font-size: 1.3em;
	font-weight: bold;
	width: 160px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	padding-bottom: 5px;
	color: #000000;
}
.col-right-210-tint .panel-news p {
	font-size: 1.1em;
	line-height: 1.3em;
	float: left;
	width: 160px;
	padding-bottom: 6px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-right-210-tint .panel-news a {
	color: #cc0000;
	text-decoration: underline;
}

.col-right-210-tint .panel-events {
	float: left;
	width: 190px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: inline;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/template/common/col-right-210-tint/panel-events/footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col-right-210-tint .panel-events h2 {
	font-size: 1.2em;
	color: #FFFFFF;
	float: left;
	width: 160px;
	padding: 10px 15px 11px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #9031ba;
	background-image: url(../images/template/common/col-right-210-tint/panel-events/top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.col-right-210-tint .panel-events h3 {
	font-size: 1.3em;
	font-weight: bold;
	width: 160px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	padding-bottom: 5px;
	color: #000000;
}
.col-right-210-tint .panel-events p {
	font-size: 1.1em;
	line-height: 1.3em;
	float: left;
	width: 160px;
	padding-bottom: 6px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-right-210-tint .panel-events a {
	color: #cc0000;
	text-decoration: underline;
}








.field-20 {
	font-size: 11px;
	padding: 2px;
	width: 20px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-50 {
	font-size: 11px;
	padding: 2px;
	width: 50px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-100 {
	font-size: 11px;
	padding: 2px;
	width: 100px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-150 {
	font-size: 11px;
	padding: 2px;
	width: 150px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-200 {
	font-size: 11px;
	padding: 2px;
	width: 200px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-300 {
	font-size: 11px;
	padding: 2px;
	width: 300px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-400 {
	font-size: 11px;
	padding: 2px;
	width: 400px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-500 {
	font-size: 11px;
	padding: 2px;
	width: 500px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field-600 {
	font-size: 11px;
	padding: 2px;
	width: 600px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button-submit {
	font-size: 12px;
	padding: 2px 5px;
	margin-right: 5px;
	background: #E5ECF1;
	border: 1px solid #004379;
	float: left;
	font-weight: bold;
	color: #004379;
	text-decoration: underline;
}