/*
©2003-2004 All Rights Reserved
 ___     _   _         __      ___    _ _       _
| _ )___| |_| |___ _  _\ \    / / |_ (_) |_ ___| |_  ___ _ _ _ _  ___
| _ Y -_)  _| / -_) || |\ \/\/ /| ' \| |  _/ -_) ' \/ _ \ '_| ' \/ -_)
|___|___|\__|_\___|\_, / \_/\_/ |_||_|_|\__\___|_||_\___/_| |_||_\___|
                   |__/

This is hotelfront.css - Stylesheet of allaboutguernsey.com page Type 2A (Hotel Frontpage) version 0.1a
*/

/* PAGE LAYOUT DEFINITIONS */

#leftcolumn 			{ display: block;
						width: 130px;
						text-align: left;
						float: left;
						padding: 0;
						background-color: #f6f6f6;	
						}

#rightcolumn 			{ display: block;
						width: 130px; height: 440;
						text-align: left;
						overflow: hidden;
						float: right;
						background-color: #f6f6f6;
						}

#adright				{ display: block;
						width: 130px;
						padding: 0;
						margin-bottom: 8px;
						}

#centercontent
	{ 
	display:block;
	margin: 0px 138px 0px 138px;
	text-align: left;
	position:absolute;
	overflow:auto;
	height:440px;
	left:0px;
	width:462px;
	}
	
#leftmenu				{ height: 389px; width: 130px;
						display: block;
						position: relative;
						text-align: left;
						left: 0;
						top: 0;
						background-color: #f6f6f6;
						margin: 0 auto; padding: 0;
						}


#centershortbox			{ display: block;
						height: 212px; width: 460px;
						background: url(../thor_graphics/guernseycenter.png) no-repeat;
						position: absolute;
						left: 0;
						top: 228px;
						}

#centershorttext		{ display: block;
						width: 255px;
						line-height: 16px;
						position: absolute;
						left: 12px;
						top: 115px;
						}
	
#featureimage1			{ width: 304px; height: 220px;
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						padding: 0;
						}

#featureimage2			{ width: 148px; height: 106px;
						display: block;
						position: absolute;
						top: 0;
						left: 312px;
						padding: 0;
						}

#featureimage3			{ width: 148px; height: 106px;
						display: block;
						position: absolute;
						top: 114px;
						left: 312px;
						padding: 0;
						}

#piggy1					{ display: block;
						height: 100px; width: 440px;
						position: absolute;
						overflow: hidden;
						top: 0px;
						}

#piggy2					{ display: block;
						height: 162px; width: 148px;
						position: absolute;
						overflow: hidden;
						top: 278px;
						left: 156px;
						}

#piggy3					{ display: block;
						height: 162px; width: 148px;
						position: absolute;
						overflow: hidden;
						top: 278px;
						left: 312px;
						}

#piggytopline			{ display: block;
						height: 3px; width: 460px;
						background: #999;
						line-height: 3px;
						margin: 0 auto; padding: 0;
						}

#piggygreybox			{ display: block;
						height: 39px; width: 460px;
						background: #b4b4b4;
						position: absolute;
						overflow: hidden;
						top: 3px;
						}

#piggywhite				{ display: block;
						height: 20px; width: 148px;
						padding: 3px 0 0 5px;
						font-size: 15px;
						font-weight: bold;
						color: #FFF;
						}

#piggylink				{ height: 19px; width: 460px;
						font-size: 11px;
						font-weight: bold;
						color: #000;
						margin: 0 auto;
						padding: 0px 0 0 5px;
						position: relative;
						display: block;
						}

#piggylink a			{ height: 17px; width: 148px;
						font-weight: bold;
						padding: 1px 0 0 5px;
						color: #000;
						background: transparent url(../thor_graphics/allaboutarrow.png) 132px 3px no-repeat;
						}

#piggylink a:hover		{ color: #FFF;
						background: transparent url(../thor_graphics/allaboutarrow_r.png) 132px 3px no-repeat;
						}

#piggyimage				{ display: block;
						height: 116px; width: 148px;
						background: #CCC;
						position: absolute;
						top: 46px;
						}

#leftmenu					{ height: 224px; width: 130px;
							display: block;
							position: relative;
							text-align: left;
							left: 0;
							top: 0;
							background-color: #f6f6f6;
							margin: 0 auto; padding: 0;
							}

#yellowbox					{ height: 195px; width: 130px;
							margin: 0 auto; padding: 0;
							display: block;
							background-color: #E6DC2B;
							overflow: hidden;
							}

#contenttext
			 	{
				width: 402px;
				font-size: 11px;
				display: block;
				padding: 0px 25px 0px 5px;
				position: relative;
				top: 35px;
				left: 0px;
				}

select					{ height: 18px; width: 100px;
					font-size: 10px;
					margin: 2px 10px 0 0;
					}

#specialinput					{ height: 18px; width: 200px;
					font-size: 10px;
					margin: 2px 10px 0 0;
					width:234px;
					}

#eventtable
	{
		font-size:11px;
	}
	
#eventtable td
	{
		height:30px;
		padding:5px
	}
	
#eventtable a				{ display: block;
					position:absolute;
					left:270px;
					width: 40px; height: 10px;
					background-color: #fcf;
					float: right;
					background: transparent url(../thor_graphics/allaboutarrow.png) 20px 2px  no-repeat;
					}
#hotelnarrow
	{ 
	display: block;
	line-height: 14px;
	color: #999;
	border-bottom: dotted 1px #ccc;
	padding: 0px 0px 4px 10px;
	margin-top:-4px
}

#roadworktable
	{
	font-size:12px;
	}

#roadworktable td
	{
	padding:3px;
	padding-left:8px;
	border-bottom:2px solid #fff;
	letter-spacing: 0.1em
	}

#roadworkheader
	{
	color:#000;
	background-color: #E6DC2B;
	border-bottom: solid 1px #999;
	font-weight: bold;
	}