/* FULL CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Verdana";
	vertical-align: baseline;
}

html { overflow-y: scroll; }

/* REMEMBER TO DEFINE FOCUS STYLES! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* TABLES STILL NEED 'CELLSPACING=0' IN THE MARKUP */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* GENERAL STYLES */
body {
    margin:20px auto;
    padding:0;			/* This removes the border around the viewport in old versions of IE */
    width:820px;
	font-size:90%;
	background: #E7F5EC url(../images/building_blocks/bg_gradient.png) repeat-x; }
			
a {
	color:#000;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a:active { text-decoration: underline; }

h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}

.bottom-page-50px-padding { padding-bottom: 50px; }

/* MAIN PAGE HEADING */
h1 { font-weight: bold; line-height: 1.2em; }

/* HEADING UNDERNEATH BREADCRUMB */
h2 { font-weight: bold; padding: 3px 0 4px 4px; }

/* HOME PAGE BOX HEADINGS */
h3 { font-size: 80%; font-weight: bold; line-height:1.3em; }

/* REGULAR PARAGRAPH SIZED HEADING (BOLD) */
h4 { font-weight: bold; padding: 3px 0 0 0; font-size: 80%; margin-bottom: 0px; }

/* UNUSED FOR NOW
h5 { font-weight: bold; padding: 3px 0 4px 4px; }
*/

/* UNUSED FOR NOW
h6 { font-weight: bold; padding: 3px 0 4px 4px; }
 */

p {
    margin:.4em 0 .8em 0;
    padding:0;
    font-size: 80%;
    line-height: 1.3em;
}
img {
	margin:10px 0 5px;
}

.italicize { font-style: italic; }

.un-bold { font-weight: normal; }

.bold { font-weight: bold; }

/* CONTACT FORM TABLE STYLING */

table { padding: 20px 0 30px 0; }

th { padding: 8px 0; font-size: 80%; }

td { padding-left: 20px; }

#charter-form input { width: 340px; }

#charter-form th { width: 60px; }  

#youth-form input { width: 340px; }

.required-field { font-size: 70%; }

.submit-button { text-align: right; }

#form-checkboxes { margin: 10px 0 20px 0; }

#form-checkboxes p { padding: 0; margin: 0; }

.text-area textarea { width: 430px; }

/* HEADER */
#header {
    clear:both;
    float:left;
    width:100%; background: url(../images/building_blocks/shadow_top.png) no-repeat; }

#header p { text-align: right; margin-right: 45px; margin-top: 15px; margin-bottom: 9px;}


/* COLUMN CONTAINER */


.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:820px;				/* width of whole page */
	overflow:hidden; }
/* 3-COLUMN SETTINGS */

.holygrail {
    background: url(../images/building_blocks/shadow_mid.png) repeat-y;    	/* Right column background colour */
}

.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    /*background:#fff;*/    	/* Centre column background colour */    
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:310px;         	/* Left column width + right column width */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 140px 0 226px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    border-top:6px solid #E3E0D1;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:80px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:30px;         	/* Width of the left-hand side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:185px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:75px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
    border-top:6px solid #E3E0D1;
}


/* BASIC COLORS */

.red { background: url(../images/building_blocks/red_gradient_button.png) repeat-y; }

.red-heading { color: #fff; background: #ff3333 url(../images/building_blocks/main_page_red_gradient.png) repeat-y 5px; }

.turqouise { background-color: #66cccc; }

.pink { background-color: #ff8a8a; }

.yellow { background-color: #ffcc66; }

.orange { background-color: #ff9966; }

.purple { background-color: #c496ae; }

.blue { background-color: #6699cc; }

.green { background-color: #99cc66; }

.vinvolved-color { background-color: #3d0033; color: #fff; }

.vinvolved-color-tint { background-color: #d6ccd6; }

.reduced-y-logo { padding: 0px; margin: 0 2px -1px 0; }

/* LEFT SIDEBAR NAVIGATION MENU */

#menu ul { width: 120px; margin-left: -5px; }

#menu ul li a { font-size: 90%; margin: 0 5px 4px 5px; display: block; padding-left: 4px; line-height: 1.2em; letter-spacing: -1px; }

#menu ul li a:hover { text-decoration: none; }

#menu ul li a.one-line { padding-top: 10px; padding-bottom: 10px; height: 100%; }

#menu ul li a.one-line-white { padding-top: 10px; padding-bottom: 10px; height: 100%; color: #fff; }

#menu ul li a.two-line { padding-top: 4px; padding-bottom: 4px; height: 100%; }

#menu ul li a.two-line-white { padding-top: 4px; padding-bottom: 4px; height: 100%; color: #fff; }

#menu ul li a.sub-one-line { font-size: 85%; padding: 5px 0 5px 15px; margin-bottom: 0px; letter-spacing: 0px; height: 100%; }

#menu ul li a.sub-two-line { font-size: 85%; margin-bottom: 0px; padding: 5px 0 5px 15px; letter-spacing: 0px; height: 100%; }

#menu ul li a.vinvolved { padding-top: 10px; padding-bottom: 10px; height: 100%; color: #fff; padding-left: 15px; }

#menu ul li a.two-line-bottom { margin-bottom: 4px; height: 100%; }

#menu ul li a.one-line-bottom { margin-bottom: 4px; height: 100%; }

#menu ul li a.active-sub-page-1 { background: #66cccc url(../images/building_blocks/arrow.png) no-repeat 4% 50%; }

#menu ul li a.active-sub-page-2 { background: #ff8a8a url(../images/building_blocks/arrow.png) no-repeat 4% 50%; }

#menu ul li a.active-sub-page-3 { background: #ffcc66 url(../images/building_blocks/arrow.png) no-repeat 4% 50%; }

#menu ul li a.active-sub-page-4 { background: #ff9966 url(../images/building_blocks/arrow.png) no-repeat 4% 50%; }

#menu ul li a.active-sub-page-5 { background: #c496ae url(../images/building_blocks/arrow.png) no-repeat 4% 50%; }

#menu ul li a.active-sub-page-vinvolved { background: #3d0033 url(../images/building_blocks/arrow_white.png) no-repeat 4% 50%; }

/* RIGHT HAND FLASH BANNER */

#flashcontent { 
	margin-left: 19px;
	margin-top: 4px;
	margin-bottom: 3px;
}

#flashcontent img { padding: 0; margin: 0; }


/* HORIZONTAL RULES & COLOURS */

#red-rule { 
	border-top: 3px #ff3333 solid;
	margin: 10px 0 6px 0; 
}

#turqouise-rule { 
	border-top: 3px #66cccc solid;
	margin: 10px 0 6px 0; 
}

#pink-rule { 
	border-top: 3px #ff8a8a solid;
	margin: 10px 0 6px 0; 
}

#yellow-rule { 
	border-top: 3px #ffcc66 solid;
	margin: 10px 0 6px 0; 
}

#orange-rule { 
	border-top: 3px #ff9966 solid;
	margin: 10px 0 6px 0; 
}

#purple-rule { 
	border-top: 3px #c496ae solid;
	margin: 10px 0 6px 0; 
}

#green-rule { 
	border-top: 3px #99cc66 solid;
	margin: 10px 0 6px 0; 
}

#vinvolved-rule { 
	border-top: 3px #ff3333 solid;
	margin: 10px 0 6px 0; 
}

#blue-rule { 
	border-top: 3px #6699cc solid;
	margin: 10px 0 6px 0; 
}



/* HOMEPAGE BOXES */

#home-boxes { 
	margin-top: 17px;
}

#home-boxes h3 { padding: 0px 0px 0px 7px; margin: 3px 0 -5px 0; }

.box-1-heading { 
	background-color: #66cccc;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.home-box-1 { 
	width: 215px;
	/*height: 224px;*/
	float: left;
	margin: 0px 20px 23px 0;
	padding: 0;
	background-color: #d1f0f0;
	border-bottom: 4px solid #66cccc;
}

.box-2-heading { 
	background-color: #ff8a8a;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.home-box-2 { 
	width: 215px;
	/*height: 224px;*/
	float: left;
	margin: 0px 0px 23px 0;
	padding: 0;
	background-color: #ffdcdc;
	border-bottom: 4px solid #ff8a8a;
}

.box-3-heading { 
	background-color: #ffcc66;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.home-box-3 { 
	width: 215px;
	/*height: 224px;*/
	float: left;
	margin: 0px 20px 23px 0;
	padding: 0;
	background-color: #fff0d1;
	border-bottom: 4px solid #ffcc66;
}

.box-4-heading { 
	background-color: #ff9966;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.home-box-4 { 
	width: 215px;
	/*height: 224px;*/
	float: left;
	margin: 0px 0px 23px 0;
	padding: 0;
	background-color: #ffe0d1;
	border-bottom: 4px solid #ff9966;
}

.box-5-heading { 
	background-color: #c496ae;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.home-box-5 { 
	width: 215px;
	/*height: 224px;*/
	float: left;
	margin: 0px 20px 23px 0;
	padding: 0;
	background-color: #F7DDE8;
	border-bottom: 4px solid #c496ae;
}

.box-6-heading { 
	background-color: #99cc66;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.home-box-6 { 
	width: 215px;
	/*height: 224px;*/
	float: left;
	margin: 0px 0px 23px 0;
	padding: 0;
	background-color: #e0f0d1;
	border-bottom: 4px solid #99cc66;
}

.home-box-text { padding: 5px 8px 3px 8px; font-size: 75%; }

.breadcrumb { 
	font-size: 60%;
	margin-bottom: 20px;	
}

.underline { text-decoration: underline; }

.paragraph-heading-top-margin { margin-top: 20px; }

/* CLUB FACILITIES */

.holygrail .col1 ul li { font-size: 80%; font-weight: bold; padding-bottom: 9px; line-height: 1.3em; padding-left: 20px; }

#club-lists { margin-top: 20px; float: left; width: 200px; }

#club-hours { background-color: #d1f0f0; float: right; padding: 3px 10px; margin-top: 20px; width: 220px; }

#vacancy-list { margin-top: 20px; }

/* UNORDERED LIST STYLES (INC IMAGES) */

#turqouise-list { margin-bottom: 20px; }

#turqouise-list ul li { background: url(../images/building_blocks/turqouise_bullet.png) no-repeat 0 2px; }

#red-list ul li { background: url(../images/building_blocks/red_bullet.png) no-repeat 0 3px; }

#red-list ul li a:link { color: #000; }

#red-list ul li a:visited { color: #ff3333; }

#red-list ul li a:hover { color: #ff3333; }

#red-list ul li a:active { color: #ff3333; }

#blue-list ul li { background: url(../images/building_blocks/blue_bullet.png) no-repeat 0 2px; font-weight: normal; }

.col1 .yellow-list { margin: 20px 0; }

.col1 .yellow-list ul li { background: url(../images/building_blocks/yellow_bullet.png) no-repeat 0 2px; font-weight: normal; padding: 0 0 0 15px; }

.col1 .extra-spacing ul li { padding-bottom: 7px; }

.col1 .orange-list { margin: 20px 0; }

.col1 .orange-list ul li { background: url(../images/building_blocks/orange_bullet.png) no-repeat 0 2px; font-weight: normal; padding: 0 0 0 15px; }

/* CHILDREN & YOUNG PEOPLE SPECIFIC STYLES */

#nursery-menu { margin-top: 20px; }

#nursery-menu p { margin-bottom: 4px; }

#nursery-menu a:hover { text-decoration: none; }

.submenu-active { background-color: #ff8a8a; padding: 2px 0 4px 6px; }

.submenu-active a { display: block; }

.submenu-inactive { background-color: #ffdcdc; padding: 2px 0 4px 6px; }

.submenu-inactive a { display: block; }

.dark-pink { color: #ff8a8a; }

.light-pink { color: #ffdcdc; }

.extra-top-padding { padding-top: 10px; }

/* 16-25 YEAR OLDS SPECIFIC STYLES */

.princes-trust-logo { margin: 15px 0 30px 0; }

.y-futures-heading { font-weight: bold; color: #f00; margin: 17px 0; }

.y-futures-paragraph-padding { padding-bottom: 13px; }

.red-text { color: #f00; }

/* VACANCY SPECIFIC STYLES */

.vacancy-postings
 { margin-top: 20px; }

.vacancy-salary { border-bottom: 2px solid #6699cc; padding: 0 0 7px 0; margin-top: 0px; }

.vacancy-back-to-top { border-bottom: 3px solid #6699cc; padding-bottom: 2px; font-size: 65%; text-align: right; text-decoration: underline; margin-bottom: 14px; }

.small-heading-padding { padding: 15px 0; }


/* QUOTE BOXES IN CHARTERS HOME SECTION */

.turqouise-quote-top { background: url(../images/building_blocks/turqouise_quote_bg_top.png) no-repeat; background-color: #d1f0f0; padding: 8px 10px 1px 10px; margin-top: 30px; }

.turqouise-quote-bottom { background: url(../images/building_blocks/turqouise_quote_bg_bottom.png) no-repeat; margin-top: 0px; padding-top: 0px; margin-bottom: 15px; }

/* QUOTE BOXES IN 16-25 "GO GET IT" SECTION */
.quote-top { background: url(../images/building_blocks/quote_bg_top.png) no-repeat; background-color: #fff0d1; padding: 8px 10px 1px 10px; margin-top: 30px; }

.quote-bottom { background: url(../images/building_blocks/quote_bg_bottom.png) no-repeat; margin-top: 0px; padding-top: 0px; margin-bottom: 15px; }

/* FAQ SPECIFIC STYLES */

#faq-list { margin-top: 30px; margin-bottom: 30px; }

.faq-back-to-top { border-bottom: 3px solid #ff3333; padding-bottom: 2px; font-size: 65%; text-align: right; text-decoration: underline; margin-bottom: 14px; }

/* SITEMAP LIST STYLES */

#sitemap { margin: 20px 0; }

#sitemap ul { margin: 0; padding: 0; }

#sitemap ul li { font-size: 12px; font-weight: normal; margin-top: 0; margin-bottom: 6px; padding-top: 0; padding-bottom: 0; }

#sitemap a { text-decoration: underline; }

#sitemap .main-sitemap-heading { font-size: 14px; font-weight: bold; margin-top: 15px; margin-bottom: 10px; }

#sitemap .sitemap-subheading li { font-size: 13px; }

#sitemap .sitemap-subheading-two li { font-size: 12px; }

/* FOOTER */

#footer-wrapper { 
	clear: both;
	float: left;
	width: 820px;
	background: url(../images/building_blocks/shadow_bottom.png) no-repeat 0 -40px; 
	padding-bottom: 10px; }

#footer {
    width:750px;
    margin: 0 30px 0 20px;
	border-top:7px solid #E3E0D1;
}
#footer p {
    padding:10px 0;
    margin:0;
	font-size: 60%;
}

#footer a { 
	padding: 0 10px 0 0px;
}

#kate-credit p { font-size: 60%; margin-left: 23px; margin-top: 7px; color: #999; }
#kate-credit a { color: #999; }