/* Style sheet for Beeston BID

Colours
magenta #c91c87 (201, 28, 135)
cyan #22a7de (34, 167, 222)
lime #bdcc54 (189, 204, 84)
red #c93035 (201, 48, 53)
purple #822f89 (130, 47, 137)
orange #d36b3b (211, 107, 59)
grey #7f8184 (127, 129, 132)

Windows
Form borders #7f9db9

*/

html {
	overflow: scroll;
}
body, html {
	margin:0;
	margin-bottom: 15px;
	padding:0;
	background: #fff;
	color: #000;
	text-align: center;
}
#wrapper {
	width: 1024px;
	margin: 0 auto;
	background: #fff;
	text-align: center;
}
p, a, th, td, ul, ol {
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}
/* BANNER */
#banner {
	margin: 0;
	margin-top: -12px;
	padding: 0;
	width: 1024px;
	height: 165px;
	background: #fff url(images/beeston_bid_banner.jpg) no-repeat top left;
}
#banner p a {
	background-color: #e0e0e0;
}
#banner p a.back_to_home {
	display: block;
	width: 1024px;
	height: 150px;
	background-color: transparent;
	text-align: left;
}
/* HEADER */
#header {
	height: 28px;
	margin-top: 5px;
	padding-top: 5px;
	background-color: #7f8184;
}
#header2 {
	margin: 0;
	padding: 0;
	height: 28px;
	background: #7f8184;
}
#header2 p, #header2 p a {
	margin: 0;
	padding: 0;
	line-height: 28px;
	color: white;
	font-weight: bold;
}

/* CONTENT */
#content {
	width: 1024px;
	min-height: 320px;
	height:auto !important;
	height:320px;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: left;
}
#content p, #content p a {
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}
#content img {
	border: none;
}
#content .paragraph {
	width: 640px;
	}
#content p.warning, #content p span.warning {
	color: #c00;
}
#content p.indent {
	margin-left: 1em;
}
.hide_this {
	display: none;
}

/* LAYOUT */
#full {
	width: 664px;
	padding-left: 340px;
	padding-bottom: 35px;
	border-top: 5px solid #7f8184;
	background-image: url(images/beekeeper.jpg);
	background-repeat: no-repeat;
	background-position: 0 -48px;
}
.full {
	width: 994px;
	margin: 0;
	padding: 10px;
	padding-bottom: 35px;
	border: 5px solid #7f8184;
}
#full p, .full p {
	margin-bottom: -5px;
}
#column1, #column2 {
	float: left;
	margin: 0;
	padding: 0;
}
#column1 {
	width: 514px;
}
#column2 {
	width: 515px;
	margin-left: -5px;
}
#full h1, .full h1, #column1 h1, #column2 h1 {
	font: 14px/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font: 14px/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#full h2, .full h2, #column1 h2, #column2 h2 {
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	margin: 0;
	padding: 0;
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.magenta, .cyan, .lime, .red, .purple, .orange {
	margin: 0;
	padding: 10px;
	color: white;
	border: 5px solid #7f8184;
	border-top: none;
}
.magenta a, .cyan a, .red a, .purple a, .orange a, .magenta a:visited, .cyan a:visited, .red a:visited, .purple a:visited, .orange a:visited, .magenta ul li a, .cyan ul li a, .red ul li a, .purple ul li a, .orange ul li a {
	color: white;
}
.lime ul li a {
	color: black;
}

/* LIST */
ul {
	margin-left: 0;
	padding: 0 10px;
	list-style: none;
}
ul li {
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
.magenta ul, .cyan ul, .lime ul, .red ul, .purple ul, .orange ul {
	margin: 0;
	margin-left: 10px;
	list-style: url(images/arrow_white.png);
}
.magenta ul.black, .cyan ul.black, .lime ul.black, .red ul.black, .purple ul.black, .orange ul.black {
	list-style: url(images/arrow_black.png);
}

div.magenta {
	background-color: #c91c87;
}
div.cyan {
	background-color: #22a7de;
}
div.lime {
	color: black;
	background-color: #bdcc54;
}
div.red {
	background-color: #c93035;
}
div.purple {
	background-color: #822f89;
}
div.orange {
	background-color: #d36b3b;
}

/* LINKS */
/*a:link {color: #035297}	/* unvisited link */
/*a:visited {color: #035297} /* visited link */
/*a:hover {color: #01b1ae} /* mouse over link */
/*a:active {color: #0000ff} /* selected link */

/* NAVIGATION */
.menu {
	width: 1024px;
	}
.menu ul {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	list-style: none;
	}
.menu li {
	float:left;
	width:122px;
	background-color: #822f89;
	margin-right: 5px;
	}
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	height:28px;
	padding-left:5px;
	line-height:27px;
	font-weight:bold;
	}
.menu a:hover {
	color: #fff;
	background: #22a7de;
	}
.menu :hover > a {
	color: #fff;
	background-color: #22a7de;
	}
.menu a.current, .menu a.current:hover, .menu a.current:visited  {
	color: #fff;
	background: #c91c87;
	}
.menu a.current_cyan, .menu a.current_cyan:hover, .menu a.current_cyan:visited  {
	color: #fff;
	background: #22a7de;
	}
.menu a.current_lime, .menu a.current_lime:hover, .menu a.current_lime:visited  {
	color: #fff;
	background: #bdcc54;
	}
.menu a.current_red, .menu a.current_red:hover, .menu a.current_red:visited  {
	color: #fff;
	background: #c93035;
	}
.menu a.current_orange, .menu a.current_orange:hover, .menu a.current_orange:visited  {
	color: #fff;
	background: #d36b3b;
	}
	
/* TABLE */
table {
	border: none;
}
table td {
	color: #fff;
}

/* CONTACT FORM */
form.contact_form {
	margin: 1em 0;
}
form.contact_form fieldset {
	border: none;
}
form.contact_form fieldset legend {
	display: none;
}
form.contact_form p, form.contact_form br {
	clear: left;
	margin: 0;
	padding: 0;
}
form.contact_form p label {
	float: left;
	width: 160px;
	cursor: pointer;
}
form.contact_form p label.long_label {
	float: left;
	width: 320px;
	cursor: pointer;
}
form.contact_form p label.free_label {
	float: left;
	width: auto;
	cursor: pointer;
}
form.contact_form fieldset input[type="text"], form.contact_form fieldset textarea {
	margin-bottom: 1px;
	padding: 1px 5px 2px 2px;
	border: 1px solid #7f9db9;
}
form.contact_form fieldset input:focus {
	background-color: #ffc;
}
form.contact_form textarea:focus {
	background-color: #ffc;
}
label.warning, p.warning {
	color: #cc0000;
}

/* FOOTER */
#footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	background: #fff;
}
#footer p {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	line-height: 1.6;
}
#footer p small {
	font-size: 11px;
	color: #545351;
}
#footer p.links a {
	margin-right: 5px;
	color: #545351;
}
#footer p.links a:hover {
	color: #01b1ae;
}

/* TEXT WRAPPER */
.lW { float: left; clear: left; height: 15px; }
.rW { float: right; clear: right; height: 15px; }

/* VALIDATION */
p.w3c {
	padding-left: 10px;
	text-align: center;
	font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
}
p.w3c img {
	border: none;
}