/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ======================================================================================================== */
/* ----------------------------------------------------------------------------------- STYLES FOR ALL PAGES */
/* ======================================================================================================== */

/* -------------------------------------------------- Page Wrap */
#uber{
	width:980px;
	margin:0 auto;
	background:#FFF;
	position:relative;
}

/* -------------------------------------------------- Header - contains nav */
#header{
	width:952px;
	height:117px;
	background:#FFF url(/images/structure/header-background.jpg) top left no-repeat;
	padding-right:28px;
}
#printLogo{
	display:none;	
}

#printAddress{
	display:none;	
}
/* -------------------------------------------------- Tourism Kingston Logo */
#logo{
	width:310px;
	height:24px;
	float:left;
	padding:30px 0 0 38px;
}

/* -------------------------------------------------- Search Box */
#searchBox
{
	background:transparent url(/images/structure/search-box.gif) no-repeat scroll 0 0;
	float:right;
	height:22px;
	margin:8px 0 0 12px;
	width:164px;
}
.searchText
{
	background-color:transparent;
	border:0 none;
	color:#666633;
	float:left;
	font-size:11px;
	margin:5px 0 0 10px;
	padding:0;
	width:128px;
}

#searchBox a:link, #searchBox a:active, #searchBox a:visited
{
	background:transparent url(/images/structure/search-button.gif) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:22px;
	overflow:hidden;
	width:23px;
}

#searchBox a:hover
{
	background-position:0 -22px;
}

/* -------------------------------------------------- Footer */
#footer{
	width:921px;
	height:99px;
	padding-right: 59px;
	background:#fff url(/images/structure/footer-background.gif) top left no-repeat;
}

#footerLogo{
	float:left;
	margin:17px 0 0 59px;
}

#footer ul.footerText {
	float:right;
	list-style-type:none;
	margin:34px 0 0 0;
}

#footer ul.footerLinks
{
	float: left;
	list-style-type:none;
	margin:34px 0 0 0;	
}

#footer li {
	float:left;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b3b3b;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b3b3b;
	text-decoration:none;
}

#footer a:hover {
	color:#a24c07;
}

#footer p {
	font-size:11px;
}

/* ----- END OF ALL PAGES STYLE ----- */


/* ======================================================================================================== */
/* ------------------------------------------------------------------------------ STYLES FOR HOME PAGE ONLY */
/* ======================================================================================================== */

/* -------------------------------------------------- home page banner image */
#banner{
	width:904px;
	height:408px;
	margin:0 0 0 38px;
}
/* -------------------------------------------------- body area - content */
#body{
	width:879px;
	/*height:536px;*/ /* changed */
	height:650px;
	background:#fff url(/images/structure/content-background.gif) top left no-repeat;
	margin-left:38px;
	padding-left:25px;
}
/* -------------------------------------------------- Content container on the right and left of home page */
#rightColumn{
	width:625px;
	/*height: 526px;	*/ /* changed */
	height: 600px;			
	float:right;
	overflow: hidden;
}
#leftColumn{
	width:234px;
	/*height:585px;*/ /* changed */
	height:600px;
	float:left;
	margin:15px 0 0 0px;
	overflow:hidden;
}
/* -------------------------------------------------- Styles for welcome section */
#welcomeSection{
	position:relative;
	width:625px;
	/*height:124px;*/
	padding-top:15px;
}
#welcomeSection h1{
	font-size:16px;
	font-weight:bold;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	text-transform:none;
	color:#666666;
	padding:0;
	margin:0 0 5px 0;
}
#welcomeSection h2{

}
#welcomeSection p{
	color:#666666;
	padding:0 25px 0 0;
	font-size:11px;
	line-height:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#share{
	width: 50px;
	height: 16px;
	position: absolute;
	top: 15px;
	left: 465px;
}
#share a.shareLink:link, #share a.shareLink:active, #share a.shareLink:visited{
	cursor:pointer;
	float:right;
	height:16px;
	overflow:hidden;
	width:50px;
	background-position: 0 0;
	background:url(/images/structure/share.gif) top left no-repeat;
}
#share a.shareLink:hover{
	background-position: 0 -16px;
}

/* below are new added in order to show up 3 tokens(boxes) on interior landing page */
.box1
{
	width:273px;
	height:142px;
	float:left;
	/*background-color:red;*/

}
.box2
{
	width:273px;
	height:142px;
	float:left;
	margin-left:14px;
	margin-right:14px;
	/*background-color:blue;*/

}

#interiorBox
{
	display: none;
}
#interiorBox.show
{
	margin-left:27px;
	width:848px;
	display: block !important;
}
/* new ends */

/* -------------------------------------------------- Styles for events columns */
#eventsColumn
{
	width: 592px;
	float: left;
	/*padding-top: 10px;*/ /* changed */
	padding-top: 5px;
}
/*
#eventsColumnLeft{
	width:284px;
	float:left;
	padding-top:10px;
}
#eventsColumnRight{
	width:308px;
	float:right;
	padding-top:10px;
}
*/
/* -------------------------------------------------- Styles for events */

/* -------------------------------------------------- Styles for Make A Connection Links List */
#makeAconnection{
	width:234px;
	height:237px;
	overflow: hidden;
	background:url(/images/structure/make-a-connection.gif) top left no-repeat;
}

#makeAconnection h3{
	font-size:15px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#FFF;
	padding:7px 0 6px 52px;
	float: left;
}
#makeAconnection ul{	
	float: left;
	display: block;
}

#makeAconnection li.first
{
	margin-top: 8px !important;
}

#makeAconnection li
{
	padding: 0px 0px 0px 53px;
	margin: 0px 0px 0px 0px;
	list-style-type:none;
	background: transparent url(/images/structure/make-a-connection-bullet.gif) no-repeat 35px center !important;
	float: left;
	width: 181px;
}

#makeAconnection li.division
{
	margin: 7px 0px 7px 0px !important;
	background: transparent url(/images/structure/make-a-connection-sep.gif) 0px center no-repeat !important;	
	list-style-image: none;
	float: left;
	width: 181px;
	height: 1px !important;
}

* html #makeAconnection li.division
{
	margin: 0px 0px 0px 0px !important;
}

#makeAconnection a
{
	float: left;
	font-size:14px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
#makeAconnection a:hover{
	text-decoration:underline;
}
/* -------------------------------------------------- Styles for Home Page Ads in bottom left */
#homeAds
{
	float: left;
}

#homeAds p
{
	margin: 0px;
	padding: 0px;
}

#homeAds iframe *
{
	display: none;	
}

#homeAds iframe
{
	float: left;
	margin-top: 10px;
	padding: 0px;
	border: 0px;
}

#homeAds img {
	width:232px;
	height:58px;
	border:1px solid #bfbfbf;
	margin-top:10px;
	float: left;
}

#homeAds li a{
	text-decoration:none;
}

/* if the ad on the left side does     */
/* not contain one solid image,        */
/* these styles are used to place      */
/* the image and text                  */

.homeAdsImage{
	margin-right:10px;
}
.homeAdsTextLink{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	padding:8px 8px 8px 0px;
}
.homeAdsTextLink a{
	color:#000;
}
.homeAdsTextLink a:hover{
	color:#963731;	
}
/* ----- END OF HOME PAGE STYLE ----- */


/* ======================================================================================================== */
/* -------------------------------------------------------------------------- STYLES FOR CONTENT PAGES ONLY */
/* ======================================================================================================== */

/* -------------------------------------------------- interior page banners */
#socialMedia {
text-align:center;
}

#contentBanner{
	background:url(/images/interiorbanners/blue-header-photo.jpg);
	position:relative;
	width:904px;
	height:152px;
	margin-left:38px;
}
#contentBannerNoPhoto{ /* if you need a header without the photo border, use this style */
	background:url(/images/interiorbanners/blue-header-nophoto.jpg);
	position:relative;
	width:904px;
	height:152px;
	margin-left:38px;
}

#bannerPhoto {
	float: right;
	padding: 9px;
}

#bannerPhoto img
{
	padding: 0px !important;
	margin: 0px !important;
	border: solid 1px #6ba3bc;
	height: 134px;
}

/* -------------------------------------------------- complete content container */
#content{
	width:902px;
	border-left:1px solid #066690;
	border-right:1px solid #066690;
	margin-left:38px;
	padding: 0px 0px 20px 0px;
}
#content img
{
	/*
	border:1px solid #666666;
	padding:2px;
	*/
}
/* -------------------------------------------------- bread crumbs */
#breadCrumbs
{	
	width: 875px;
	height: 28px;
	background: #dae8ee;
	list-style-type: none;
	padding-left: 27px;
	float: left;
}

#breadCrumbs a, #breadCrumbs span, #breadCrumbs p
{
	float: left;
	display: block;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}

#breadCrumbs a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#066690;
}

	#breadCrumbs a:hover
	{
		text-decoration:underline;
	}

#breadCrumbs span
{
	padding: 0px 5px 0px 5px;
}

#breadCrumbs p {
	font-size:12px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	color:#333333;
}

/* -------------------------------------------------- container for left content area */
#contentLeft{
	width:646px;
	padding: 0px 27px 0px 27px;
	background:url(/images/structure/int-content-right-background.jpg) top right no-repeat;
	float:left;
	min-height: 400px;
	height: auto !important;
	height: 400px;			
}

#contentLeftWide
{
	width: 848px;
	padding: 0px 27px 0px 27px;
	float: left;	
}

#contentLeft p, #contentLeftWide p {
	color:#333333;
}

#contentLeft a, #contentLeftWide a {
	font-size:13px;
	color:#066690;
	text-decoration:underline;
}

#contentLeft a:hover, #contentLeftWide a:hover {
	font-size:13px;
	text-decoration:none;
}

#contentLeft ul, #contentLeft ol, #contentLeftWide ul, #contentLeftWide ol {
	padding-bottom:14px;
	margin-left: 30px;
}

#contentLeft li, #contentLeftWide li {
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif;
}

/* -------------------------------------------------- actions like 'back,' 'print,' 'share,' */
#contentLeft #actions{
	height:16px;
	width:646px;
	margin:10px 0px;
	text-align:right;
}

#contentLeftWide #actions{
	height:16px;
	width: 848px;
	margin:10px 0px;
	text-align:right;
}

#actions img, #actionsWide img{
	border:none;
	padding:0 3px 0 0;
}
#actions a, #actionsWide a{
	text-decoration:none;
	color:#666666;
	font-size:12px;
	margin-left:10px;
	float: right;
}
#actions a:hover, #actionsWide a:hover{
	text-decoration:underline;
	color:#666666;
	font-size:12px;
}
/* -------------------------------------------------- search area at the bottom of content pages */
#searchZone{
	padding-top:20px;
}
.searchZoneRadioText{
	padding:5px 0 10px 0;
}
.searchResult{
	border-top:1px solid #505050;
	padding:10px 0 0 0;
	margin-top:10px;
	position:relative;
}
.searchResult p{
	padding:2px;
}
.searchResult a{
	font-size:13px;
}
.searchResultTitle{
	font-weight:bold;
}
.telephoneNumber{
	position:absolute;
	top:40px;
	left:530px;
}
/* -------------------------------------------------- rounded corners at the bottom of search area */
#contentFooter{
	width:904px;
	height:12px;
	clear:both;
	margin-left:38px;
	background:url(/images/interiorbanners/blue-footer.gif) bottom left no-repeat;	
}

* html #contentFooter
{
	margin-top: -3px;
}

/* ----- END OF CONTENT PAGES STYLE ----- */


/* ======================================================================================================== */
/* ----------------------------- TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
/* ======================================================================================================== */

/* ----- END OF TYPOGRAPHY AND LINKS STYLE ----- */

/* ----- end template ----- */



/*

	Splash Page

*/

#splbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3a6591;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-image: none;
}

#splcopyright {
	width: 320px;
	position: absolute;
	left: 555px;
	height: 10px;
	top: 500px;
	z-index: 2;
	text-align: right;
	font-size: 10px;
	color: #4477AA;
}

#splmain {
	position:relative;
	margin: auto;
	width: 922px;
	height: 566px;
	background-image: url(/images/spl_bg.jpg);
	background-repeat: no-repeat;
}

#splfla {
	position:absolute;
	top: 0px;
	left: 20px;
}
#splone {
	position:absolute;
	top: 138px;
	left: 380px;
}
#spltwo {
	position:absolute;
	top: 138px;
	left: 549px;
}
#splthree {
	position:absolute;
	top: 138px;
	left: 719px;
}



/*

	Datagrid Styles (search page)

*/

.gridRow, .gridRow td
{
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
}

.gridAltRow, .gridAltRow td
{
	background-color: #dae8ee;
	padding: 5px 5px 5px 5px;
}

.gridHeader, .gridHeader td
{
	background-color: #066690;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}



/*

	Site Map
	
*/
.siteMapSection
{
	width: 409px;
	float: left;
	margin-right: 30px;
}

.siteMapSection a, .siteMapSection span.heading a
{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;	
	font-size: 13px;
}

	.siteMapSection a:hover, .siteMapSection span.heading a:hover
	{
		text-decoration: underline;
	}

.siteMapSection span.heading
{
	font-size: 14px;
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #0e5ca1;
	margin-bottom: 10px;
}

.siteMapSection span.heading a
{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
}

	.siteMapSection span.heading a:hover
	{
		text-decoration: none;
	}

.nav_stay span, .nav_stay a, .nav_stay a:hover
{
	color: #af6a0d;	
}

	.nav_stay a:hover
	{
		color: #b7750e;
	}

.nav_dine span, .nav_dine a, .nav_dine a:hover
{
	color: #666633;
}

	.nav_dine a:hover
	{
		color: #707038;
	}

.nav_exp span, .nav_exp a, .nav_exp a:hover
{
	color: #acac41;
}

	.nav_exp a:hover
	{
		color: #bbbb4d;
	}

.nav_evt span, .nav_evt a, .nav_evt a:hover
{
	color: #963731;
}

	.nav_evt a:hover
	{
		color: #a9413a;
	}
	
.nav_con span, .nav_con a, .nav_con a:hover
{
	color: #a04903;
}

	.nav_con a:hover
	{
		color: #ba7a47;
	}	
	
/*

	Form Styles

*/

.formBox {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
	border: 1px solid #999;
	padding: 1px;
	width: 95%;
}

.textbox
{
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
	border: 1px solid #999;
	padding: 1px;
	width: auto;
}

.formBoxDate {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
	border: 1px solid #999;
	padding: 1px;
	width: 110px;
}

.Button {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	background:#dddddd;	
	border-left: 1px solid #949494;
	border-top: 1px solid #949494;
	border-right: 1px solid #4e4e4e;
}



/*

	Section Advertisements

*/

#sectionAds
{
	width: 148px;
	float: right;
	padding: 27px 26px 0px 26px;
	text-align: center;
}

	#sectionAd
	{
		width: 135px;
		overflow: hidden;
	}
	
.hidecontentLeftWide { display: none; }

/*

	Calendar

*/

.ajax__calendar_container td
{
    padding: 0;
}

#sectionAds {
float: right;
    padding: 20px 26px 0;
    width: 148px;
	height: 170px;
}