@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: 30px;
	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: #666666;
	text-decoration: none;
}
.site-header .top-links a:hover {
	color: #333333;
	text-decoration: underline;
}

.site-header .school-strap {
	float: left;
	height: 100px;
	width: 834px;
	margin-top: 20px;
	margin-left: 20px;
}


.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: #9031ba;
	border-left-color: #9031ba;
}
.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: 1px;
}
.site-navigation .nav-main a {
	float: left;
	height: 35px;
}



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

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

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

.site-navigation .nav-main .sixth-form-off {
	background: url(../images/template/nav-main/sixth-form1.gif) no-repeat bottom;
	width: 82px;
}
.site-navigation .nav-main .sixth-form-off:hover {
	background: url(../images/template/nav-main/sixth-form1.gif) no-repeat top;
	width: 82px;
}
.site-navigation .nav-main .sixth-form-on {
	background: url(../images/template/nav-main/sixth-form2.gif) no-repeat bottom;
	width: 82px;
}

.site-navigation .nav-main .parents-off {
	background: url(../images/template/nav-main/parents1.gif) no-repeat bottom;
	width: 60px;
}
.site-navigation .nav-main .parents-off:hover {
	background: url(../images/template/nav-main/parents1.gif) no-repeat top;
	width: 60px;
}
.site-navigation .nav-main .parents-on {
	background: url(../images/template/nav-main/parents2.gif) no-repeat bottom;
	width: 60px;
}

.site-navigation .nav-main .instrumental-tuition-off {
	background: url(../images/template/nav-main/tuition1.gif) no-repeat bottom;
	width: 58px;
}
.site-navigation .nav-main .instrumental-tuition-off:hover {
	background: url(../images/template/nav-main/tuition1.gif) no-repeat top;
	width: 58px;
}
.site-navigation .nav-main .instrumental-tuition-on {
	background: url(../images/template/nav-main/tuition2.gif) no-repeat bottom;
	width: 58px;
}

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

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

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

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

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

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




.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: #666666;
	text-decoration: none;
	background-color: #f2f2f2;
	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: #333333;
}
.site-navigation .nav-sub .on {
	background-color: #6045a5;
	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: #6045a5;
	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: #9031ba;
	border-left-color: #9031ba;
}
.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: 320px;
	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: #6045a5;
}
.col-left-160 .nav-side .on:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.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: #9031ba;
	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: #6045a5;
	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: #6045a5;
	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: #004379;
	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: #6045a5;
	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: #004379;
	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;
}