/*
andreas02 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com.
Free to use for any purpose as long as the proper credits are given to the original author.
Version:1.2
(Nov 28, 2005)
*/

/*
Wear Valley & Teesdale School Sports Partnership
Modifications and customisation by Craig Rodway craig.rodway@gmail.com
*/

html{/*overflow:-moz-scrollbars-vertical;*/}

table#wnews tbody td p, table#wnews tbody td{ text-align:left;margin-right:6px; }

h1#website-title{
	background:url(../img/ssptitle.gif) 2px 50% no-repeat #fff;
	padding-left:48px;
	color:#000;
}

body{
	padding:1em 0 2em 0;
	margin:0;
	font:75% verdana, tahoma, verdana, sans-serif;
	background:url(../img/fade-ssp.png) repeat-x #fff;
	color:#303030;
}

a{
	text-decoration:none;
	/*color:#800000;*/
	color:#008000;
	background:transparent;
}

a:hover{
	text-decoration:underline;
}

#toptabs{
	margin:10px auto -13px auto;
	font-size:0.8em;
	width:760px;
}

#toptabs p{
	text-align:right;
	color:#808080;
}

.toptab{
	padding:3px 3px 3px 3px;
	margin:0 0 0 2px;
	text-decoration:none;
	background:#f0f0f0 url(../img/corner2.gif) top right no-repeat;
	color:#808080;
	border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
	background:#fafafa url(../img/corner2.gif) top right no-repeat;
	border-bottom:1px solid #eaeaea;
	color:#800000;
	text-decoration:none;
}

/* Main container div that holds everything */
#container{
	margin:0 auto;
	width:730px;
	padding:5px 20px 20px 20px;
	border:1px solid #c0c0c0;
	background:url(../img/lines-green.gif) bottom right no-repeat #fff;
}


/* Mainarea div. This is a container for both #sidebar and #main. */
#mainarea{
	padding:0;
	margin:0;
	background:url(../img/divider.png) repeat-y transparent;
	clear:both;
	width:auto;
}

#mainarea.mainarea_nobg{
	background-image:none;
}


#search{
	margin:15px 0 0 0;
	float:right;
	width:40%;
	text-align:right;
}

#logo{
	margin:15px 0 0 0;
	float:left;
}

#logo h1 a{
	color:#303030;
}

#logo h1 a:hover{
	text-decoration:none;
}

#navitabs{
	clear:both;
}

#navitabs a{font-size:85%;font-weight:bold}

.navitab{
	padding:4px 4px 6px 3px;
	margin:0 4px 0px 0;
	text-decoration:none;
	letter-spacing:0px;
	background:#eaeaea url(../img/corner.gif) top right no-repeat;
	border-bottom:0px solid #fff;
	border-left:0px solid #fff;
	color:#000;
display:inline;
}

.navitab:hover{
	text-decoration:none;
	background:#f0f0f0 url(../img/corner.gif) top right no-repeat;
	color:#800000;
}

.activenavitab{
	padding:4px 4px 6px 3px;
	border-bottom:2px solid #008000;
	color:#ffffff;
	margin:0 4px 0 0;
	text-decoration:none;
	background:#008000 url(../img/corner.gif) top right no-repeat;	/*#505050*/
}

.activenavitab:hover{
	text-decoration:none;
	color:#800000;
}

table td{font-size:90%;}


/* Desc div contains the header image at the top */
#desc{
	height:200px;
	max-height:200px;
	color:#fff;
	padding:0;
	background:url(/media/header_ssp.jpg) top left no-repeat #fff;
	clear:both;
	margin:4px 0 1px 0;
border-top:2px solid #008000;
}

#desc p{
	width:290px;
	font-size:1em;
	line-height:1.3em;
	padding:0 0 0 15px;
}

#desc h2{
	padding:10px 15px 0 15px;
	color:#fff;
}

#desc a{
	color:#fff;
	text-decoration:underline;
}

#main{
	width:530px;
	float:right;
	padding:16px 0px 0 15px;
	border-left:0px solid #d0d0d0;
}


/* For when the sidebar is hidden, expand #main */
#main.main_full{
	width:730px;
}


#main p, #main ul, #main ol{
	font-size:95%;
	text-align:justify;
}

.block{
	background:#f0f0f0;
	padding:15px;
}


/* Mmmm... breadcrumbs :-) */
p.breadcrumbs{
	border:1px solid #008000;
	border-width:1px 0px;
}
p.breadcrumbs a, p.breadcrumbs strong{font-size:90%;}


p.image img{border:6px solid #008000;border-width:6px 0px;}
p.image{text-align:center;}

#main li{
	margin:6px 0px;
}


/* Sidebar div, has menu etc in it */
#sidebar{
	width:170px;
	float:left;
	padding-top:16px;
	padding-bottom:200px;
	/* background:url(/media/logos/pessyp_small.gif) 50% 90% no-repeat #fff; */
}


/* Hide it when this is applied */
#sidebar.sidebar_hidden{
	display:none;
	width:0px;
}

#sidebar p{
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 12px 0;
}

.container_box{margin:16px 0px;}

/* Sidelink2 class for menu items with green bullets, star bullets for active page */
.sidelink2{
	text-align:left;
	display:block;
	width:auto;
	background-image:url(../img/bullet_green.png);
	background-position:center left;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:3px 4px 3px 16px;
	margin:5px 10px 5px 0;
}

.sidelink2.sub{
	margin-left:16px;
}
.sidelink2.sub2{
	margin-left:32px;
}
.sidelink2.active, .sidelink2.menu-current, .activesidelink2{
	background-image:url(../img/bullet_go.gif);
}

.sidelink2:hover{
	background-image:url(../img/bullet_red.png);
}

.l2{
	margin-left:20px;
}
.l3{
	margin-left:40px;
}


/* Left navigation */
#sidebar ul.nav{font-size:95%;}
#sidebar ul.nav{list-style-type:none;margin:0;padding:0;}
#sidebar ul.nav ul li{padding-left:20px;background:#fff}

ul.list, ul.listlinks{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:85%;
}
ul.list li{
	background:transparent url(../img/arrow.gif) no-repeat 0px 5px;
	padding-left:10px;
	margin:6px 0px;
}

ul.listlinks li{
	background:transparent url(../img/bullet_web.png) no-repeat top left;
	padding:1px 0px 1px 20px;
	margin:6px 0px;
}

/* Footer stuff */
#footer{
	clear:both;
	background:#fafafa;
	color:#808080;
	font-size:0.9em;
	padding:4px 0;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	text-align:center;
}

#footer p{
	font-family:tahoma,verdana,arial,sans-serif;
	letter-spacing:0px;
	text-align:center;
	color:#008000;
	margin:4px 0;
	font-size:100%
}

#footer a{color:#808080;}
#footer img{margin:0px 1px;}


h1{
	margin:0 0 20px 0;
	font-size:2.1em;
	font-weight:normal;
}

h1#introduction{
	color:#005A00;
}

img.intro{
	margin-bottom:1.2em;display:block;
}

h2{
	margin:0 0 20px 0;
	font-size:1.6em;
	font-weight:normal;
}

h3{
	margin:0px 0 15px 0;
	font-size:1.4em;
	font-weight:normal;
	/*color:#008000;*/
	color:#005a00;
}

p{
	margin:0 0 15px 0;
	line-height:1.5em;
	text-align:left;
}

.right{
	text-align:right;
}

a img{
	border:0;
}

img.photo{
	padding:5px;
	display:block;
	margin:0 6px 6px 6px;
	background-color:#f0f0f0;
}

img.centre{
	margin:5px auto;
	display:block;
}

.hide{display:none;}


span.small,p.small{color:#aaa;font-weight:bold;text-transform:uppercase;font-size:90%}

p.clear{clear:both;}


/* Rounded corners on boxes */
.tl{background:#222 url(../img/corners/tl.gif) no-repeat top left;}
.tr{background:transparent url(../img/corners/tr.gif) no-repeat top right;}
.br{background:transparent url(../img/corners/br.gif) no-repeat bottom right;}
.bl{background:transparent url(../img/corners/bl.gif) no-repeat bottom left;}
.ltl{background:#efefef url(../img/corners/l_tl.gif) no-repeat top left;}
.ltr{background:transparent url(../img/corners/l_tr.gif) no-repeat top right;}
.lbr{background:transparent url(../img/corners/l_br.gif) no-repeat bottom right;}
.lbl{background:transparent url(../img/corners/l_bl.gif) no-repeat bottom left;}


/* Blockquote styles */
blockquote{
	min-height:35px;
	width:100%;
	display:block;
	margin:10px auto;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:10px 50%;
}
* html blockquote{
	min-height:35px;
	height:auto !important;
	height:35px;
}
blockquote p{
	margin:0px;
	line-height:17px;
	padding:10px 10px 10px 50px;
}
blockquote span{
	color:#999;
	font-size:9px;
	padding-top:5px;
	display:block;
}
blockquote span a{
	color:#555;
	text-decoration:none;
}
blockquote span a:hover{text-decoration:underline;}

blockquote.go{background-image:url(../img/blockquote/go.gif);}
blockquote.stop{background-image:url(../img/blockquote/stop.gif);}
blockquote.exclamation{ background-image:url(../img/blockquote/exclamation.gif);}
blockquote.quote{background-image:url(../img/blockquote/quote.gif);}
blockquote.pdf{background-image:url(../img/blockquote/pdf.gif);}
blockquote.image{background-image:url(../img/blockquote/image.gif);}
blockquote.walk{background-image:url(../img/blockquote/walk.gif);}
blockquote.html{background-image:url(../img/blockquote/html.gif);}
blockquote.back{background-image:url(../img/blockquote/go-previous.gif);}
blockquote.help{background-image:url(../img/blockquote/help.gif);}
blockquote.warning{background-image:url(../img/blockquote/warning.gif);}
blockquote.cert{background-image:url(../img/blockquote/cert.gif);}
blockquote.audio{background-image:url(../img/blockquote/audio.gif);}
blockquote.video{background-image:url(../img/blockquote/video.gif);}
blockquote.network{background-image:url(../img/blockquote/network.gif);}
blockquote.camera{background-image:url(../img/blockquote/camera.gif);}


/* Zebra tables */
table tr.zt1 td{background:#ececec;}
table tr.zt0 td{background:#fff;}
table tr.zt1 td, table tr.zt0 td{ padding:4px 2px; }


table.cast{border:2px solid #ccc;border-width:1px 0px}
table.cast td{padding:4px;}
td.ar{text-align:right}
td.al{text-align:left}


/* WB Downloads module */
.line, .line_rightalign{
	border-bottom:1px solid #DDDDDD;
	padding:6px 0px;
	vertical-align:middle;
	display:table-cell;
}

.line img{
	vertical-align:middle;
	margin-right:3px;
}

.line_rightalign{
	text-align:right;
	white-space:nowrap;
	font-size:85%;
}


/* WB Form module */
input.search{
	background:url(../img/search.gif) 1px 50% no-repeat #fff;
	padding-left:15px;
}

input,textarea,select{font-family:verdana,tahoma,arial,sans-serif;font-size:100%;}
.required{color:#FF0000;}
.field_title{
	width:100px;
	vertical-align:top;
}
.textfield{width:200px;}
.textarea{
	width:90%;
	height:100px;
}
.field_heading{
	font-size:12px;
	font-weight:bold;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	padding-top:10px;
	color:#008000;
}
.checkbox_label{
	cursor:pointer;
	vertical-align:bottom;

}
.radio_label{
	cursor:pointer;
	/*vertical-align:absmiddle;*/
}
.email{
	font-size:12px;
	width:200px;
}


/* WB Events */
table td.mtevent{text-align:justify;}
table td.mtevent strong a{line-height:18px;background:url(../img/info.gif) 0 50% no-repeat #fff;padding:2px 0 2px 20px;}


/* WB News module */
.posts td{padding:4px 0px;}
.post_title, .post_date{border-bottom:1px solid #DDDDDD;}
.post_title{font-weight:bold;font-size:12px; color:#000000;}
.post_date{text-align:right;font-weight:bold;}
.post_short{text-align:justify;padding-bottom:5px;}
.post_short p{text-align:right;}

code{ font-size:10pt; border:1px solid #ccc;background:#efefef;padding:2px;}

table.tabulardata th{ text-align:left; }
table.tabulardata tr.green td,table.tabulardata tr.green th{ background:#008000;color:#fff; }
table.tabulardata tr.red td,table.tabulardata tr.red th{ background:#800000;color:#fff }
table.tabulardata tr.blue td,table.tabulardata tr.blue th{ background:#004980;color:#fff; }




div.adbox{
	width:255px;
	border:1px solid #ccc;
}

div.abtitle{
	color:#fff;
	font:28pt/28pt tahoma;
	padding:12px;
	line-height:28pt;
	margin:0;
}

div.abline{
	height:24px;
	margin:0;
}

div.abtext{
	color:#aaa;
	background:#fff;
	padding:12px 40px 12px 12px;
	font-size:18pt;
	font-family:tahoma,verdana,arial;
	letter-spacing:-1px;
	line-height:18pt;
	text-align:left;
	margin:0;
}

div.abmore{
	text-align:right;
	margin:12px;
}


.abpurple .abtitle{ background:#4c228c; }
.abpurple .abline{ background:#B594E5; }

.abgold .abtitle{ background:#f4b624; }
.abgold .abline{ background:#F9D686; }


.colourbox{
	font-size:24pt;
	font-family:tahoma;
	letter-spacing:0px;
	padding:16px;
}

.colourbox div{
	text-align:left;
	line-height:90%;
	margin-bottom:16px;
}


.colourbox a{
	margin:0;
	padding:0;
	color:#fff;
}

.cbpurple{ background:url(../img/box-purple.png) bottom left repeat-x #4c228c; }
.cbgold{ background:url(../img/box-gold.png) bottom left repeat-x #f4b624; }
.cbred{ background:url(../img/box-red.png) bottom left repeat-x #c00; }


div#buttons{font-size:85%;color:#777;line-height:150%;}


table tr.field_row td{border-bottom:1px solid #ccc;padding:4px 0px 8px 0px;}
table td.field_title{font-weight:bold;width:33%;}