/*

	-- -- -- -- -- -- -- -- -- -- -- -- -- --
	undobrowserdefaults.css
	Undo browser defaults

	http://tantek.com/log/2004/09.html#d06t2354
	-- -- -- -- -- -- -- -- -- -- -- -- -- --
	
*/



/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
hr { display: none; }

/* 	
		
		-- -- -- -- -- -- -- -- --
		screen-design.css for Brookbank Limited websites
		By Stephen Ireland (IVYPARKMEDIA)
		last edited: April 2007
		-- -- -- -- -- -- -- -- --
		
*/



/* Main Layout CSS
----------------------------------------------- */

#finalinfo {
	display: none;
}

#hidden {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	text-indent: -10000px;
	z-index: 1;
}

#hidden a:link, #hidden a:visited {
	display: block;
	cursor: help;
	outline: none;
}

body {
	font: 76% "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
}

#brookbank-network hr {
	display: none;
}

#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	margin: 0;
	float: left;
	width: 100%;
}

#main-content {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	width: 67%;
}

#sidebar {
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	width: 30%;
}

#brookbank-network #main-content .wrapper {
	padding: 5px 0 20px 30px ;
}

/* Header
----------------------------------------------- */



#header ul#network  { float: right; position: relative; padding: 15px 15px 0 0; margin: 0; text-align: right; }
#network li { margin: 0; padding: 0; line-height: 1.6em; font-weight: bold; font-size: 1em; }
#network li a:link, #network li a:visited { }
#network li a:hover { text-decoration: underline; }


#header #wrapper { float: left; width: 100%; position: relative; border-bottom: 1px solid; border-top: 1px solid; padding: 0; margin: 0; }

#header h1 { float: left; display: block; margin: 15px 10px 5px 10px; padding: 0; text-indent: -10000px; background-position: 0 0; background-repeat: no-repeat; }


#navigation { margin: 0; padding: 0 0 0 20px; }
#navigation ul { }
#navigation li { display: inline; font-size: 1.2em; text-transform: uppercase; font-family: "Trebuchet MS", Trebuchet, sans-serif; }
#navigation li a:link, #navigation li a:visited { display: block; float: left; padding: 0.3em 0.6em; }	
#navigation .selected a:link, #navigation .selected a:visited { border-left: 1px solid; border-right: 1px solid; }



/* Important layout definitions
----------------------------------------------- */

.clear { clear: both; }
.image-right { float: right; margin: 0 0 5px 5px; border: 1px solid #000; padding: 1px; }
.image-left { float: left; margin: 0 8px 5px 0; border: 1px solid #000; padding: 1px; }

/* Feedback
----------------------------------------------- */

.sent, .error { font-weight: bold; margin: 10px 10px 0 0; }
.sent { background-color: #0f0; }
.error { background-color: #f00; }
.sent h3, .error h3 { padding: 10px 0 0px 10px; font-family: "Trebuchet MS", Trebuchet, sans-serif; }
.sent p, .error p { padding: 0 0 5px 10px; }

/* Element formatting
----------------------------------------------- */

#main-content h1, #main-content h2, #main-content h3 {
	font-family: "Trebuchet MS", Trebuchet, sans-serif;
}

#main-content p {
	font-size: 1.1em;
	margin: 1em 0 0 0;
	line-height: 1.6em;
}

#main-content p.highlight {
	padding: 1em 0 1em 0; font-size: 1.4em;
	margin: 1em 0 1em 0; }

#main-content h2, #leftside h2 {
	font-size: 2em;
	margin: 1em 0 0 0;
}

#main-content h3 {
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 1.5em 0 1em 0;
}

#main-content h4 {
	font-size: 1.2em;
	margin: 1em 0 0 0;
}

#main-content ul {
	padding: 3px 0 0 20px;
	font-size: 1em;
	line-height: 1.3em;
}

#main-content li {
	list-style-type: square;
}


#main-content h5 {
	padding-left: 10px;
	font-size: 1em;
}

#main-content h6 {
	font-size: 0.9em;
}

/* sidebar
----------------------------------------------- */

#sidebar h3 {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 5px 5px 5px 14px;
	margin: 20px 0 1em 0;
}

#sidebar p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0.8em;
}

#sidebar li {
	margin-bottom: 0.8em;
}

#sidebar ul { margin: 0 5px 0 15px; }

#sidebar ul ul  { margin: 10px 0 0 0; }

#sidebar li li {
	font-size: 0.9em;
	line-height: 0.6em;
}

.links #sidebar {
	margin-bottom: 2em;
}

/* Footer
----------------------------------------------- */

#footer a:link, #footer a:visited {
	color: #d0382d;
	font-weight: bold;
}

#footer a:hover {
	color: #9f0f05;
	text-decoration: underline;
}

/* shared
----------------------------------------------- */

.shared-changes {
	background-color: #fff;
	padding: 5px 10px;
	margin: 20px 0 0 0;
	font-size: 0.8em;
}

/* home stuff new
----------------------------------------------- */

.home #main-content #home-layout {
	width: 100%;
}

.home #main-content #left-home {
	padding: 0;
	margin-right: 245px;
}

.home #main-content #left-home p {
	padding: 0 0 20px 0;
}

.home #main-content #left-home input {
	font-size: 1em;
}

.home #main-content #left-home fieldset {
}

.home #main-content #centre-home {
	width: 210px;
	float: right;
	margin: 0;
	padding: 0;
}

.home #main-content #centre-home ul {
padding: 0; margin: 0;}

.home #main-content #centre-home li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
}

.home #main-content #centre-home .button {
    display: block;
	text-indent: -9999px ;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("http://resource.brookbankcanoes.co.uk/layout/bg/homebuttons.jpg");	
	width: 210px;
	height: 118px;
	outline: none;
}

.home #main-content #centre-home .canoe-expo-button {background-position: 0 0;}
.home #main-content #centre-home .buy-online-button {background-position: 0 -118px;}
.home #main-content #centre-home .secondhand-button {background-position: 0 -236px;}
.home #main-content #centre-home .special-offers-button {background-position: 0 -354px;}
.home #main-content #centre-home .package-deals-button {background-position: 0 -472px;}
.home #main-content #centre-home .courses-button {background-position: 0 -590px;}
.home #main-content #centre-home .advice-articles-button {background-position: 0 -708px;}

.home #main-content #centre-home .canoe-expo-button2 {
    display: block;
	text-indent: -9999px ;
	background-repeat: no-repeat;
	background-image: url("http://resource.brookbankcanoes.co.uk/layout/bg/buy-tickets-now.jpg");
	border: 1px solid #000;	
	width: 208px;
	height: 116px;
	outline: none;
}

/* Brochure request form - Homepage
----------------------------------------------- */

#brochure-request {
	width: 95%;
}

.mail-order-brochure #main-content #brochure-request {
	font-size: 1.3em;
}

#brochure-request p {
	color: #000;
	text-align: left;
}

#brochure-request p em {
	font-style: normal;
	color: #f00;
}

#brochure-request fieldset {
	padding: 5px;
	margin: 0 0 1em 0;
	border: 1px solid;
	text-align: left;
}

.mail-order-brochure #main-content #brochure-request fieldset {
	margin: 10px 0;
}

#brochure-request legend {
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1.2em;
}

#brochure-request ol li {
	list-style-type: none;
	clear: both;
}

#brochure-request label {
	font-weight: bold;
	font-size:  1em;
	line-height: 2.4em;
	color: #000;
	display: block;
	float: left;
	width: 12em;
	}

#brochure-request label em {
	color: #f00;
	font-style: normal;
}

#brochure-request input {
	display: block;
	font-size: 1em;
	float: left;
	margin-top: 5px;
	}


/* Staff
----------------------------------------------- */

.our-staff #main-content ul {
	padding: 0;
	margin: 30px 0 0 0;
}

.our-staff #main-content ul#staff-list li {
	list-style-type: none;
	width: 22.5em;
	height: 12em;
	margin: 0 10px 25px 0;
	float: left;
	position: relative;
}

.our-staff #main-content ul#staff-list li img {
	float: left;
	padding: 0 10px 0 0;
}

.our-staff #main-content ul#staff-list li h3 {
	line-height: 1.6em;
}

.our-staff #main-content ul#staff-list li p {
	font-size: 1.1em;
	clear: left;
}


/* news & events
----------------------------------------------- */

.news-and-events #main-content .news-and-events-home-top {

}

.news-and-events #main-content .news-home {
	width: 48%;
	float: left;
	padding: 0 0 20px 0;
}

.news-and-events #main-content .events-home {
	width: 48%;
	float: right;
	padding: 0 0 20px 0;	
}

.news-and-events #main-content h4 {
	font-size: 1.5em;
}

.news-and-events #main-content h4 em {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.5em;
	letter-spacing: 0.2em;
	line-height: 2em;
	}

.news-and-events #main-content p {
	padding: 0 0 10px 0;
	}

.news-and-events #main-content p img {
	float: right;
	padding: 0 0 2px 4px
	}


.news-and-events #sidebar p em {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	}


/* links
----------------------------------------------- */

.links #main-content ul.link-list {
	padding: 0;
}

.links #main-content .link-list li {
	padding: 0.5em 0 1em 0;
	list-style-type: none;
	}
	
.links #main-content .link-list li img {
	float: right;
	border: 1px solid;
	margin-left: 10px;
	}


/* Directions
----------------------------------------------- */

.directions #map { position: relative; width: 100%; height: 300px; margin: 10px 0 10px 0; border: 1px solid #000; /* background-image: url(../layout/bg/map.gif); background-position: center top; background-repeat: no-repeat; */ }

.directions #sidebar .vcard {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0.8em;
}

.directions #sidebar .org {
	font-weight: bold;
}

.directions #sidebar .adr {
	padding: 0 0 1em 0;
}

/* Contact us
----------------------------------------------- */

#sidebar .vcard {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0.8em;
}

#sidebar .org {
	font-weight: bold;
}

#sidebar .adr {
	padding: 0 0 1em 0;
}

#sidebar .tel {
	padding: 0 0 1em 0;
}

#sidebar .url {
	padding: 0 0 1em 0;
}
#sidebar .type {
	font-weight: bold;
}

.contact-us #main-content .contact-form {
	font-size: 1.3em;
}

.contact-us #main-content label {
	font-weight: bold;
}

.contact-us #main-content .inputtext {
	font-size: 1.3em;
	font-family: "Lucida Grande", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
}

.contact-us #main-content .textarea {
	font-size: 1em;
}

/* Footer
----------------------------------------------- */

#footer { clear: both; text-align: left; padding: 42px 15px 15px 15px ; margin-top: 3em; }
#footer .list ul { float: left; font-size: 0.8em; margin: 10px 15px 10px 0; }

#footer p.copyright {
	clear: both;
	float: left;
	width: 40em;
	text-align: left;
}

#footer p.credit {
	float: right;
	width: 20em;
	text-align: right;
}

/* Admin formatting CSS ---------------------------*/

.brochure-requests #main-content td {
	padding: 8px;
}

.brochure-requests #main-content th {
	background-color: #000;
	color: #fff;
	padding: 8px;
}

.adminform { border: 1px dotted #9B2318; margin: 0 10px 0 20px; padding: 20px; }
.adminform label { font-weight: bold; }
/*.adminform input,*/ .adminform textarea { width: 450px; margin-bottom: 10px; font-size: 1em; line-height: 1em; font-family: "Trebuchet MS", Arial, sans-serif; border: 1px solid #000; }
.adminform textarea { height: 300px; }

.edit-buttons { margin: 0 0 0 40px; padding: 0; }
.edit-buttons ul { font-size: 10px; line-height: 1em; padding: 0; margin: 0;}
.edit-buttons li { display: inline; font-family: "Monaco", sans-serif; text-transform: uppercase; }
.edit-buttons li a:link, .edit-buttons li a:visited { display: block; float: left; font-weight: normal; text-decoration: none; background-color: #66FF99; padding: 0.3em 0.5em; margin: 0 1px 1px 0; color: #000; }
.edit-buttons li a:hover { background-color: #00FF66; text-decoration: none; }
.edit-buttons p { clear: both; padding-bottom: 10px; }

#sidebar .edit-buttons { margin: 0 0 0 0; padding: 0; }

.manage-pages #main-content h3 { padding: 20px 0 0 0; font-size: 1.6em; text-transform: uppercase; }
.manage-pages #main-content ul { padding: 10px 0 0 0; margin: 0; }
.manage-pages #main-content li { font-size: 1em; line-height: 2em; padding: 0; margin: 0; list-style-type: none; }
.manage-pages #main-content li a:link, .manage-pages #main-content li a:visited { text-transform: uppercase; font-family: "Monaco", sans-serif; font-size: 0.8em; text-decoration: none; background-color: #66FF99; padding: 0.3em 0.3em; margin: 0; color: #000; }
.manage-pages #main-content li a:hover { background-color: #00FF66; text-decoration: none; }