/* GRJ Mircosite styles - ASL/JMM */
/* -- Greyscale rules only.  Apply colour information in a separate stylesheet -- */

BODY{
	color:#404040; background:#FFFFFF url(Images/header-background.gif) top repeat-x;
	font-size:80%;
	margin:0; padding:0;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center; /* Keep the fixed width content in the middle (IE Hack) */
	position:relative;
}

H1,.h1,.section_title{font-size:130%;font-weight:bold;margin-bottom:10px}
H2,.h2{font-size:120%;font-weight:bold;margin-bottom:10px}
H3,.h3{font-size:110%;font-weight:bold;margin-bottom:10px}
H4,.h4{font-size:100%;font-weight:bold;margin-bottom:5px}
H5,.h5{font-size:90%;font-weight:bold;margin-bottom:5px}
H6,.h6{font-size:80%;font-weight:bold;margin-bottom:5px}

.LandingPageStrapline {font-size:130%; color:#00587D; margin-bottom:4px}
.LandingPageDescription { text-decoration:none;}
.LandingPageLink { font-weight:normal; font-size:12px; color:#00587D;}

A IMG {border-width:0}

.left {float:left}
.right {float:right}

.bold {font-weight:bold}

/* --== LAYOUT ==-- */
#content{
	margin:0 auto; /* central content */
	position:relative;
	padding-top:128px; /* HEADER height + 10 */
	padding-bottom:56px; /* FOOTER height + FOOTER padding */
	padding-left:135px; /* LEFT width + 10 */
	padding-right:260px; /* RIGHT width + 10 */
	width:595px; /* 990 - side padding */
	text-align:justify; /* Reset the text alignment */
	
	min-height:550px;
	_height:550px; /* IE hack */
}

#head{ position:absolute;top:0;left:0;z-index:10;width:990px;height:118px;background:#B7B7B7 url(Images/header-background.gif) top repeat-x; }
#leftCol{ position:absolute;top:118px;left:0;z-index:5;width:125px; }
#rightCol{ position:absolute;top:120px;right:0;z-index:5;width:250px;color:#000000;background:#E3E3E3 url(Images/right-column-gradient.gif) bottom no-repeat;padding-bottom:40px }

#head .right{
	width:250px; height:118px;
	background:url(Images/phone-number.gif) center no-repeat;
	text-align:center;
}

#foot{
	clear:both;height:46px;width:990px;
	padding-top:10px;
	background-color:#ffffff;
	position:absolute;bottom:0;left:0;z-index:10;
}

.footFade{
	height:55px;clear:both;
	background:url(Images/footer-background.gif) bottom repeat-x;
}

/* --== LINKS MENU ==-- */
UL.links{margin:5px;padding:0;list-style-type:none;font-size:11px;line-height:18px}
UL.links A{color:#ababab;text-decoration:none;}
UL.links LI{display:inline;width:auto;padding:0 10px;border-right:1px solid #ababab}
UL.links LI.last{border-right:none}

/* --== LEFT / DESTINATIONS MENU ==-- */
#leftCol UL, UL.destinations{
	list-style-type:none;
	padding:0;margin:10px 0;
	text-align:center;
	font-size:11px;line-height:11px;
}
UL.destinations{margin:10px 5px;height:25px;}
#leftCol LI{padding:0;margin:5px 0;}
UL.destinations LI{float:left;padding:0;margin:2px;}
#leftCol LI A{color:#202020;text-decoration:none;}
#leftCol LI.SiteRecursiveSectionMenuLevel0 A, UL.destinations LI A{
	color:#FFFFFF; background:#414141 url(Images/menu-item-background.gif) no-repeat;
	text-decoration:none;
	width:125px; height:25px;line-height:25px;
	display:block;
}
UL.destinations LI A.tny{width:60px;background-image:url(Images/menu-item-background-60.gif)}
UL.destinations LI A.sml{width:88px;background-image:url(Images/menu-item-background-88.gif)}

/* --== RIGHT COLUMN ==-- */
#rightCol .heading{
	margin-top:10px;
	color:#ffffff; background:url(Images/right-heading-background.gif) center no-repeat;
	line-height:31px; font-size:15px;
	text-align:center; text-transform:uppercase;
}
#rightCol .pad {padding:0 20px;}
#rightCol .pad P, #rightCol .pad TD{margin:5px 0;font-size:11px;text-align:left}
#rightCol .ads {text-align:center}

#rightCol BUTTON{
	width:53px;cursor:pointer;
	border:none;background-color:Transparent;
	float:left;
	padding:0;
}

#rightCol INPUT{
	border:1px solid #979797;
	padding:2px;
	width:150px;
	float:left;margin-top:8px
}

/* --== CONTENT BOXES ==-- */
DIV.fullBox{width:595px;background:url(Images/box-595-sides.gif);clear:both;margin-bottom:10px}
DIV.fullBox DIV.top{padding:0;height:10px;width:595px;background:url(Images/box-595-top.gif)}
DIV.fullBox DIV.btm{padding:0;height:10px;width:595px;background:url(Images/box-595-bottom.gif);clear:both}

DIV.halfBox, DIV.halfBox2{width:292px; background:url(Images/box-292-sides.gif);float:left;text-align:left;margin:0 10px 10px 0}
DIV.halfBox DIV.top, DIV.halfBox2 DIV.top{padding:0;height:10px;width:292px;background:url(Images/box-292-top.gif)}
DIV.halfBox DIV.btm, DIV.halfBox2 DIV.btm{padding:0;height:10px;width:292px;background:url(Images/box-292-bottom.gif);clear:both}
DIV.halfBox2{margin-right:0}

DIV.fullBox DIV.padBox, DIV.halfBox DIV.padBox, DIV.halfBox2 DIV.padBox{padding:0 10px}
DIV.fullBox P, DIV.halfBox P, DIV.halfBox2 P{margin-bottom:0}
DIV.fullBox H1, DIV.fullBox H2, DIV.fullBox H3,
DIV.halfBox H1, DIV.halfBox H2, DIV.halfBox H3,
DIV.halfBox2 H1, DIV.halfBox2 H2, DIV.halfBox2 H3{margin-top:0}
DIV.fullBox IMG, DIV.halfBox IMG, DIV.halfBox2 IMG{float:left;clear:left;margin-right:10px}
/*DIV.halfBox DIV.info,DIV.halfBox2 DIV.info{float:left;width:152px;margin-left:10px}*/

DIV.fullBox DIV.col1{width:49%;float:left;clear:left}
DIV.fullBox DIV.col2{width:49%;float:right;clear:right}

DIV.fullBox DIV.threeColumns{width:152px;float:left;margin-left:34px;text-align:left;
	_margin-left:17px;_margin-right:17px; /* IE Hack */
}
DIV.fullBox DIV.threeColumns IMG{float:none;clear:none;margin-right:0}