/*

	Bangor Conference Centre Stylesheet
	Created by Andi Topping on 8th April 2008

*/

* { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1.0em; }
html { background-color: #0A0F33; color: #333333; margin: 0px 0px; }
body { background-color: #0A0F33;  margin: 0px 0px; }
p { margin:6px 2px; padding:0px; }
h1 { font-size: 1.6em; font-weight: normal; color: #333333; }
h2 { font-size: 1.2em; font-weight: bold; color: #C90022; }
h3 { font-size: 0.9em; }

a { color: #C90022; font-weight: normal; text-decoration: none; }
a:hover { color: #C90022; font-weight: normal; text-decoration: underline; }

hr { height:1px; border: none 0; border-top: 1px solid #999999; text-align:center; margin: -5px 0px;}

.inner { padding: 5px 5px; }
.leftinner { padding: 10px 0px; }

#container { width: 900px; margin: 20px auto; }
#top { height: 63px; }

#top .left { float: left; width: 302px; }
#top .right { margin: 0px 0px 0px 688px; text-align:right; }

#middle { background-image: url(../images/bg_nav.png); background-repeat:no-repeat; height:32px; margin: 16px 0px 8px 0px; }

#bottom { background-image: url(../images/bg_whiterect.png); background-repeat:no-repeat; height: 455px; margin: 2px 0px; width: 900px; }
#bottom #content { padding: 8px; height: 438px;  }

#left { float:left; width:146px; min-height: 100%; height: 438px; background-image: url(../images/bg_subnav.png); background-repeat:no-repeat; }
#right { float:right; width:538px; min-height: 100%; height: 438px; text-align:left; }
#center { margin: 0px 540px 0px 155px; width: 182px; height: 438px; background-image: url(../images/bg_quotes.png); background-repeat:no-repeat; }

#footer { font-size: 0.7em; text-align:right; color: #FFFFFF; }
#footer a { color: #FFFFFF; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #FFFFFF; font-weight: normal; text-decoration: underline; }

#left div.links ul { list-style:none; padding:0px; margin:0px; }
#left div.links ul li { width:146px; background-color:#F5F5F5; color:#fff; font-size: 0.8em; text-transform:lowercase; vertical-align:middle; height:22px; padding:6px 0px 0px 0px; margin:0px 0px 1px 0px; }
#left div.links ul li a { color:#333;  text-decoration:none; }

#right .main { font-size: 0.8em; }
#right ul li { list-style-image: url(../cmsfiles/images/arrow.png); }

#fancymenu { position: relative; height: 29px; width: 900px; padding-left: 14px; padding-top: 4px; margin: 10px 0; padding-bottom: 30px; overflow: hidden; }
#fancymenu ul { padding: 0; margin: 0;}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li { float: left; list-style: none; }
#fancymenu ul li a{ z-index: 10; display: block; float: left; height: 23px; position: relative; overflow: hidden; padding-right: 25px; }

#menu_home a { width: 55px; background: url('../images/nav/home.png') no-repeat center !important;	 background: url('../images/nav/home.gif') no-repeat center; }
#menu_rooms a { width: 60px; background: url('../images/nav/rooms.png') no-repeat center !important; background: url('../images/nav/rooms.gif') no-repeat center; }
#menu_services a { width: 71px; background: url('../images/nav/services.png') no-repeat center !important;	 background: url('../images/nav/services.gif') no-repeat center; }
#menu_catering a { width: 72px; background: url('../images/nav/catering.png') no-repeat center !important;	 background: url('../images/nav/catering.gif') no-repeat center; }
#menu_book a { width: 51px; background: url('../images/nav/book.png') no-repeat center !important;	 background: url('../images/nav/book.gif') no-repeat center; }
#menu_recommendations a { width: 137px; background: url('../images/nav/recommendations.png') no-repeat center !important; background: url('../images/nav/recommendations.gif') no-repeat center; }
#menu_events a { width: 63px; background: url('../images/nav/events.png') no-repeat center !important; background: url('../images/nav/events.gif') no-repeat center; }
#menu_location a { width: 71px; background: url('../images/nav/location.png') no-repeat center !important;	 background: url('../images/nav/location.gif') no-repeat center; }
#menu_contact a { width: 69px; background: url('../images/nav/contact.png') no-repeat center !important; background: url('../images/nav/contact.gif') no-repeat center; }

#fancymenu li.background { /*background: url('images/bg_menu_right.png') no-repeat top right !important;*/ background: url('../images/nav/bg_menu_right.gif') no-repeat top right; z-index: 8; position: absolute; visibility: hidden; }
#fancymenu .background .left { /*background: url('images/bg_menu.png') no-repeat top left !important;*/ background: url('../images/nav/bg_menu.gif') no-repeat top left; height: 23px; margin-right: 9px; /* 7px is the width of the rounded shape */ }

form { padding-top:0.6em; }
form label { width:160px; display:inline-block; color:#666; vertical-align:top; padding-top:4px; font-weight: bold; }
form input, form.select { height:16px; font-size:12px; }
form fieldset { border:3px solid #ccc; padding:13px; margin-bottom:20px; }
form fieldset legend { padding:0px 10px; color:#333; font-size:1.2em; }

.msg { background-color:#ccc; border: 2px dashed #FFFFFF; font-size: 12px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; padding: 10px 10px; text-align:center; }

/* Quotes */
.quote { color: #FFFFFF; font-size: 1.0em; text-align: right; }
.whoby { color: #FFFFFF; font-size: 0.9em; font-weight: bold; text-align: right; }

/* Dates - Left Hand Column */
.event_date { float: left; width: 35px; height: 34px; background-image: url(../images/calendar_icon.png); background-repeat:no-repeat; padding: 3px 5px 3px 0px; font-size: 0.8em; font-weight: bold; text-align: center; }
.event_pad { clear: both; font-size: 0.8em; padding: 5px 5px; }
.event_pad a { color: #C90022; font-weight: bold; text-decoration: none; }
.event_pad a:hover { color: #C90022; font-weight: bold; text-decoration: none; }
.eventlegend { background-color: #DFDFDF; padding: 5px 5px; border: 1px solid #CCCCCC; margin-top 15px; }

/* Events Table */
#events { width:98%; }
#events .date { background-image:url(../images/calendar_icon.png); background-repeat:no-repeat; width: 34px; height: 33px; font-size: 0.7em; font-weight: bold; vertical-align:top; padding-top: 6px; font-weight: bold; }
#events .text { vertical-align: top; }

/*Availability Styles */
.prevnext { width:60px; }
table.calendar { margin-top:12px; display:inline; }
table.calendar td { height:20px; width:25px; border: 1px solid #CCCCCC; }

td.today {
	background-color: #0A0F33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 15px;
}
td.weekend {
	background-color: #DFDFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
td.empty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
	background-color: #C1C1C1;
}
td.square {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
.notavail { font-size: 10px; color: #FFFFFF;; background-color:#C90022; text-align:center; }

.blue { background-color: #DFDFDF; color: #0A0F33; text-transform: uppercase; font-weight: bold; text-align:center; }