/* Start of CMSMS style sheet 'style' */
/* STRIPPED DOWN CSS FORMATTING
__________________________________________________________________________*/

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:12px;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input {
	margin:0;
	padding:0;
}

p {
	margin:10px 0px 10px 0px;
}

a img,:link img,:visited img {
	border:none;
}

* {
	font-style:normal;
	text-decoration:none;
	text-indent:0;
}





/* MAIN FORMATTING
__________________________________________________________________________*/

html, body {
	margin:0px;
	padding:0px;
	text-align:center;
	height:100%;
}

body {
	font:12px/230% arial,verdana,tahoma,sans-serif;
	color:#333;
	background:#fff url('uploads/images/bg_line.gif') repeat-y 0 0;
}

.container {
	width:100%;
	text-align:left;
	min-height:100%;
	position:relative;
}


.footer {
	text-align:left;
	font: 11px verdana,tahoma,sans-serif;
	letter-spacing:1px;
	color:#fff;
	position:absolute;
	bottom:0px;
	height:107px;
	width:100%;
}

.clearfooter {
	clear:both;
	height:160px;
}

div#boxed {
	position:relative;
	width:995px;
	text-align:left;
}

div#barOne {
	color:#fff;
	position:relative;
	width:260px;
	margin:0px;
	float:left;
}

div#barTwo {
	color:#333;
	position:relative;
	width:725px;
	border-top:0;
	border-right:1px solid #336;
	border-bottom:0;
	border-left:1px solid #336;
	background-color:#fff;
	margin:0px;
	float:left;
}

div.paddit {
	padding:0px 22px 0px 22px;
}

img#mainLogo {
	position:absolute;
	top:0px;
	left:0px;
}

img#threeStar, img#noSmoking {
	margin-top:30px;
}

#footCurve {
	position:absolute;
	bottom:-27px;
	left:-1px;
	width:727px;
	height:27px;
	background:url('uploads/images/footcurve.gif') no-repeat 0 0;
	font:11px verdana,arial,tahoma,sans-serif;
	z-index:100;
}

#lilinx {
	position:absolute;
	bottom:-15px;
	left:23px;
	z-index:200;
}


div#sideImg {
	position:relative;
	width:186px;
	float:right;
}

#DirectionsBox {
	position:relative;
}

#DirectionsBox input {
	margin-top:9px;
}

#event-chess {
	position:relative;
	float:right;
	width:128px;
	height:78px;
	background:url('uploads/images/chess.gif') no-repeat 0 0;
	margin:10px -4px 10px 10px;
	border:1px solid navy;
}


#event-hastingsCarnival {
	position:relative;
	float:right;
	width:164px;
	height:98px;
	background:url('uploads/images/carnival.jpg') no-repeat 0 0;
	margin:10px -4px 10px 10px;
	border:1px solid navy;
}

#event-jackGreen {
	position:relative;
	float:left;
	width:210px;
	height:110px;
	background:url('uploads/images/jackgreen.jpg') no-repeat 0 0;
	margin:18px 10px 0px 0px;
	border:1px solid navy;
}


#event-beerFestival {
	position:relative;
	float:left;
	width:70px;
	height:105px;
	background:url('uploads/images/beerfest.jpg') no-repeat 0 0;
	margin:18px 10px 10px 0px;
	border:1px solid navy;
}







/* PARAGRAPHS
__________________________________________________________________________*/

.footer p, .footer p#liner {
	margin-left:14px;
	width:209px;
}

.footer p#liner {
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}

#shortText {
	position:relative;
	width:470px;
}

#barTwo p {
	text-align:justify;
}


#mypanelcontent p {
	margin:0px 14px 20px 14px;
}








/* HEADERS
__________________________________________________________________________*/

h1#welcome {
	width:235px;
	height:70px;
	background:url('uploads/images/welcome-H1.gif') no-repeat 0 0;
}

h1#where {
	width:366px;
	height:52px;
	background:url('uploads/images/where-H1.gif') no-repeat 0 0;
}

h1#rooms {
	width:235px;
	height:70px;
	background:url('uploads/images/rooms-H1.gif') no-repeat 0 0;
}

h1#contact {
	width:235px;
	height:70px;
	background:url('uploads/images/contact-H1.gif') no-repeat 0 0;
}

h1#thanks {
	width:232px;
	height:85px;
	background:url('uploads/images/thanks-H1.gif') no-repeat 0 0;
}

h1#whoops {
	width:180px;
	height:82px;
	background:url('uploads/images/whoops-H1.gif') no-repeat 0 0;
}

h1#offers {
	width:291px;
	height:88px;
	background:url('uploads/images/offers-H1.gif') no-repeat 0 0;
}

h1#events {
	width:271px;
	height:70px;
	background:url('uploads/images/events-H1.gif') no-repeat 0 0;
}

h1#friend {
	width:359px;
	height:86px;
	background:url('uploads/images/friend-H1.gif') no-repeat 0 0;
}

h1#gallery {
margin-top:25px;
	width:268px;
	height:67px;
	background:url('uploads/images/gallery-H1.gif') no-repeat 0 0;
}

h1#welcome span, h1#rooms span, h1#contact span, h1#thanks span, h1#whoops span, h1#offers span, h1#events span, h1#friend span, h1#gallery span, h1#where span {
	display:none;
}

h2 {
	background-color:#414177;
	width:100%;
	height:14px;
	font-weight:bold;
	color:#fff;
	letter-spacing:2px;
	padding-left:5px;
	padding-bottom:13px;
}



/* NAV
__________________________________________________________________________*/

ul#navList li a:link, ul#navList li a:visited {
	font:15px arial,verdana,sans-serif;
	letter-spacing:2px;
	text-decoration:none;
	display:block;
	width:229px;
	height:23px;
	color:#fff;
	background-color:#414177;
	text-align:left;
	padding-top:7px;
}

ul#navList li a:active, ul#navList li a:hover {
	font:15px arial,verdana,sans-serif;
	letter-spacing:2px;
	text-decoration:none;
	display:block;
	width:229px;
	height:23px;
	color:#ccc;
	text-align:left;
	background-color:#414177;
	padding-top:7px;
	padding-left:3px;
}

ul#navList {
	font:14px "Trebuchet MS", arial,verdana,sans-serif;
	color:#fff;
	text-align:left;
	margin:165px 0px 0px 0px;
	list-style-type:none;
}




ul#navList li {
	border-bottom:3px solid #f4f3cb;
	padding-left:14px;
}

ul#navList li.first {
	border-top:3px solid #f4f3cb;
}


















/* LISTS
__________________________________________________________________________*/

#sideImg ul {
	margin-left:37px;
	margin-top:20px;
}

#sideImg ul.lefter {
	margin-left:20px;
	margin-top:20px;
}







/* DROP DOWN PANEL
__________________________________________________________________________*/

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background-color: #414177;
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
font: bold 11px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: #414177 url('uploads/images/toggleleft.gif') no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background-color: transparent;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background: #414177 url('uploads/images/toggleleft.gif') no-repeat left bottom; /*background of toggle tab*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}








/* HINT
__________________________________________________________________________*/

.hint {
	display: none;
	position: absolute;
	right: 240px;
	top:35px;
	width: 240px;
	color:#339;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 5px 5px 5px 27px;
	background-color: #f4f3cb;
	font:11px verdana,tahoma,arial,sans-serif;
	z-index:20;
	text-align:left;
}

.hint .hint-pointer {
    	position: absolute;
	left: 3px;
	top: 1px;
	width: 22px;
	height: 22px;
	background: url('uploads/images/infoball.gif') no-repeat 0 0;
	z-index:20;
}


.hint2 {
	display: none;
	position: absolute;
	right: 80px;
	width: 200px;
	color:#339;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 10px 12px;
	background-color: #f4f3cb;
	font:11px verdana,tahoma,arial,sans-serif;
	z-index:20;
	text-align:left;
}

.hint2 .hint2-pointer {
    	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url('uploads/images/pointer.gif') left top no-repeat;
	z-index:20;
}







/* FORMS
__________________________________________________________________________*/

input {
	width:250px;
	border:1px solid navy;
	font:12px "Trebuchet MS",verdana,tahoma,arial,sans-serif;
	color:#036;
	background-color:#f5f5f5;
	padding:2px;
}

textarea#your_address {
	width:254px;
	height:100px;
	border:1px solid navy;
	font:12px "Trebuchet MS",verdana,tahoma,arial,sans-serif;
	color:#036;
	background-color:#f5f5f5;
	overflow:auto;
}

label {
	width:120px;
	float:left;
}


#submitbutton {
	cursor:pointer;
	width:73px;
	height:19px;
	border:0;	
	margin-bottom:7px;
}

input#mapsUkSaddr1 {
	width:100px;
	border:1px solid #036;
	font:11px tahoma,arial,verdana,sans-serif;
	color:#036;
	background-color:#fff;
	padding:2px;
	text-align:center;
	margin-bottom:7px;
	text-transform:uppercase;
}


#conform #subby {
	margin-left:120px;
	cursor:pointer;
	border:2px solid #ccc;
	background-color:#f5f5f5;
	color:navy;
	width:104px;
	padding:0;
}






/* GOOGLE MAP
______________________________________________________*/

div#map, #CGGoogleMaps0 {
	position:relative;
	border:1px solid navy;
	width:630px;
	height:355px;
	margin:0px;
}


#gmapmarker {
	font:11px tahoma,verdana,arial,sans-serif;
	color:navy;
}

p.noScripty {
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	border:1px solid black;
	padding:10px;
	text-align:center;
	background-color:#ccc;
	color:#000;
}












/* LINKS
__________________________________________________________________________*/

.footer a:link, .footer a:visited {
	color:#fff;
	text-decoration:none;
}

.footer a:active, .footer a:hover {
	color:#ccc;
	text-decoration:underline;
}

#footCurve #lilinx a:link, #footCurve a:visited {
	font:11px verdana,arial,tahoma,sans-serif;
	color:#336;
	text-decoration:none;
}

#footCurve #lilinx a:hover, #footCurve a:active {
	font:11px verdana,arial,tahoma,sans-serif;
	color:#99c;
	text-decoration:underline;
}

a:link, a:visited {
	text-decoration:underline;
	color:blue;	
}

a:hover, a:active {
	text-decoration:none;
	color:#99c;	
}

#mypanelcontent a:link, #mypanelcontent a:visited {
	text-decoration:none;
	color:#fff;	
}

#mypanelcontent a:hover, #mypanelcontent a:active {
	text-decoration:underline;
	color:#ccc;	
}


#gmapmarker a:link, #gmapmarker a:visited {
	text-decoration:underline;
	color:blue;	
}

#gmapmarker a:hover, #gmapmarker a:active {
	text-decoration:none;
	color:#99c;	
}

/* End of 'style' */