* {
	margin:					0px;
	padding:				0px;
	}

/* -----------------------------------------------------> DEV HELPERS / ALERTS STYLING
*/

.LocalHelper {
	position:				fixed;
	top:						35px;
	left:						10px;
	padding:				5px;
	text-align:				left;
	border:					1px solid #555;
	background:			#3d5;
	line-height:			1.3;
	font:						10px/14px arial;
	color:					#000;
	}

.StageAlert {
	position:				fixed;
	top:						0px;
	left:						0px;
	padding:				5px 20px;
	text-align:				left;
	background:			#f00;
	color:					#fff;
	font:						10px/14px arial;
	}

/* -----------------------------------------------------> SITE STYLING
*/

html {
	height:					100.1%;
	}

body {
	font-family:			verdana,sans-serif;
	font-size:				1em;
	background:				#9cc;
	text-align:				center;
	}

img {
	border:					0px;
	}

hr {
	display:				none;
	}

a {
	color:					#f60;
	}

a:hover {
	color:					#000;
	}

.wrapper {
	margin:					0 auto;
	width:					960px;
	}

.wrapperFloat {
	float:					left;
	width:					960px;
	background:				#fff;
	margin-bottom:			5px;
	}

.main {
	margin:					0 auto;
	text-align:				left;
	width:					940px;
	background:				#fff;
	}


/* ============ header.inc =============== */

.header {
	display: block;
	width: 940px; height: 138px;
	}
	.header .top {
		display: block; float: left;
		width: 940px; height: 5px;
		background: #f60;
		}
	.header .logo a {
		display: block; float: left;
		width: 245px; height: 128px;
		background: #008080;
		}
	.header .logo a img {
		position: relative;
		top: 15px; left: 20px;
		}
	.header .slogan {
		display: block; float: left;
		width: 469px; height: 128px;
		background: url(../img/header_slogan.gif) 10px 45px no-repeat;
		}
	.header h3 {
		display: none;
		}
	.header .people_img {
		display: block; float: left;
		width: 226px; height: 128px;
		background: url(../img/header_people.jpg) no-repeat;
		}
	.header .bottom {
		display: block; clear: both;
		width: 940px; height: 5px;
		background: url(../img/header_bottom.gif) no-repeat;
		}
	.header hr {
		display: none;
		}

/* ============ main body =============== */

.body {
	float: left;
	width: 940px;
	min-height: 481px;
	background: #fff;
	padding-bottom: 10px;
	font-size: 0.7em;
	}

.bodyback {
	float: left;
	width: 100%;
	background: #fff url(../img/content_back.gif) repeat-y;
	}

/* ============ menu =============== */

.menu {
	float: left;
	width: 245px; min-height: 481px;
	background: #0a8585 url(../img/menu_back.gif) 0 100% repeat-x;
	color: #fff;
	}

* html .menu {height: 481px;}

.menu ul li {list-style: none;}

.menu p.cat a {
	display: block;
	padding: 4px 3px 5px 20px;
	font-weight: bold; color: #fff; text-decoration: none;
	}

.menu p.sub a {
	display: block;
	padding: 4px 3px 2px 20px;
	font-weight: bold; color: #fff; text-decoration: none;
	}

.menu a#menuon {
	background: #f60;
	}

.menu p.cat a:hover, .menu p.sub a:hover {
	background: #f60;
	}

.menu ul.submenu {
	padding: 2px 0 5px 0;
	background: #366;
	}

.menu ul.submenu p.sub a {
	font-weight: normal;
	}

.menu ul.submenu li p.sub a#submenuon {
	font-weight: bold;
	}

.menu ul.submenu li p.sub a:hover {
	background: none;
	text-decoration: underline;
	}

.menu ul.subsubmenu {
	width: 225px;
	font-size: 0.9em;
	padding: 0 0 8px 20px;
	background: #366;
	}

.menu ul.subsubmenu li a {
	display: block;
	padding-top: 2px;
	padding-left: 20px;
	color: #fff; text-decoration: none;
	}

.menu ul.subsubmenu li a:hover {
	font-weight: bold;
	text-decoration: none;
	}

.menu ul.subsubmenu li a#subsubmenuon {
	font-weight: bold;
	}

.menu ul.subsubmenu li a:hover#subsubmenuon {
	cursor: default;
	}

/* ============ search =============== */

.search {
	display: block;
	width: 226px; height: 34px;
	padding: 10px 0 0 19px;
	}

.search input#searchtxt {
	float: left;
	background: #e6e7e8;
	width: 177px;
	}

.search img#seekicon {
	float: left;
	cursor: pointer;
	margin-left: 5px;
	}

.search input#searchbtn {
	display: block;
	float: left;
	margin-left: 4px;
	padding-left: 20px;
	width: 17px; height: 17px;
	background: url(../img/search_icon.gif) no-repeat;
	border: 0px;
	cursor: pointer;
	}

/* ============ content =============== */

.content {
	float:						left;
	width:					469px;
	overflow:				hidden;
	min-height:			458px;
	line-height:			1.5;
	}

* html .content {
	height:					470px;
	}

.contentPad {
	float:						left;
	padding:				10px;
	position:				relative;
	}

.content h2, .content h3 {
	font-weight: bold;
	color: #00848c;
	}

.content h2 {
	font-size: 1.3em;
	margin-bottom: 3px;
	}

.content h3 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 16px;
	}

.content h4 {
	font-size: 1em;
	line-height: 1.5;
	margin-top: 12px;
	color: #000;
	}

.content h2.eventWidth, .content h3.eventWidth {
	width:					350px;
	}

.content p {
	line-height: 1.5;
	margin-bottom: 16px;
	overflow: hidden;
	}

.content ul {
	position: relative;
	top: -30px;
	padding-left: 20px;
	margin-bottom: 0px;
	margin-top: 5px;
	}

.content ul ul {
	position: relative;
	top: 10px;
	}

.content ul li {
	position: relative;
	top: 25px;
	margin-bottom: 15px;
	}

.content ol {
	position: relative;
	top: -30px;
	padding: 0 0 0 0px;
	margin: 0 0 0 25px;
	}

.content ol li {
	position: relative;
	top: 28px;
	margin: 0 0 15px 0;
	padding: 0px;
	}

.content table {
	margin-bottom: 16px;
	}

.content table td {
	padding: 0 2px;
	}

.content img {
	padding:				0 2px;
	}

.BookEvent a {
	position:				absolute;
	left:					365px;

	display:				block;
	width:					85px;
	height:					21px;
	background:				url(../img/GrayBtn.gif) no-repeat;
	color:					#000;
	font-size:				1em;
	font-weight:			bold;
	padding-top:			7px;
	padding-left:			10px;
	text-decoration:		none;
	}

.BookEvent a:hover {
	background:				url(../img/GrayBtn_on.gif) no-repeat;
	}

.BookEvent span {
	position:				absolute;
	left:					355px;
	display:				block;
	width:					95px;
	height:					21px;
	background:			#f00;
	color:					#fff;
	font-size:				1em;
	font-weight:			bold;
	padding-top:			7px;
	padding-left:			5px;
	padding-right:		5px;
	text-decoration:		none;
	}

/* ============ downloads  =============== */

.downloads {
	float: left;
	width: 220px; height: 52px;
	margin-bottom: 10px;
	background: url(../img/content_dlBack.gif) bottom left no-repeat;
	font-size: 0.9em; color: #666;
	}

.downloads .icon {
	width: 220px; height: 52px;
	}

.downloads p {
	float: left;
	padding: 14px 0 0 55px;
	}

.downloads a {
	font-weight: bold;
	color: #000;
	}

/* ============ Homepage - Flash & Blurb  =============== */

.homeFlash {
	width: 449px; height: 276px;
	background: #ddd;
	}

.homeBlurb {
	float: left;
	width: 449px;
	border-top: 3px solid #f60;
	}

.homeBlurb h3 {
	margin-top: 12px;
	font-size: 1.4em;
	color: #f60;
	}

.homeBlurb p {
	width: 430px;
	margin-top: 1px;
	font-size: 1.2em;
	color: #00848c;
	line-height: 1.4;
	}

/* ============ right side column  =============== */

.rsidebar {
	float: left;
	width: 226px;
	min-height: 458px;
	background: #fff;
	}

* html .rsidebar {height: 470px;}

.rsidebar img {
	margin-bottom: 10px;
	}

.rsidebar .pageimage {
	float:							left;
	width:						226px;
	height:						225px;
	margin-top:				10px;
	}

.rsidebar .pageimage.default {
	background:			url(../img/rsidebar_img.jpg) no-repeat;
	}

.ddquickLink {
	margin-bottom: 1px;
	width: 226px; height: 94px;
	background: #008080;
	}

.ddquickLink select {
	float: left;
	margin: 0 6px 0 12px; padding: 0px;
	width: 175px;
	font-family: verdana; font-size: 1em;
	}

.ddquickLink select#who {margin-top: 18px;}
.ddquickLink select#what {margin-top: 4px;}

input#gowho, input#gowhat {
	display: block;
	float: left;
	padding-left: 26px;
	width: 26px; height: 26px;
	background: url(../img/go_button.gif) no-repeat;
	border: 0px;
	cursor: pointer;
	}

.ddquickLink input#gowho {margin-top: 14px; margin-bottom: 10px;}
.ddquickLink input#gowhat {margin-top: 0px;}

.ddquickLink option {
	padding: 0px 1px 1px 1px;
	}

.newsLink {
	float: left;
	width: 226px;
	background: #efeff0;
	}

.eventsLink {
	float: left;
	width: 226px;
	background: #efeff0;
	}

.linkHead {
	float: left;
	width: 226px; height: 30px;
	background: #00a0c6 url(../img/linkHead_back.gif) 0 100% repeat-x;
	}

.linkHead h4 {
	display: block;
	float: left;
	padding: 8px 0 0 11px;
	font-size: 1.1em; font-weight: bold;
	color: #fff;
	}

.newsLink a, .eventsLink a {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	}

.newsLink p, .eventsLink p {
	float: left;
	padding: 8px;
	line-height: 1.4;
	}

.infoLink {
	float: left;
	margin-top: 2px;
	width: 226px; height: 124px;
	}

.infoLink a {
	display: block;
	width: 226px; height: 124px;
	background: #fff url(../img/surreybusinessawards.gif);
	font-size: 1em;
	}

.infoLink a:hover {
	text-decoration: none;
	background: #eee url(../img/surreybusinessawards.gif);
	}

.infoLink a b {
	display: block;
	padding: 100px 0 0 90px;
	font-weight: normal;
	}

/* ============ breadcrumbs  =============== */

.breadcrumbs {
	float: left;
	width: 682px; height: 19px;
	margin-left: 10px;
	border-bottom: 1px dotted #666;
	font-size: 0.84em;
	color: #999;
	padding-top: 3px;
	padding-left: 2px;
	}

.breadcrumbs a {
	color: #999;
	}

.breadcrumbs p {
	display: inline;
	color: #666;
	}

/* ============ booking page  =============== */

form.book {
	}

form.book div.FormLine {
	float:					left;
	width:					440px;
	height:					20px;
	}

form.book label {
	width:					100px;
	float:					left;
	padding-top:			3px;
	clear:					left;
	}

form.book span {
	width:					320px;
	display:				block;
	padding-top:			3px;
	}

form.book input {
	width:					165px;
	height:					16px;
	float:					left;
	border:					1px solid #999;
	font-family:			verdana,sans-serif;
	font-size:				1em;
	padding-top:			2px;
	padding-left:			5px;
	}

form.book div.alertBox {
	position:				relative;
	float:					left;
	width:					170px;
	height:					25px;
	visibility:				hidden;
	color:					red;
	font-size:				0.8em;
	margin-left:			4px;
	}

form.book input.SubmitBtn {
	width:					95px;
	height:					28px;
	background:				url(../img/GrayBtn.gif) no-repeat;
	font-weight:			bold;
	border:					0px;
	margin-left:			177px;
	cursor:					pointer;
	}

form.book input.SubmitBtn:hover {
	background:				url(../img/GrayBtn_on.gif) no-repeat;
	}

/* ============ footer =============== */

.footer {
	display: block;
	clear: both;
	width: 960px; height: 75px;
	background: #fff;
	margin: 0 auto;
	}

.footerpad {
	float: left;
	padding: 8px 10px 10px 9px;
	height: 55px;
	}

.footer_left {
	float: left;
	background: url(../img/footer_seplogo.gif) 0 2px no-repeat;
	width: 246px; height: 33px;
	}

.footer_middle {
	float: left;
	width: 466px; height: 55px;
	text-align: left;
	}

.footer_middle p {
	float: left;
	display: block;
	padding-left: 10px;
	color: #999;
	font-family: arial, sans-serif; font-size: 0.6em;
	line-height: 1.15;
	}

.footer_right {
	float: left;
	width: 226px; height: 55px;
	}

.seeplogo {
	float: left;
	width: 123px; height: 55px;
	background: url(../img/footer_seep.gif) 0 13px no-repeat;
	}

.seeplogo a {
	float: left;
	width: 123px; height: 55px;
	background: url(../img/footer_seep.gif) 0 13px no-repeat;
	}

.seeplogo a:hover {
	background: url(../img/footer_seep_on.gif) 0 13px no-repeat;
	}

.zoomedia a {
	display: block;
	float: left;
	margin-top: 25px;
	width: 102px; height: 21px;
	background: url(../img/footer_zoomedia.gif) no-repeat;
	}

.footer .strip {
	display: block;
	float: right;
	width: 684px; height: 2px;
	background: #f60;
	}

/* -----------------------------------------------------> STAND-ALONE SITEMAP
*/

ul.sitemap li {
	font:						12px/12px arial,sans-serif;
	list-style:				none;
	margin:					0 0 4px 0;
	}

ul.sitemap li#toplevel {
	font-weight:			bold;
	padding-top:			10px;
	}

ul.sitemap li.catlevel {
	margin-top:			20px;
	font-weight:			bold;
	}

ul.sitemap li.sublevel {
	font-weight:			bold;
	margin-top:			8px;
	margin-left:			40px;
	}

ul.sitemap li.pagelevel {
	margin-left:			80px;
	}

.pub {
	color:					#000;
	}

.unpub {
	color:					#666;
	}

ul.sitemap a {
	color:					#000;
	}

ul.sitemap a:hover, ul.sitemap a:visited {
	color:					#888;
	}