/* screen styles for the template */

body
{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 0.8em;
	background-image: url(../assests/images/body_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

div#page,
div#footer
{
	width: 800px;
	margin: 0 auto;
	padding: 5px;
}

div#page
{
	margin-top: 1em;
	background-color: #fff;
}

/* header colors and styles */
div#page div#header h2
{
	height: 140px;
	margin: 0 0 5px 0;
	background-color: #87D300;
}

div#page div#header p
{
	padding: 2px 5px;
	margin: 0 0 5px 0;
	font-size: 12px;
	background-color: #00A4D8;
	color: #fff;
}

/* menu styles */
/* see also menu.left.css and menu.top.css */
div#navigation
{
	border: 0 solid #FF9A00;
	background-color: #00a7e6;
}

div#navigation ul.menu ul.menu /* handle sub menus */
{
	display: none;
	position: absolute;
	background-color: #FF9A00;
}

div#navigation ul.menu,
div#navigation ul.menu *
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

div#navigation ul.menu li,
div#navigation ul.menu li a
{
	border: 0 solid #FFB754;
}

div#navigation ul.menu a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

div#navigation ul.menu a:hover
{
	background: #FFB754;
}

/* content styles */
div#content
{
	background-color: #DFF7FF;
	padding: 5px;
	position: relative;
}

h3,
h4,h5
{
	color: #00a4d8;
	margin: 0 0 0.4em;;
}

h3
{
	font-size: 1.4em;
	margin-bottom: 0.6em;
}

h4
{
	font-size: 1.25em;
}

h5
{
	font-size: 1.1em;
}

div.supplemental /* images/promos on the right hand side of the screen... */
{
	float: right;
	width: 230px;
	text-align: center;
	border-bottom: 1000em solid #FFB754;
	background-color: #FFB754;
	border-left: 5px solid #fff;
	margin-bottom: -1000em;
	margin-top: -5px;
	margin-right: -5px;
	padding-top: 5px;
}

div.supplemental p
{
	background-color: #5C4AE9;
	color: #fff;
	margin: 5px 5px 15px;
}


div.gallery div
{
	clear: both;
}

div.gallery p
{
	float: left;
	width: 30%;
	height: 180px;
	margin: 10px;
	text-align: center;
	background: #fff url(none) top center no-repeat;
	border: 1px solid #00a4d8;
}

div.gallery a
{
	padding: 125px .5em .5em;
	display: block;
	text-decoration: none;
}

div.gallery a:hover
{
	border-color: #000;
}

div.gallery a img
{
	display: none;
}
.caption {color:#000000; font-size:9px; line-height:13px;}

/* footer styles */
div#footer
{
	font-size: 0.7em;
}

div#footer *
{
	margin: 0;
	padding: 0;
}

div#footer ul.menu
{
	float: right;
}

div#footer ul.menu li
{
	display: inline;
}

div#footer p
{
	font-style: italic;
}

div#footer a
{
	color: #00A4D8;
	text-decoration: none;
}

div#footer a:hover
{
	text-decoration: underline;
}

/* the browser fixes */
.ie #form .required { margin:0 143px 0 0; color:#00a4d8; }
.ie #form .fieldlabel .required { margin:0; }

.ie7 #gal_Mask { filter:alpha(opacity=75) !important; }

.ie6 { height:100%; }
.ie6 #gal_Mask { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75) !important; height:100%; }

/* the browser fixes end */

/* NEW SAHOTELS STYLES */

#leftColumn {
	background-color: #000000;
	position:absolute;
	left: 0px;
	width: 285px;
	top: -8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
}
#leftColumn a {
	text-decoration:none;
	color:#FFFFFF;
}
#leftColumn a:hover {
	color:#18496c;

}
#homecontent {
	width: 366px;
	position: absolute;
	left: 296px;
	top: -15px;
}
#rightcolumn {
 	width: 125px;
	position: absolute;
	left: 675px;
	top: -15px;
}
#rss {
	color:#000000;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	background-color: #18496c;
	line-height: 28px;
	text-transform: uppercase;
	text-indent:5px;
}

.pageHeader {
	width: 800px;
	top: 0px;
	left: 0px;
	height:105px;
}
.navBar {
	background-color: #00a7e6;
	height: 25px;
	width: 800px;
	left: 0px;
	color: #FFFFFF;
	line-height:25px;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-indent: 10px;	
	position:relative;
    margin:0 auto;

}
.searchBy {
	background-color: #7f7f7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
	background-image: url(../assests/images/bullet.gif);
	background-repeat: no-repeat;
	text-indent: 22px;
	list-style-position: inside;
	list-style-type: none;
	margin: 2px;
	font-weight: normal;
	text-decoration:none;
}
.searchBy a {
	text-decoration:none;
	color:#FFFFFF;
}
.searchBy a:hover {
	color:#18496c;
}
.functionBG {
	background-color: #df9800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}
.functionBG p a {
text-decoration:none;
color:#18496c;
}
.functionBG p strong {color:#18496c;}
.functionClick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #865b00;
	height: 23px;
	width: 100px;
	padding: 10px;
	text-decoration:none;
	text-align:center;
	position:inherit;
	float:left;
}
.functionClick a {
	text-decoration:none;
	color:#FFFFFF;
}
.functionClick a:hover {
	color:#df9800;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#header {
	height:182px;
	width:622px;
	position:relative;
}
.level1bg {
	background-image:url(../assests/images/new/internal_page_header_lvl1.gif);
	background-repeat:no-repeat;
	height:182px;
}
.level2bg {
	background-image:url(../assests/images/new/internal_page_header_lvl2.gif);
	background-repeat:no-repeat;
	height:182px;

}
.level3bg {
	background-image:url(../assests/images/new/internal_page_header_lvl3.gif);
	background-repeat:no-repeat;
	height:182px;

}
.levelGoldbg {
	background-image:url(../assests/images/new/internal_page_header_lvl4.gif);
	background-repeat:no-repeat;
	height:182px;
}
.ahalogo {
	background-image: url(../assests/images/ahalogo.jpg);
	background-repeat: no-repeat;
	float:right;
}
#ahalogo {
	height: 182px;
	width: 178px;
}
#maincontainer {
	width:800px;
	position:relative;
    margin:0 auto;
	height:100%;
}
img {
	border: 0;
}
.textLinksBG {
	color:#666666;
	line-height:25px;
}
.textLinksBG a {
	color:#666666;
	text-decoration:none;
}
.textLinksBG a:hover {
	color:#18496c;
}
.textLinksBG ul {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	height:19px;
}
.navBar ul { 
	margin:0;
	padding:0;
	list-style:none;
	height:19px; 
}
.navBar a:hover{
	color:#18496c;
}
.navBar li { 
	float:left;
	margin:0;
	padding:0; 
	padding-right:5px;
}
.navBar li a { 
	padding:2px 4px;
	color:#ffffff;
	text-decoration:none;  
}
#generalcontent {
	width: 800px;
	margin: 0 auto;
	position:absolute;
}
#header h1 {
	margin:0; 
	padding:115px 0 0 0; 
	background:none;
}
#header p {
	margin:0;
	padding:0;
	color:#fff;
}
.image {
	padding-right: 10px;
	padding-left: 10px;
}
#themeBlock {
	background-color:#dddddd;
	width:178px;
	text-align:center;
	color:#666666;
	float:right;
	top:inherit;
	height:100%;
	margin-left:20px;
	margin-bottom:300px;
}
#themeBlock h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color: #FFFFFF;
	background-color: #18496c;
	line-height: 22px;
	text-transform:capitalize;
	text-align:center;
}
#themeBlock a {
	text-decoration:none;
	color:#18496c;
}
#themeBlock a:hover {
	text-decoration:none;
	color:#333333;
}

.hotelImages {
	padding-left:10px;
}
.newContent {
	position:inherit;
	float:left;
}
.hotelcontent {
	padding-left: 10px;
	padding-right: 10px;
}
.hotelcontentFront {
	padding-left: 2px;
	padding-right: 2px;
}
.imgcaption {
	background-color: #999999;
	color:#FFFFFF;
	text-align:center;
}
.hotHeading {
	color:#FFFFFF;
	font-size: 1.5em;
	padding-left:10px;
}
.hotIntro {
	color:#FFFFFF;
	font-size: .8em;
	padding-left:10px;	
}
.hotelsBlock {
	width:610px;
}
#hotelsBlock a {
	text-decoration:none;
	color:#18496c;
}
#hotelsBlock a:hover {
	text-decoration:none;
	color:#333333;
}
.hotelsBlockFront {
	width:520px;
}
.hotelsBlockFront a {
	text-decoration:none;
	color:#18496c;
}
.hotelsBlockFront a:hover {
	text-decoration:none;
	color:#333333;
}
.hotelHeading {
	color: #18496c;
	font-size: 1.4em;
	padding-left: 10px;
	margin: 0 0 0.4em;
	font-weight:bold;
}
.hotelSubHeading {
	color: #00a4d8;
	font-size: 1.1em;
	padding-left: 10px;
	margin: 0 0 0.4em;
}
.homeFooter {
	background-color:#cccccc;
	background-repeat:repeat-x;
	position:fixed;
	bottom: 0px;
	height:25px;
	width:450px;
	line-height:25px;
	font-size: .8em;
	text-indent:10px;

}
.homeFooter ul { 
	margin:0;
	padding:0;
	list-style:none;
	height:19px; 
}
.homeFooter li {
	float:left;
	margin:0;
	padding:0; 
}
.homeFooter li a { 
	padding:2px 4px;
	color:#999999;
	text-decoration:none;  
}
.homeFooter a:hover {
	color:#000000;
}
.functionText {
	font-size:.8em;
	padding-left:3px;
	padding-top: 10px;
	padding-right:50px;
	padding-bottom:10px;
	font-weight:lighter;
	line-height:15px;
}
.siteBy {
	width:800px;
	position:fixed;
	bottom:0;
	text-align:right;
	font-size: .8em;
	line-height:25px;
	color:#999999;
	background-color:#CCCCCC;
}
.siteBy a {
	color:#999999;
	text-decoration:none;
}
.siteBy a:hover {
	color:#000000;
}

/* TEST HOME STYLES */

#newLeftColumn {background-image:url(../assests/images/new/industry-news-bg.gif);position:absolute;left: 5px;width: 217px;height:260px;top: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}
#industryNews { position:absolute;left:10px;width:197px;height:210px;top:38px;font-size:9px;color:#4e4e4e;}
#industryNews h4 { color:#0072af;}
#industryNews ul {padding:0; list-style:none; }
#industryNews li { float:left; background-image:url(../assests/images/new/news-arrow.gif); background-repeat:no-repeat; background-position:left top;padding-left:10px;line-height:14px; }
#industryNews li a {color:#0072af; text-decoration:none;}
#industryNews li a:hover { color:#85bd28;}
#newsTitle {color:#0072af;font-weight:bold; }
#newSearch {position:absolute;left:228px;top:0px;width:563px;height:260px;background-image:url(../assests/images/new/search-bg.gif);}
#searchHolder {position:absolute; left:10px;top:35px;width:550px; height:220px;overflow-y:scroll; overflow-x:no-scroll;}
#hotelOfMonthBG {position:absolute; left:5px;width:570px;height:295px;top:265px;background-image:url(../assests/images/new/hotel-of-the-month-bg.gif);}
#hotelOfMonth {position:absolute; left:6px;width:557px;height:259;top:29px;color:#FFFFFF;}
#hotelOfMonthText {position:absolute; left:5px; top:195px;font-size:11px; line-height:14px;}
#hotelOfMonthText a {color:#0072af; text-decoration:none; font-weight:bold;}
#hotelOfMonthText a:hover {color:#85bd28;}
#localNews {position:absolute;left:584px;top:265px;width:208px;height:500px;background-image:url(../assests/images/new/local-news-bg.gif);}
#localNewsDisplay {position:absolute;left:0px;top:36px;height:450px;width:205px; overflow-y:scroll;}
#localNewsDisplay A:link { color : #0072af; font-weight : bold; font-size:11px; text-decoration:none;}
#localNewsDisplay A:hover {color : #85bd28;}
#localNewsDisplay A:visited { color : #999999; font-weight : bold; font-size:11px; text-decoration:none;}
#linksBG {position:absolute;left:5px;top:565px;width:217px;height:190px;background-image:url(../assests/images/new/links-bg.gif);}
#linkHolder {position:absolute;left:5px;top:25px;width:205px;height:140px;font-size:9px;color:#4e4e4e;}
#linkHolder h4 { color:#0072af;}
#linkHolder ul {padding:0; list-style:none; }
#linkHolder li { float:left; background-image:url(../assests/images/new/news-arrow.gif); background-repeat:no-repeat; background-position:left top;padding-left:10px;line-height:14px; }
#linkHolder li a {color:#0072af; text-decoration:none;}
#linkHolder li a:hover { color:#85bd28;}
#promoBG {position:absolute;left:230px;top:565px;width:345px;height:120px;}
#advertisement {position:absolute;top:0px;left:1px;}
    /* these are the RSS classes - you can adapt them as you see fit
       values here override the defaults... */

.rssxpresschannel {font-family : sans-serif;}
.rssxpresschtitle {font-size : 12px;color : #006393;}
.rssxpresschdesc {color: #4e4e4e; font-size:10px}
.rssxpressittitle {font-size : 110%;line-height : 120%} 
.rssxpressitdesc {color: #4e4e4e; font-size:10px}
.rssxpresstable {background-color:#FFFFFF}
    /* rssxpressdivider is a special case - it is a single pixel, single column row on the rssxpress
       channel - to alter it's colour just change the background-color image. */
.rssxpressdivider { }

#industryLogo {position:absolute; left:230px; top:665px; width:345px;height:75px; background-color:#00FF33;}