/* STYLESHEET FOR 3rd BASINGSTOKE BOYS BRIGADE */



/* PAGE CENTERING */

div.center {
	margin: 0 auto;
	width: 800px;
}



/* BACKGROUND COLOR */

body {
	background-color: #FFFFED;
}



/* ALL IMAGES */

img {
	border: 0;
}



/* ALL MARGINS */

div, form, table, p, h1, h2, h3, h4, h5, ul, blockquote {
	margin: 0;
	padding: 0;
}



/* MEMBER LOG IN */

#login {
	position: relative;
	width: 251px;
	height: 90px;
	top: -243px;
	left: 549px;
	z-index: 1;
}

#login p {
	font-family: verdana,arial,sans serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-bottom: 5pt;
}

#login label {
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	color: #444444;
	float: left;
	width: 100px;
	text-align: right;
	margin-bottom: 3px;
}

#login input {
	margin-bottom: 3px;
}

#login a {
	font-family: verdana,arial,sans serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #343E9B;
}

#login a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

#login a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

#login span {
	float: right;
}



/* NAVIGATION */

div.leftnav {
	position: relative;
	float: left;
	width: 215px;
	height: 1150px;
	top: -75px;
	left: 0px;
}

ul.navigation {
	list-style-type: none;
}

li.top a {
	font-family: verdana,arial,sans serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #343E9B;
	display: block;
	width: 215px;
	margin-bottom: 7px;
	padding: 5px 3px 5px 3px;
}

li.primary a {
	font-family: verdana,arial,sans serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #343E9B;
	display: block;
	width: 215px;
	margin: 15px 0px 7px 0px;
	padding: 5px 3px 5px 3px;
}

li.secondary a {
	font-family: verdana,arial,sans serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
	background-color: #B8CAEE;
	display: block;
	width: 215px;
	margin-bottom: 7px;
	padding: 5px 3px 5px 3px;
}

ul.navigation a:hover {
	color: #C22C2B;
	background-color: #FFE107;
}

#current {
	color: #C22C2B;
	background-color: #FFE107;
}

ul.navigation span {
	color: #C22C2B;
}



/* WEBRING & ROUNDABOUT */

div.webring {
	margin-top:15px;
}

img.webring {
	margin-left:1.2px;
}

div.roundabout {
	margin-top:20px;
}

#roundabout {
	background-color: #FFFFFF;
	line-height: 130%
}

#roundabout a {
	font-family: times,times new roman,serif;
	font-size: 11pt;
	text-decoration: none;
	color: #0000FF;
}

#roundabout a:hover {
	text-decoration: underline;
}

#roundabout a:focus {
	text-decoration: underline;
}

div.valid {
	margin-top: 20px;
}



/* MAIN CONTENT - HEADINGS & PARAGRAPHS */

div.content {
	position: relative;
	float: right;
	width: 550px;
	height: 1150px;
	top: -75px;
	left: 0px;
}

div.leaders {
	background-color: #343E9B;
	width: 526px;
	margin-top: 40px;
	padding: 12px;
}

div.key_dates {
	background-color: #343E9B;
	width: 526px;
	padding: 12px;
	margin-top: 10px;
}

div.event {
	background-color: #343E9B;
	width: 526px;
	margin-top: 20px;
	padding: 12px;
}

div.guestbook {
	border: 2pt solid #343E9B;
	padding: 12px;
	margin-top: 20px;
	background-color: #B8CAEE;
}

h1 {
	font-family: georgia,times new roman,serif;
	font-size: 33pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-bottom: 17pt;
}

h2 {
	font-family: georgia,times new roman,serif;
	font-size: 17pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin: 22pt 0pt 2pt 0pt;
}

h3 {
	font-family: verdana,arial,sans serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 12px;
}

h3.event {
	font-size: 42pt;
	text-align: center;
}

h3.date {
	font-size: 26pt;
	text-align: center;
}

h5 {
	font-family: verdana,arial,sans serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 120%;
}

p.first_paragraph {
	font-family: georgia,times new roman,serif;
	font-size: 14pt;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: 130%;
}

p.first_paragraph a {
	font-family: verdana,arial,sans serif;
	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
	line-height: 130%;
}

p.first_paragraph a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.first_paragraph a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

p.body {
	font-family: georgia,times new roman,serif;
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: 130%;
}

p.body a {
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
	line-height: 130%;
}

p.body a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.body a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

p.leaders {
	font-family: georgia,times new roman,serif;
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 130%;
	width: 245px;
	margin-left: 263px;
	padding: 10px;
	background-color: #B8CAEE;
}

p.leaders span {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: bold;
	color: #C22C2B;
}

p.leaders a {
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	line-height: 130%;
}

p.leaders a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.leaders a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

p.leaders a.presidents {
	color: #C22C2B;
}

p.key_dates {
	font-family: verdana,arial,sans serif;
	font-size: 13pt;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 130%;
}

p.event {
	font-family: verdana,arial,sans serif;
	font-size: 15pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 120%;
}

p.calendar a {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
	line-height: 130%;
}

p.calendar a:hover {
	text-decoration: underline;
}

p.calendar a:focus {
	text-decoration: underline;
}

#anchor {
	color: #C22C2B;
}

#company {
	color: #009933;
}



/* MAIN CONTENT - BOX LAYOUTS */

div.box_yellow {
	border: 2pt solid #000000;
	width: 240px;
	background-color: #FFE107;
	padding: 8pt;
	margin-top: 20px;
}

div.box_blue {
	border: 2pt solid #000000;
	width: 240px;
	background-color: #343E9B;
	padding: 8pt;
	margin-top: 20px;
}

div.box_red {
	border: 2pt solid #000000;
	width: 240px;
	background-color: #C22C2B;
	padding: 8pt;
	margin-top: 20px;
}

div.box_white {
	border: 2pt solid #000000;
	width: 240px;
	background-color: #FFFFFF;
	padding: 8pt;
	margin-top: 20px;
}

div.box_black {
	border: 2pt solid #000000;
	width: 240px;
	background-color: #000000;
	padding: 8pt;
	margin-top: 20px;
}

h3.box {
	font-size: 19pt;
}

h3.box_black {
	font-size: 19pt;
	color: #000000;
}

p.box_black {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 140%;
}

p.box_black a {
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
}

p.box_black a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.box_black a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

p.box_black span {
	color: #C22C2B;
}

p.box_white {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: normal;
	color: #C22C2B;
	text-align: left;
	line-height: 140%;
}

p.box_white a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

p.box_white a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.box_white a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

p.box_red {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	line-height: 140%;
}

p.box_red a {
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
}

p.box_red a:hover {
	text-decoration: underline;
	color: #FFE107;
}

p.box_red a:focus {
	text-decoration: underline;
	color: #FFE107;
}

p.box_blue {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	line-height: 140%;
}

p.box_blue a {
	font-weight: bold;
	text-decoration: none;
	color: #FFE107;
}

p.box_blue a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.box_blue a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

img.box_logo {
	width: 240px;
	margin-bottom: 7pt;
}

img.box_pic {
	border: 1pt solid #000000;
	width: 240px;
	margin-bottom: 7pt;
}



/* MAIN CONTENT - LISTS */

ul.body {
	list-style-type: disc;
	font-family: georgia,times new roman,serif;
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
	line-height: 130%;
	margin-left: 60px;
}

ul.prev {
	list-style-type: none;
	font-family: verdana,arial,sans serif;
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
	margin-top: 40pt;
	text-align: left;
	float: left;
}

ul.prev li a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #343E9B;
	padding: 6pt 10pt 6pt 10pt;
	margin-top: 4pt;
	display: block;
}

ul.prev li a:hover {
	color: #C22C2B;
	background-color: #FFE107;
}

ul.prev span {
	color: #C22C2B;
}

ul.next {
	list-style-type: none;
	font-family: verdana,arial,sans serif;
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
	margin-top: 40pt;
	text-align: right;
	float: right;
}

ul.next li a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #343E9B;
	padding: 6pt 10pt 6pt 10pt;
	margin-top: 4pt;
	display: block;
}

ul.next li a:hover {
	color: #C22C2B;
	background-color: #FFE107;
}

ul.next span {
	color: #C22C2B;
}

ul.xphils {
	list-style-type: disc;
	font-family: verdana,arial,sans serif;
	font-size: 10pt;
	font-weight: normal;
	color: #C22C2B;
	line-height: 150%;
	margin-left: 60px;
}

ul.xphils a {
	font-size: 14pt;
	font-weight: bold;
	color: #343E9B;
	text-decoration: none;
}

ul.xphils a:hover {
	color: #C22C2B;
	text-decoration: underline;
}

ul.xphils a:focus {
	color: #C22C2B;
	text-decoration: underline;
}

#xphils_list {
	width: 170px;
	float: right;
}

ul.xphils_list {
	list-style-type: none;
}

ul.xphils_list li a {
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 150%;
	background-color: #343E9B;
	margin-top: 10pt;
	padding: 4pt 4pt 4pt 10pt;
	display: block;
}

ul.xphils_list li a:hover {
	color: #C22C2B;
	background-color: #FFE107;
}



/* MAIN CONTENT - TABLES */

table.section {
	background-color: #FFFFFF;
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	line-height: 150%;
	text-align: left;
	margin: 13pt 0pt 0pt 40px;
	width: 470px;
}

table.section td.heading {
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #343E9B;
	padding: 5pt;
}

table.section tr.content {
	background-color: #B8CAEE;
}

table.section td.age {
	text-align: center;
}

table.section td a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 5pt;
}

table.section td a:hover {
	color: #C22C2B;
	background-color: #FFE107;
}

table.discover {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0;
	width: 480px;
	margin-left: 25px;
}

table.ranks {
	font-family: verdana,arial,sans serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0;
	width: 480px;
}

table.points {
	width: 550px;
	border: 3pt solid #343E9B;
	background-color: #B8CAEE;
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: normal;
	color: #000000;
	line-height: 120%;
	text-align: left;
}

table.points td {
	border: 0.5pt solid #000000;
}

table.points td.title {
	background-color: #343E9B;
	color: #FFFFFF;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	padding: 7pt 0pt 10pt 0pt;
	border: 0;
}

table.points td.zone {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	line-height: 140%;
	border-bottom: 1pt solid #000000;
}

table.points td.subheading {
	font-size: 14pt;
	font-weight: bold;
	border-bottom: 1pt solid #000000;
}

table.points td.subzone {
	font-size: 13pt;
	font-weight: bold;
	border-right: 0;
}

table.points td.christian {
	font-size: 13pt;
	font-weight: bold;
	color: #C22C2B;
	border-right: 0;
}

table.points td.free {
	font-size: 12pt;
	font-weight: bold;
	border-bottom: 1pt solid #000000;
}

table.points td.free span {
	margin-left: 225px;
}

table.captains {
	background-color: #FFFFFF;
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	line-height: 150%;
	text-align: left;
	width: 550px;
}

table.captains td.heading {
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #343E9B;
	padding: 5pt;
}

table.captains tr.content {
	background-color: #B8CAEE;
}

table.captains td.year {
	text-align: center;
}

table.captains td a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 5pt;
}

table.captains td a:hover {
	color: #C22C2B;
	background-color: #FFE107;
}

table.details {
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: normal;
	color: #000000;
	line-height: 150%;
	text-align: left;
	width: 526px;
}

table.details td.right {
	text-align: right;
	font-weight: bold;
}

table.details td.comment_id {
	text-align: right;
}

table.details td a {
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
	line-height: 130%;
}

table.details td a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

table.details td a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

table.download {
	font-family: verdana,arial,sans serif;
	font-size: 13pt;
	font-weight: normal;
	color: #000000;
	text-align: center;
	border: 0;
	width: 560px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}

table.download th {
	font-size: 15pt;
	font-weight: bold;
	text-align: left;
}

table.download td.noimage {
	font-size: 11pt;
	font-style: italic;
}

table.four-col td {
	width: 140px;
	padding: 4px;
}

table.three-col td {
	width: 186px;
	padding: 4px;
}

table.two-col td {
	width: 280px;
	padding: 4px;
}

table.download a {
	font-weight: bold;
	color: #343E9B;
	text-decoration: none;
}

table.download a:hover {
	color: #C22C2B;
	text-decoration: underline;
}


/* MAIN CONTENT - FORMS */

#contact_form {
	border: 2pt solid #343E9B;
	padding: 12px;
	margin-top: 60px;
	background-color: #B8CAEE;
}

#contact_form form {
	font-family: verdana,arial,sans serif;
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	line-height: 140%;
}

h4 {
	font-family: verdana,arial,sans serif;
	font-size: 19pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-bottom: 12px;
}

#contact_form label {
	font-family: verdana,arial,sans serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	float: left;
	width: 150px;
	margin-top: 12px;
}

#contact_form input {
	padding: 3pt;
	margin-top: 12px;
}

#contact_form textarea {
	padding: 3pt;
	margin-top: 12px;
}

#contact_form span {
	margin-left: 330px;
}

#contact_form span input {
	font-weight: bold;
	font-size: 11pt;
}

#contact_form span.ex {
	margin-left: 150px;
}



/* MAIN CONTENT - IMAGES & MISC. */

div.cal_content {
	position: relative;
	float: right;
	width: 550px;
	height: 750px;
	top: -315px;
	left: 0px;
}

div.calendar {
	position: relative;
	width: 280px;
	height: 240px;
	top: 42px;
	left: -2px;
	z-index: 3;
	float: right;
	cursor: pointer;
}

div.calendar table td a {
	display: block;
	width: 280px;
	height: 240px;
}

iframe.about_calendar {
	border: 0;
	width: 280px;
	height: 280px;
	float: right;
	margin: 0pt 0pt 5pt 14pt;
}

iframe.xphils_map {
	border: 0;
	width: 350px;
	height: 350px;
	float: left;
}

blockquote {
	border: 1pt solid #000000;
	background-color: #FFFFFF;
	font-family: georgia,times new roman,serif;
	font-size: 13pt;
	font-weight: normal;
	font-style: italic;
	color: #343E9B;
	text-align: left;
	line-height: 130%;
	padding: 4pt 5pt 4pt 10pt;
	margin: 13pt 0pt 13pt 0pt;
}

blockquote#motto {
	width: 40%;
	margin-left: 30pt;
}

img.emblem {
	position: relative;
	width: 109px;
	height: 135px;
	top: -22px;
	left: 0px;
	border: 1pt solid #000000;
	background-color: #FFFFFF;
	padding: 5pt;
}

img.founder {
	margin: 0pt 0pt 5pt 13pt;
}

img.award {
	border: 1pt solid #000000;
	margin-right: 10pt;
}

img.uniform {
	border: 1pt solid #000000;
	background-color: #FFFFFF;
	margin: 0pt 0pt 4pt 12pt;
	padding: 3pt;
}

img.ranks {
	padding: 9pt 7pt 0pt 7pt
}

img.wheel {
	margin-left: 13pt;
}

img.gallery {
	width: 550px;
	border: 1pt solid #000000;
	cursor: pointer;
}

img.history_right {
	border: 1pt solid #000000;
	width: 250px;
	margin: 5pt 0pt 5pt 10pt;
}

img.history_left {
	border: 1pt solid #000000;
	width: 250px;
	margin: 5pt 10pt 5pt 0pt;
}

img.links {
	position: relative;
	width: 44px;
	height: 50px;
	top: 17px;
	left: 0px;
	margin-right: 12px;
}

img.logo {
	background-color: #FFFFFF;
	padding: 7pt;
	border: 1pt solid #000000;
	margin-left: 15pt;
}

img.event {
	border: 1pt solid #000000;
	margin: 0pt 0pt 7pt 30pt;
}

img.barclays {
	position: relative;
	width: 163px;
	height: 30px;
	left: 0px;
	top: 7px;
}

img.xphils {
	border: 1pt solid #000000;
	margin: 0pt 0pt 5pt 10pt;
}

img.left_logo {
	border: 1pt solid #000000;
	margin: 5pt 10pt 5pt 0pt;
	background-color: #FFFFFF;
	padding: 5pt;
}

#life_boys {
	border: 1pt solid #000000;
	margin: 0pt 10pt 5pt 0pt;
}

hr.divide {
	width: 550px;
	color: #000000;
}

hr.visitor {
	position: relative;
	width: 360px;
	height: 1px;
	left: 0px;
	top: 5px;
	margin-left: 150px;
	color: #000000;
}

hr.comment {
	width: 100%;
	color: #000000;
}



/* FOOTER */

p.top {
	text-align: right;
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	color: #C22C2B;
}

p.top a {
	font-family: verdana,arial,sans serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #343E9B;
}

p.top a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.top a:focus {
	text-decoration: underline;
	color: #C22C2B;
}

hr.footer {
	width: 100%;
	color: #000000;
}

p.footer {
	font-family: verdana,arial,sans serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
}

p.footer a {
	text-decoration: none;
	color: #343E9B;
}

p.footer a:hover {
	text-decoration: underline;
	color: #C22C2B;
}

p.footer a:focus {
	text-decoration: underline;
	color: #C22C2B;
}