/* ==========[ Base Settings for html, body, h1, p, a etc. ]========== */

* /*Set's border, padding and margin to 0 for all values*/
{
	padding: 0; margin: 0; border: 0;
}

body, html {
	color: #666; 
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center; /*** Centers the design in IE6 and below ***/
}

body {
	font-size: 0.9em;
	background-color:#1e0000;
	background-image:url(/images-new/bg-green-fade.jpg);
	background-repeat:repeat-x;
	padding-top:16px;
}

p {
	padding: 7px 0 7px 0;
}

a:visited {
	color: #666633;
	text-decoration: none;
}

a:link {
	color: #666633;
	text-decoration: none;
}

a:active {
	color: #666633;
	text-decoration: none;
}

a:hover{
	color: #663333;
	text-decoration: none;
}

h1,h2,h3 {
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	font-family: "Trebuchet MS", Arial;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
	margin-bottom: 4px;
}

h1 {
	font-size: 1.3em;
	color: #7c1224;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;
}

/* ==========[ Elements Handling Main Site Structure ]========== */

#mainContainer {
	width: 778px; /* reduced by size of outer borders */
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


.outer {
	padding-left: 165px;  
	/*border-left:1px solid #999;*/
}

* html .outer {
/*** No need for hacking IE on this layout ***/
}

.inner {
	width: 615px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner {
	width: 100%;
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap {
	float: left;
	width: 778px; /* reduce by amount of outer borders */
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
	border: 1px solid #FFFFFF;
	background-image: url(../graphics/purple_column.gif);
}

* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#content {
	float:right;
	width:567px; /* reduce by amount of outer borders */
	background: #fff;
}

* html #content {
	position:relative;  /*** IE needs this  ***/
}

.clear {
	clear: both;
}


/* ==========[ Site Identity ]========== */
#siteIdentity {
	padding:0px;
	width:780px;
	height:65px;
	/*background-image: url(images/bg-site-identity-black-silver-stroke.gif);
	background-repeat:no-repeat;*/
}

.siteLogo {
	width:293px;
	height:59px;
	background-image:url(/images-new/logo-central-hotel-site-main-green-bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	right:10px;
	float:right;
}

.siteName {
	width:300px;
	float:none;
	text-align:left;
	color:#FFF8C9;
	position:relative;
	top:0px;
	left:10px;
	font-size:0.7em
}

.siteTagline {
	color:#CCCC99;
	font-weight:normal;
	font-size:0.8em;
}

/* ==========[ Copy Area ]========== :: usage - site copy */
#copyWrap {
	padding: 0px;
	/*border-right:1px solid #999;*/
}

#entityVisualsMain { /* for images relating to the entity */
	height: 198px;	/*border-bottom:1px solid #999;*/
}

#topNav {
	height:17px;
	font-size:0.65em;
	text-align:center;
	color:#C5B978;
	background-color:#7C1224;
	padding-top:7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-right: 6px;
	padding-left: 6px;
}

#topNav a:visited {
	color:#F2F2B6;
	text-decoration:none;
}
#topNav a:link {
	color:#F2F2B6;
	text-decoration:none;
}
#topNav a:active {
	color:#F2F2B6;
	text-decoration:none;
}
#topNav a:hover {
	color:#fff;
	text-decoration:none;
}

#copyAreaMain { /* main area of copy */
	background-color:#FFF;
	font-size:0.8em;
	padding: 12px 12px 12px 12px;
	min-height:335px;
	font-family: "Trebuchet MS", Arial;
}
#copyAreaMain ul li { /* main area of copy */
margin: 0px 0px 0px 20px;
padding:0;
}
#copyAreaMain a {
color:#990000;
}
#copyAreaMain a:hover {
	color:#C60000;
}

* html #copyAreaMain {
	height: 335px; /*** IE 6 doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#toplink {
	font-size:0.8em;
	text-align:right;
	margin-top:26px;
}

/* ==========[ Navigation ]========== :: usage - site navigation elements, can also hold availability checker, news headlines, event titles etc. */

			/*** div #navigationWrap is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
			div #navigationWrap is carried over into the proper position. 
			***/

#navigationWrap {
	float: left;
	width: 210px; /* reduce width by size of borders */ 
	min-height: 250px;
	padding: 0px;
}
#navigationWrap img {
margin:0px;
padding:0px;
border:none;

}

* html #navigationWrap {
	position: relative;  /*** IE needs this  ***/
	height: 250px;
}


#checkAvailability {
	background-color:#e6dac2;
	background-image:url(../images-new/book_bg.jpg);
	background-repeat:no-repeat;
	min-height:160px;
	border-bottom:1px solid #FFF;
	text-align:left;
	clip: rect(auto,auto,20px,auto);
	background-position: bottom;
}

.tblAvailability {
	/*padding:4px;*/
	clip: rect(auto,auto,20px,auto);
}
.bookOnlineHeading {
	font-size:0.7em;
	text-transform:capitalize;
	text-align:right;
	color:#8A7041;
	padding:6px 25px 6px 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFF;
}
.availabilityHeading {
	font-size:0.65em;
	color:#35291D;
	padding:6px 26px 0px 10px;
	clip: rect(auto,auto,20px,auto);
}


.availabilityButton {
	border:1px solid #FFF;
	background-color:#DCBF8A;
	color:#FFF;
	font-size:0.7em;
	font-weight:bold;
	width:134px;
}

#navigationMain {
	background-color:#D4CD92;
	background-image:url(/images-new/menu-bg-fade-light-green.jpg);
	background-repeat:repeat-x;
	min-height:180px;
	font-size:0.8em;
}

.newsAndEventsHeading {
	font-size:0.75em;
	text-transform:uppercase;
	text-align:right;
	color:#5D607A;
	background-color:#ADAFBE;
	padding:6px 16px 6px 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFF;
}

#newsAndEventsWrap {
	font-size:0.75em;
	background-color:#CBCDD7;
	background-image:url(/images-new/bg-events-fade-light-purple.jpg);
	background-repeat:repeat-x;
	color:#5D607A;
	padding: 6px;
	font-family: "Trebuchet MS", Arial;
}
#newsAndEventsWrap h3 a {
color:#5d607a;
}
#newsAndEventsWrap h3 a:hover {
	color:#3F4152;
}
#newsAndEventsWrap p {
margin:4px 0 4px 0;
padding:0px;
}

.specialOfferHighlightHeading {
	font-size:0.75em;
	text-align:right;
	color:#8A7041;
	background-color:#E9E0A9;
	padding:6px 16px 6px 10px;
	border-bottom:1px solid #FFF;
	text-transform: uppercase;
}

#specialOfferHighlight { /* special offer highlight div - used on main page*/
	background-image:url(/images-new/bg-special-offers-cream-fade.jpg);
	background-repeat:repeat-x;
	background-color:#E4DFB9;
	padding:6px;
	font-size:0.75em;
	color: #663333;
	font-family: "Trebuchet MS", Arial;
}
#specialOfferHighlight h3 {
color: #8a7041;
}
.refurbHighlightHeading {
	font-size:0.75em;
	text-transform:capitalize;
	text-align:right;
	color:#fff;
	background-color:#7c9152;
	padding:6px 25px 6px 10px;
	border-bottom:1px solid #FFF;
	font-weight: bold;
}

#refurbHighlight { /* special offer highlight div - used on main page*/
	background-repeat:repeat-x;
	background-color:#dde9c1;
	padding:6px;
	font-size:0.75em;
	color: #576f50;
	font-family: "Trebuchet MS", Arial;
}

#navigationMain ul {
	list-style:none;
	text-transform:capitalize;
	text-align:right;
	padding-right:16px;
	padding-bottom:8px; /* puts padding on bottom of list to save having line break in code */
	font-size:0.8em;
	line-height:0.9em;
	height: 190px;
}

#navigationMain li {
	padding-top:6px;
	padding-bottom:4px;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	text-transform: uppercase;
}

#navigationMain a:visited {
	color:#746c45;
	text-decoration:none;
}
#navigationMain a:link {
	color:#746c45;
	text-decoration:none;
}
#navigationMain a:active {
	color:#746c45;
	text-decoration:none;
}
#navigationMain a:hover {
	color:#331116;
	text-decoration:none;
}


/*  mini navigation styles */

#navigationMainMini {
	font-size:0.8em;
	color:#DF8E8F;
	float: left;
	width: 762px; /* reduce by total width of own borders plus outer border */
	background: #813636;
	padding: 5px;
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
	border:1px solid #999;
	text-align:center;
	display:none;
}

* html #navigationMainMini {
	position: relative;  /*** IE needs this  ***/
}

#navigationMainMini ul {
	list-style:none;
}

#navigationMainMini li {
	display: inline;
	padding-right: 15px;
}

#navigationMainMini a:visited {
	color:#FFF;
	text-decoration:none;
}
#navigationMainMini a:link {
	color:#FFF;
	text-decoration:none;
}
#navigationMainMini a:active {
	color:#FFF;
	text-decoration:none;
}
#navigationMainMini a:hover {
	color:#DF8E8F;
	text-decoration:none;
}

/* ==========[ Footer  ]========== :: usage - copyright, address, tel etc. */
#footer {
	color:#DF8E8F;
	width: 762px; /* adjust from 780 to take account of padding-right */
	height:65px;
	margin: 0 auto;
	font-size:0.8em;
	text-align:right;
	padding-right:18px;
	padding-top:12px;
	display:none;
	background-color: #990000;
}

#footer a:visited {
	color:#DF8E8F;
	text-decoration:none;
}
#footer a:link {
	color:#DF8E8F;
	text-decoration:none;
}
#footer a:active {
	color:#DF8E8F;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:none;
}


#poweredByClaymore {
	width:124px;
	height:56px;
	background-image:url(/images-new/logo-powered-by-claymore-green-bg.gif);
	margin:auto;
	margin-top:10px;
	background-repeat:no-repeat;
}

/* CSS heavily based on a layout by Eivind Savio for strictlycss.com */
.galleryimage {
	border: 1px double #7C9152;
	padding: 4px;
}

.txtSmall {
	font-size:0.8em;
}

.intLanguageSelector {
	float: left;
	margin-top:-1px; 
	padding-left:5px;
}
#twitter_etc {
	padding-top: 0px;
	text-align: right;
	float:right;
}
#twitter_etc img {
margin: 0px 3px 0px 3px;
}