/****************************
Copyright ninefootone creative (www.ninefootone.co.uk)
Design CSS
Coded by Jon Bradley with initial workings by David Turner

NOTE: This code is copyrighted.  No unauthorized use
is allowed.  Don't steal code.  However, please feel free
to look at how we did something then write it yourself.

*****************************/

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0px;
	padding: 0px;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	background-color: #FFFFFF;
	background: transparent url(http://www.keswickyouth.com/images/layout/headerbgnd.jpg) repeat-x scroll right top;
}

/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

/*******************************************
CONTAINER, HEADER, FOOTER STUFF STARTS HERE
********************************************/

#page_bg{
	margin: auto;
	padding: 0px;
	width: 800px;
}

#page_outline{
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 800px;
	background-color: #FFFFFF;
}

#header_container{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 800px;
	height: 205px;
	background: url(http://www.keswickyouth.com/images/layout/header.jpg) 0px -25px no-repeat;
}

#footer{
	z-index: 1;
	float:left;
	width: 800px;
	height: 30px;
	margin-top: 5px;
	margin-left: 0px;
	position: relative;
	padding: 0px;
}

hr {
background-color: #003366;
border: 0;
height: 1px;
margin: 0;
}

.dl_alert {
	background: #c9edff url(http://www.keswickyouth.com/images/dl_alert.gif) center no-repeat;
	background-position: 8px 7px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:10px 12px 10px 12px;
	/*border: 1px solid #37516A;*/
}

.select_link{
	background: #FFFFFF url(http://www.keswickyouth.com/images/link_arrow.gif) center no-repeat;
	background-position: 8px 7px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:10px 12px 10px 12px;
	/*border: 1px solid #37516A;*/
}

/****************************
MENU LAYOUT STARTS HERE
******************************/
#menu_container{
	z-index:99;
	position: relative;
	top:173px;
	left:0px;
	z-index: 5;
	width: 800px;
	height: 22px;
	margin: 0px;
	width: 100%;
	background: url(http://www.keswickyouth.com/images/menu/menubgnd.jpg);
}
#menu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
	width: 800px;
	display: block;
	float: left;
}
#menu_container li, #menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7, #menu_header_8, #menu_header_9, #menu_header_10, #menu_header_11, #menu_header_12{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 22px;
}

#menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7, #menu_header_8, #menu_header_9, #menu_header_10, #menu_header_11, #menu_header_12{
	margin: 0px 0px 0px 0px;
	display: block;

}

#menu_header_1 { width: 57px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) 0px 0px no-repeat ;}
#menu_header_2 { width: 58px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -57px 0px no-repeat ;}
#menu_header_3 { width: 127px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -115px 0px no-repeat ;}
#menu_header_4 { width: 54px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -242px 0px no-repeat ;}
#menu_header_5 { width: 45px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -296px 0px no-repeat ;}
#menu_header_6 { width: 73px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -341px 0px no-repeat ;}
#menu_header_7 { width: 50px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -414px 0px no-repeat ;}
#menu_header_8 { width: 72px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -464px 0px no-repeat ;}
#menu_header_9 { width: 78px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -536px 0px no-repeat ;}
#menu_header_10 { width: 107px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -614px 0px no-repeat ; float: right !important;}
#menu_header_11 { width: 79px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -721px 0px no-repeat ; float: right !important;}
#menu_header_12 { width: 79px; background: url(http://www.keswickyouth.com/images/menu/menu2.jpg) -721px 0px no-repeat ; float: right !important;}

#menu_header_1 a{ width: 57px; background: none;}
#menu_header_2 a{ width: 58px; }
#menu_header_3 a{ width: 127px; }
#menu_header_4 a{ width: 54px; }
#menu_header_5 a{ width: 45px; }
#menu_header_6 a{ width: 73px; }
#menu_header_7 a{ width: 50px; }
#menu_header_8 a{ width: 72px; }
#menu_header_9 a{ width: 78px; }
#menu_header_10 a{ width: 107px; }
#menu_header_11 a{ width: 79px; }
#menu_header_12 a{ width: 79px; }

#menu_header_1 a, #menu_header_2 a, #menu_header_3 a, #menu_header_4 a, #menu_header_5 a, #menu_header_6 a, #menu_header_7 a, #menu_header_8 a, #menu_header_9 a, #menu_header_10 a, #menu_header_11 a, #menu_header_12 a{
	display: block;
	margin: 0px 0px 0px 0px;
	height: 22px;
}

#menu_header_1 a:hover{ width: 57px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -0px -22px no-repeat ;}
#menu_header_2 a:hover{ width: 58px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -57px -22px no-repeat ;}
#menu_header_3 a:hover{ width: 127px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -115px -22px no-repeat ;}
#menu_header_4 a:hover{ width: 54px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -242px -22px no-repeat ;}
#menu_header_5 a:hover{ width: 45px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -296px -22px no-repeat ;}
#menu_header_6 a:hover{ width: 73px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -341px -22px no-repeat ;}
#menu_header_7 a:hover{ width: 50px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -414px -22px no-repeat ;}
#menu_header_8 a:hover{ width: 72px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -464px -22px no-repeat ;}
#menu_header_9 a:hover{ width: 78px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -536px -22px no-repeat ;}
#menu_header_10 a:hover{ width: 107px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -614px -22px no-repeat ;}
#menu_header_11 a:hover{ width: 79px; background: url(http://www.keswickyouth.com/images/menu/menu.jpg) -721px -22px no-repeat ;}
#menu_header_12 a:hover{ width: 79px; background: url(http://www.keswickyouth.com/images/menu/menu2.jpg) -721px -22px no-repeat ;}

#menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/****************************
KNOWLEDGE SUBMENU LAYOUT STARTS HERE
******************************/
#knowledgemenu_container{
	z-index:99;
	position: relative;
	top:20px;
	left:0px;
	z-index: 5;
	width: 160px;
	height: 95px;
	margin: 0px;
}
#knowledgemenu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#knowledgemenu_container li, #knowledgemenu_header_1, #knowledgemenu_header_2, #knowledgemenu_header_3, #knowledgemenu_header_4, #knowledgemenu_header_5{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 160px;
	height: 19px;
}

#knowledgemenu_header_1, #knowledgemenu_header_2, #knowledgemenu_header_3, #knowledgemenu_header_4, #knowledgemenu_header_5{
	margin: 0px 0px 0px 0px;
}

#knowledgemenu_header_1 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) 0px 0px no-repeat ;}
#knowledgemenu_header_2 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) 0px -19px no-repeat ;}
#knowledgemenu_header_3 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) 0px -38px no-repeat ;}
#knowledgemenu_header_4 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) 0px -57px no-repeat ;}
#knowledgemenu_header_5 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) 0px -76px no-repeat ;}

#knowledgemenu_header_1 a{ height: 19px; background: none;}
#knowledgemenu_header_2 a{ height: 19px; }
#knowledgemenu_header_3 a{ height: 19px; }
#knowledgemenu_header_4 a{ height: 19px; }
#knowledgemenu_header_5 a{ height: 19px; }

#knowledgemenu_header_1 a, #knowledgemenu_header_2 a, #knowledgemenu_header_3 a, #knowledgemenu_header_4 a, #knowledgemenu_header_5 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 160px;
}

#knowledgemenu_header_1 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) -160px 0px no-repeat ;}
#knowledgemenu_header_2 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) -160px -19px no-repeat ;}
#knowledgemenu_header_3 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) -160px -38px no-repeat ;}
#knowledgemenu_header_4 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) -160px -57px no-repeat ;}
#knowledgemenu_header_5 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/knowledge_submenu.jpg) -160px -76px no-repeat ;}

#knowledgemenu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/****************************
MEDIA SUBMENU LAYOUT STARTS HERE
******************************/
#mediamenu_container{
	z-index:99;
	position: relative;
	top:20px;
	left:0px;
	z-index: 5;
	width: 160px;
	height: 95px;
	margin: 0px;
	float:left;
}
#mediamenu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#mediamenu_container li, #mediamenu_header_1, #mediamenu_header_2, #mediamenu_header_3, #mediamenu_header_4, #mediamenu_header_5, #mediamenu_header_6{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 160px;
	height: 19px;
}

#mediamenu_header_1, #mediamenu_header_2, #mediamenu_header_3, #mediamenu_header_4, #mediamenu_header_5, #mediamenu_header_6{
	margin: 0px 0px 0px 0px;
}

#mediamenu_header_1 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) 0px 0px no-repeat ;}
#mediamenu_header_2 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) 0px -19px no-repeat ;}
#mediamenu_header_3 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) 0px -38px no-repeat ;}
#mediamenu_header_4 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) 0px -57px no-repeat ;}
#mediamenu_header_5 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) 0px -76px no-repeat ;}
#mediamenu_header_6 { height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) 0px -93px no-repeat ;}

#mediamenu_header_1 a{ height: 19px; background: none;}
#mediamenu_header_2 a{ height: 19px; }
#mediamenu_header_3 a{ height: 19px; }
#mediamenu_header_4 a{ height: 19px; }
#mediamenu_header_5 a{ height: 19px; }
#mediamenu_header_6 a{ height: 19px; }

#mediamenu_header_1 a, #mediamenu_header_2 a, #mediamenu_header_3 a, #mediamenu_header_4 a, #mediamenu_header_5 a, #mediamenu_header_6 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 160px;
}

#mediamenu_header_1 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) -160px 0px no-repeat ;}
#mediamenu_header_2 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) -160px -19px no-repeat ;}
#mediamenu_header_3 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) -160px -38px no-repeat ;}
#mediamenu_header_4 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) -160px -57px no-repeat ;}
#mediamenu_header_5 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) -160px -76px no-repeat ;}
#mediamenu_header_6 a:hover{ height: 19px; background: url(http://www.keswickyouth.com/images/menu/media_submenu.jpg) -160px -93px no-repeat ;}

#mediamenu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/****************************
CONTENT STUFF STARTS HERE
******************************/

#content_container_1, #content_container_2{
	float: left;
	width:800px;
	padding: 0px;
	height:auto;
	margin: auto;
}

#indexcol1{
	float: left;
	width: 356px;
	padding: 0px;
	margin: 0px;
}

#indexcol1 div{
	padding-left:10px;
	padding-right:10px;
}

#indexphotos{
	float: left;
	width: 250px;
	padding: 0px;
	margin: 0px;
}

#indexblog{
	float: left;
	width: 194px;
	height: 275px;
	padding: 0px;
	margin: 0px;
	background-image: url(http://www.keswickyouth.com/images/layout/blogbgnd.jpg) ;
}

#indexblog div{
	padding-left:20px;
	padding-right:20px;
	padding-top:100px;
	color: #FFFFFF;
	line-height:17px;
	overflow:hidden;
}

#homepage_button_who, #homepage_button_where, #homepage_button_what, #homepage_button_wahey{
	float:left;
	width:200px;
	height: auto;
	margin: 0px -3px 0px 0px;
	padding: 0px;
}

#homepage_button_who div, #homepage_button_where div, #homepage_button_what div, #homepage_button_wahey div{
	padding-left:10px;
	padding-right:10px;
}

#column1{
	float:left;
	padding:0px;
	margin:0px;
	width:400px;
	height: auto;
}

#column1wide{
	float:left;
	padding:0px;
	margin:0px;
	width:640px;
	height: auto;
}

#column1 div, #column1wide div{
	padding-left:10px;
	padding-right:10px;
}

#singlecolumn{
	float:left;
	padding:0px;
	margin:0px;
	width:545px;
	height: auto;
}

#singlecolumn div{
	padding-left:10px;
	padding-right:10px;
}

#singlecolumn_right{
	float:left;
	margin:0px;
	width:220px;
	height: auto;
	background-color:#EAF1F4;
	padding:30px 10px 10px 10px;
}

#column2{
	float:left;
	padding:0px;
	margin:0px;
	width:160px;
	height: auto;
}

#column3{
	float:left;
	padding:0px;
	margin:0px;
	width:240px;
	height: auto;
}

#column23{
	float:left;
	position:relative;
	padding:0px;
	margin:0px;
	width:400px;
	height: auto;
}

#week1info {
	position:relative;
	margin:0px;
	z-index:99;
	background:url(../images/layout/week1infobgnd.jpg) no-repeat;
	background-color:#324D66;
	border:5px solid #FFFFFF;
	width:250px;
	top:100px;
	left:100px;
}

#week2info {
	position:relative;
	margin:0px;
	z-index:99;
	background:url(../images/layout/week2infobgnd.jpg) no-repeat;
	background-color:#324D66;
	border:5px solid #FFFFFF;
	width:250px;
	top:100px;
	left:100px;
}

#week3info {
	position:relative;
	margin:0px;
	z-index:99;
	background:url(../images/layout/week3infobgnd.jpg) no-repeat;
	background-color:#324D66;
	border:5px solid #FFFFFF;
	width:250px;
	top:100px;
	left:100px;
}

#week1info div, #week2info div, #week3info div{
	padding:35px 10px 10px 10px;
	color:#FFFFFF;
}

/****************************
LIST STUFF STARTS HERE
******************************/

#indexblog ul {
	margin: 0px;
	padding: 0px;
}

#indexblog ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

/*sidebar list level2 */
#indexblog ul li ul {
	padding: 0px;
	margin: 0px;
}

#indexblog ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #FFFFFF;
}

/*sidebar list level3 */
#indexblog ul li ul li ul li{
	padding: 1px 0px 1px 10px;
	border: none;
}

ul.list-feeds li{
	background: url(http://www.keswickyouth.com/images/icons/mini-comments.gif) -2px no-repeat !important;
	padding-left: 20px !important;
}

/****************************
FORM STUFF STARTS HERE
******************************/

#contactform, #registrationform {
	margin-top: 10px;
	font-family:"Trebuchet MS" Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 100%;
}
#contactform input, #registrationform * input{
	font-family:"Trebuchet MS" Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 300px;
	background:#EAF1F4;
	border: 1px solid #DDDDDD;
	padding: 3px;
	margin-top: 3px;
}
#contactform textarea, #registrationform textarea{
	font-family:"Trebuchet MS" Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 300px;
	height: 115px;
	background:#EAF1F4;
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin-top: 3px;
}
#contactform textarea:focus, #contactform input[type="text"]:focus {
	background: #ffffff;
}
#registrationform textarea:focus, #registrationform input[type="text"]:focus {
	background: #ffffff;
}
#contactform #submit, #registrationform #submit{
	background: url(../images/layout/submitbutton.jpg) no-repeat;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 63px;
	height: 20px;
	cursor: pointer;
}
/****************************
FONT STUFF STARTS HERE
******************************/

.large_red_text{ 
	color: #990000;
	font-size:16px;
	line-height:20px;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

H1{ 
	color: #990000;
	font-size:16px;
	line-height:20px;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

.white_text{
	color: #FFFFFF;
}

.red_text{
	color: #990000;
}

.blue_text{
	color: #2E7192;
}

.blog_links{
	color: #FFFFFF;
}

a:link {  color: #2E7192; text-decoration: none; font-weight: bold;}
a:active {  color: #2E7192; text-decoration: none; font-weight: bold;}
a:visited {  color: #2E7192; text-decoration: none; font-weight: bold;}
a:hover { color: #D73936; text-decoration: underline; font-weight: bold;}

.blog_links a:link {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
.blog_links a:active {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
.blog_links a:visited {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
.blog_links a:hover { color: #FFFFFF; font-weight: bold; border-bottom:1px dotted #FFFFFF;}

#week1info a:link {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week1info a:active {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week1info a:visited {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week1info a:hover { color: #FFFFFF; font-weight: bold; border-bottom:1px dotted #FFFFFF;}

#week2info a:link {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week2info a:active {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week2info a:visited {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week2info a:hover { color: #FFFFFF; font-weight: bold; border-bottom:1px dotted #FFFFFF;}

#week3info a:link {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week3info a:active {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week3info a:visited {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
#week3info a:hover { color: #FFFFFF; font-weight: bold; border-bottom:1px dotted #FFFFFF;}

/*.blogrssfeed a:link {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
.blogrssfeed a:active {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
.blogrssfeed a:visited {  color: #FFFFFF; text-decoration: none; font-weight: bold;}
.blogrssfeed a:hover { color: #FFFFFF; text-decoration: none; font-weight: bold;}*/

/****************************
TABLE STUFF STARTS HERE
******************************/

table.team{
	padding:0px;
}

table.team td {
	padding:8px;
}

table.team tr {
	vertical-align:middle;
}

table.team td a:hover{
	text-decoration:none;
}