/*
=========================
WSMBC Website

File:				screen.css
Version:		1.0

=========================
*/

/* ============> Reset Styles (from meyerweb.com)  <============= */

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, b, u, i, center, 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-size:				100%;
	vertical-align:			baseline;
	background:			transparent;
}

body {
	line-height:			1;
}

html {
	height:					100.5%;
	min-height:			100.5%;
	}

/*
ol, ul {
	list-style:				none;
}
*/

blockquote, q {
	quotes:					none;
}

/* remember to define focus styles! */
:focus {
	outline:					0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:		none;
}
del {
	text-decoration:		line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:		collapse;
	border-spacing:		0;
}

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

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

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

/* ======================================> Website Styling
*/

body {
	font-family:			arial,sans-serif;
	background:			#c00;
	text-align:				center;
	}

hr {
	display:					none;
	}

a {
	color:					#c00;
	}

a:hover {
	color:					#000;
	}

/*
a:visited {
	color:					#666;
	}
*/

.wrapper {
	margin:					0 auto;
	width:					939px;
	margin-top:			15px;
	}

.wrapperFloat {
	float:						left;
	width:					939px;
	background:			#fff;
	}

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

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

.header {
	display:					block;
	width:					939px;
	height:					165px;
	}

.header .logo {
	float:						left;
	width:					168px;
	height:					175px;
	background:			#c00;
	}

.header .logo a {
	display:					block;
	float:						left;
	width:					168px;
	height:					165px;
	}

.header .bodyHead {
	float:						left;
	width:					771px;
	height:					53px;
	background:				#fff;
	}

.header h1 {
	float:						right;
	width:					732px;
	height:					30px;
	color:					#000;
	font-family:			helvetica;
	font-size:				22px;
	font-weight:			normal;
	padding-top:			2px;
	padding-right:		9px;
	margin-right:			15px;
	margin-top:			10px;
	line-height:			1.3em;
	}

.header h1 span {color:#2da44a}

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

.body {
	float:						left;
	width:					939px;
	min-height:			481px;
	overflow:				hidden;
	margin-top:			-130px;
	}
	
.body2 {
	float:						left;
	width:					939px;
	min-height:			481px;
	overflow:				hidden;
	margin-top:			0;
	}

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

.menu {
	float:						left;
	width:					168px;
	min-height:			481px;
	background:			#c00;
	color:					#fff;
	font-size:				0.75em;
	padding-bottom:		12000px;
	margin-bottom:		-12000px;
	margin-top: 		130px;
	}

	
	.body2 .menu {
	float:						left;
	width:					168px;
	min-height:			481px;
	background:			#c00;
	color:					#fff;
	font-size:				0.75em;
	padding-bottom:		12000px;
	margin-bottom:		-12000px;
	margin-top: 		0;
	}	

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

.menu a {
	float:						left;
	display:					block;
	width:					143px;
	padding:				6px 0 4px 10px;
	font-weight:			bold;
	color:					#fff;
	text-decoration:		none;
	margin-bottom:		1px;
	background:			#900;
	line-height:			1.2em;
	}

.menu a#menuon {
	background:			#fff;
	color:					#000;
	}

.menu a:hover{
	background:			#fff;
	color:					#000;
	}

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

.menu ul.submenu p.sub a {
	height: 15px;
	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 p a {
	display: block;
	padding-top: 2px;
	padding-left: 20px;
	color: #fff; text-decoration: none;
	}

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

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

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

.submenu {
	float:						left;
	width:					171px;
	background:			#fff;
	color:					#999;
	font-size:				0.75em;
}

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

.submenu p.sub a {
	float:						left;
	display:					block;
	width:					164px;
	padding:				6px 0 4px 7px;
	font-weight:			bold;
	color:					#999;
	text-decoration:		none;
	background:			#fff;
	border-bottom:		1px solid #ccc;
	line-height:			1.2em;
	}

.submenu p.sub a:hover {
	background:			#ccc;
	color:					#000;
	}

.submenu p.sub a#submenuon {
	color:					#000;
	background:			#ccc;
	}

.submenu ul.subsubmenu {
	width:					151px;
	padding:				0 0 6px 20px;
	background:			#ccc;
	}

.submenu ul.subsubmenu li p a {
	display:					block;
	padding-top:			2px;
	padding-right:		5px;
	color:					#000;
	text-decoration:		none;
	margin-bottom:		3px;
	line-height:			1.2em;
	}

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

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

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

.bodyWhiteWrap {
	float:						left;
	}

.bodyLeftColumn {
	float:						left;
	width:					186px;
	height:					200px;
	margin-left:			15px;
	}

.bodyLeftColumn h2 {
	width:					172px;
	height:					124px;
	background:			#ccc;
	font-family:			georgia,serif;
	font-size:				1.19em;
	line-height:			1.15em;
	font-weight:			normal;
	color:					#666;
	padding:				7px;
	}

.bodyLeftColumn h2 b {
	font-weight:			normal;
	color:					#333;
	}

.bodyContent {
	float:						left;
	width:					741px;
	margin: -110px 0 0 15px;
	}
	
	.body2 .bodyContent {
	float:						left;
	width:					555px;
	margin: 0;
	}

.pageImage {
	float:						left;
	width:					555px;
	height:					138px;
	overflow:				hidden;
	}

.content {
	float:						left;
	width:					569px;
	line-height:			1.5;
	font-size:				0.75em;
	}

.contentPad {
	float:						left;
	padding:				10px 15px 10px 0;
	}

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

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

.content ul ul {
	}

.content ul li {
	margin-bottom:		15px;
	}

.content ol {
	padding:				0 0 0 0px;
	margin:					0 0 0 25px;
	}

.content ol li {
	margin:					0 0 15px 0;
	padding:				0px;
	}

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

.content img {
	padding:				0;
	}


/* ============ Homepage - Blurb  =============== */

.homeBlurb {
	float:						left;
	}

/* -----------------------------------------------------> Directory
*/

#directory {
	float:						left;
	width:					741px;
	margin-left:			15px;
	display:					inline;
	padding-bottom:		80px;
	}

#directory_header {
	float:						left;
	width:					741px;
	height:					35px;
	background:			url(../img/dir_header_back.gif) repeat-x;
	}

#directory_header p {
	float:						left;
	color:					#fff;
	font-weight:			bold;
	font-size:				12px;
	padding:				12px 0 0 10px;
	}

#directory_header form {
	float:						left;
	}

#directory_header form input, #directory_header form select {
	font-family:			arial,sans-serif;
	font-size:				12px;
	}

#directory_header form select {
	float:						left;
	margin-left:			140px;
	margin-top:			7px;
	width:					150px;
	margin-right:			6px;
	}

#directory_header form input#fSearch {
	float:						left;
	width:					160px;
	height:					15px;
	margin-top:			7px;
	margin-right:			4px;
	}

#directory_header form input.btn {
	float:						left;
	height:					20px;
	margin-top:			7px;
	width:					58px;
	background:			url(../img/btn_green_back.gif) repeat-x;
	border:					0px;
	color:					#fff;
	font-weight:			bold;
	cursor:					pointer;
	}

#directory_table {
	font-size:				12px;
	}

#directory_table table {
	width:					741px;
	float:						left;
	}

#directory_table table tr.tableHead td {
	height:					29px;
	padding:				0px;
	background:			url(../img/dir_table_header_back.gif) repeat-x;
	}

#directory_table table tr.tableHead td a,
#directory_table table tr.tableHead td p {
	float:						left;
	height:					21px;
	padding:				8px 0 0 10px;
	}

#directory_table table td {
	padding:				10px;
	line-height:			14px;
	}

#directory_details {
	float:						left;
	width:					741px;
	font-size:				12px;
	}

#directory_details .detailsHead {
	float:						left;
	width:					731px;
	height:					29px;
	background:			url(../img/dir_table_header_back.gif) repeat-x;
	padding-top:			8px;
	padding-left:			10px;
	}

#directory_details .detailsHead p {
	float:						left;
	width:					200px;
	}

#directory_details .detailsHead a {
	float:						right;
	font-size:				11px;
	display:					block;
	height:					16px;
	background:			url(../img/btn_green_back.gif) repeat-x;
	color:					#fff;
	text-decoration:		none;
	padding:				4px 5px 0 5px;
	font-weight:			bold;
	margin-top:			-3px;
	margin-right:			5px;
	}

#directory_details .detailsContent {
	float:						left;
	line-height:			1.5;
	}

#directory_details .detailsContent .leftColumn {
	float:						left;
	width:					340px;
	padding:				16px 20px 80px 10px;
	}

#directory_details .detailsContent .leftColumn h2 {
	font-size:				16px;
	margin-bottom:		18px;
	}

#directory_details .detailsContent .leftColumn p img {
	float:						left;
	text-align:				left;
	padding:				0 8px 8px 0;
	}

#directory_details .detailsContent .leftColumn p {
	width:					350px;
	}

#directory_details .detailsContent .rightColumn p {
	width:					370px;
	}

#directory_details .detailsContent .leftColumn p, #directory_details .detailsContent .rightColumn p {
	float:						left;
	margin-bottom:		16px;
	}

#directory_details .detailsContent .rightColumn {
	float:						left;
	width:					350px;
	padding:				58px 10px 10px 10px;
	}

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

.rsidebar {
	float:						left;
	width:					175px;
	background:			#fff;
	margin-top:			15px;
	}

.newsLink {
	float:						left;
	width:					175px;
	}

.linkHead {
	float:						left;
	width:					168px;
	height:					17px;
	padding:				7px 0 0 7px;
	background:			#c00;
	}

.linkHead h4 {
	float:						left;
	font-size:				0.75em;
	font-weight:			bold;
	color:					#fff;
	}

.newsLink a {
	display:					block;
	margin-bottom:		2px;
	color:					#666;
	font-size:				0.69em;
	text-decoration:		none;
	}

.newsLink a:hover {
	text-decoration:		underline;
	}

.newsLink span {
	float:						left;
	width:					159px;
	padding:				4px 8px;
	line-height:			1.4;
	border-bottom:		1px dotted #999;
	}

.newsLink span b {
	color:					#c00;
	display:					block;
	font-size:				0.69em;
	margin-bottom:		2px;
	}

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

form.book {
	}

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

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

form.book span {
	width:					320px;
	height:					17px;
	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 =============== */

.bodyFooter {
	position:				relative;
	clear:					both;
	float:						left;
	width:					939px;
	height:					63px;
	}
	
.bodyFooter span{
	font-size: 15px;
    margin: -5px 0 0 145px;
    position: absolute;
	}

.bodyFooter img {
	float:						right;
	}

.eulogo {
	float:						left;
	display:					inline;
	position:				relative;
	top:						-104px;
	left:						80px;
	}

.bodyFooter p {
	float:						left;
	width:					721px;
	height:					9px;
	padding:				10px;
	background:			#ccc;
	font-size:				12px;
	margin-left:			183px;
	margin-top:			19px;
	background-image:		url(../img/white_dots.jpg);
	background-position:	586px 2px;
	background-repeat:		no-repeat;
	}

.footer {
	float:						left;
	width:					939px;
	}

.zoomedia a {
	display:					block;
	float:						right;
	margin-top:			5px;
	width:					15px;
	height:					31px;
	background:			url(../img/footer_zoomedia.gif) no-repeat;
	}
	
	#sideLogo{
		margin-top:15px;
	}
	
	#wbcSlider{
		width:741px;
		height:382px;
		background:#ccc;
		margin-bottom:15px;
		margin-top:115px;
	}
	
		.slideNav{
			position:absolute;
			width:713px;
			margin:-40px 0 0 14px;
		}
			#nSlide{float:right;}
			#pSlide{float:left;}
	
		#keylinks{
			width:741px;
			height:187px;
			background-image:url(../img/3box.png);
			background-repeat:no-repeat;
			margin-bottom:13px;
		}
		
			.keys{
				width:207px;
				float:left;
				margin:15px 30px 0 15px;
				color:#fff;
			}
			
				.keys p{
					font-size:18px;
				}
				
				.keys span{
					font-size:14px;
				}
			
				.keys a{
					color:#fff;
					font-size:14px;
					text-decoration:none;
				}
					.keys a:hover{text-decoration:underline;}
	
	#rShade{
		position:absolute;
		margin: 106px 0 0 15px;
	}
	
	.lower2{
		border-top:1px solid #ccc;
		width:741px;
		margin-bottom:10px;
		height:140px;
		background-image:url(../img/dots.jpg);
		background-repeat:no-repeat;
		background-position:168px 4px;
	}
	
		.lowersub{
			width:170px;
			float:left;
			margin:14px 16px 0 0;
		}
		
		.lowersub p{
			font-size:12px;
			color:#999;
			line-height:14px;
		}
		
		.lowersub p b{
			font-size:14px;
			color:#ce0000;
		}
		
		.lowersub p span, .lowersub p a {
			color:#000;
		}
		
			.lowersub p a:hover {
				text-decoration:none;
			}
			
		#company{
			color:#fff;
			font-size:10px;
			text-align:left;
			padding:15px 0px 15px 168px;
		}
		
		#company span{
			color:#fff;
			padding-left:293px;
		}
		
		#company a{
			color:#fff;
			text-decoration:none;
		}
			#company a:hover{
				text-decoration:underline;
			}
		
		.headerImg{margin-left:15px;}