body {
	margin:0;
	padding:0;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
	color:#555555;
	background:url(/Homepage/Images/left_right_bg.gif) repeat-x #ffffff;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,form,select,input {
	padding:0;
	margin:0;
}

h1 {
	font-size:22px;
	line-height:44px;
}

h2, h3 { font-size:11px; }

ol li { 
	margin-left:20px;
}

ul { list-style:none; }

ul li {
	background:url(/Homepage/Images/grey_bullet.gif) no-repeat 0 5px;
	padding-left:10px;
}

img { border:0; }
.img { 	border:1px solid #d6d6d6;
		padding:2px; }
		
	
img.img.topStoryImage {
	margin-right: 5px;
}


a {
	text-decoration:none;
	color:#225b88;
	outline:none;
}

a:hover { text-decoration:underline; }

input {
	font-size:11px;
}

/*		GENERIC CLASSES		*/
	.margin			{ margin:10px; }
	.marginTop		{ margin-top:10px; }
	.marginRight	{ margin-right:2px; }
	.marginBottom	{ margin-bottom:10px; }
	.marginLeft		{ margin-left:2px; }
	.padding		{ padding:10px; }
	.paddingTop		{ padding-top:10px; }
	.paddingRight	{ padding-right:2px; }
	.paddingBottom	{ padding-bottom:10px; }
	.paddingLeft	{ padding-left:2px; }
	
	.rightSideSpace { margin-bottom:20px; }
	
	.upperCase { text-transform:uppercase; }
	
	.clear { clear:both; }
	.relative { position:relative; }
	
	ul.hList li {
		float:left;
		padding:0 7px;
		border-right:1px solid #bfbfbf;
		font-size:11px;
		line-height:11px;
		background:none;
	}
	
	body ul li.last { 
		border:none;
		background:none;
	}
	
	.imgBorder {
		border: 1px solid #d6d6d6;
		display:block;
	}
	
	.imgBorder img {
		margin:2px;
	}
	
	a.icon {
		text-indent:-1000px;
		overflow:hidden;
		display:block;
	}
	
	a.greyLink { color:#898989; }
	
	a.withFocus:focus {
		outline:1px dotted;
	}
	
	ul.hListWide  {
		font-size:11px;
	}
	
	ul.hListWide li {
		float:left;
		width:172px;
	}
	
	.dottedFade {
		background:url(/Homepage/Images/dotted_fade_down.gif) repeat-x 0 20px;
		height:46px;
		line-height:6px;
		overflow:hidden;
	}
	
	.dottedFade.top {
		height:26px;
		background-position:0 0;
	}	

	.subTitle {
		text-transform:uppercase;
		font-size:9px;
		padding-right:3px;
		position:absolute;
		right:0;
		top:3px;
		line-height:9px;
		color:#898989;
	}
	
	/*		DROP DOWN		*/
		.ddContainer {
			width:200px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:14px;
			white-space:nowrap;
		}
		
		.ddContainer ul, .ddContainer li{
			padding:0;
			margin:0;
			list-style:none;
			background-image:none;
		}
		
		.ddContainer a, .ddContainer a:hover {
			color:#555555;
			text-decoration:none;
			cursor:default;
		}
		
		.ddBorder1 {
			border:1px solid #808080;
			border-bottom-color:#d4d0c8;
			border-right-color:#d4d0c8;
		}
		
		a.ddBorder2 {
			border:1px solid #404040;
			border-bottom:none;
			background:url(/Homepage/Images/dropdownarrow.gif) no-repeat right top;
			height:15px;
			overflow:hidden;
			padding:0 3px;
			display:block;
		}
		
		a.ddBorder2:active {
			background-position:right -15px;
		}		
		
		.ddOptionsContainer {
			z-index:10000;
			display:none;
			position:relative;
		}
		
		ul.ddOptions {
			z-index:100000;
			background-color:#FFFFFF;
			height:200px;
			overflow:auto;
			border:1px solid #b2b2b2;
			border-bottom-color:#000000;
			border-right-color:#000000;
			position:absolute;
			top:0;
			left:0;
			width:100%;
		}
		
		ul.ddOptions a {
			display:block;
			padding:0px 3px;
			height:16px;
			overflow:hidden;
		}
		
		ul.ddOptions a:hover {
			background-color:#0a246a;
			color:#ffffff;
		}
	
	

/*		PAGE CONTAINERS		*/
	#mainContainer {
		width:776px;
		margin:0 auto;
		text-align:left;
	}

        #mainContainer.wide {
		width:938px;
		margin:0 auto;
		text-align:left;
	}
	
	#sideBorders {
		background:url(/TravelImages03/headers/white_band.gif) repeat-y;
	}
        
        #mainContainer.wide #sideBorders {
		background:url(/TravelImages03/headers/white_band_930w.gif) repeat-y;
	}

       #mainContainer.wide #sideBordersTop {
		background:url(/TravelImages03/headers/top_shadow_930w.gif) no-repeat;
		padding:0 4px;
	}	
	
        #sideBordersTop {
		background:url(/TravelImages03/headers/top_shadow.gif) no-repeat;
		padding:0 4px;
	}


/*		HEADER		*/
	/*		TOP BAR		*/
		#topBarContainer {
			height:30px;
			overflow:hidden;
			background-color:#a2a2a2;
			line-height:11px;
			color:#ffffff;
                        display:none;
		}
		
		#topBar {
			padding:9px 0 0 7px;
			font-size:11px;
		}
	
		#topBar ul.hList {
			float:right;		
		}
		
		#topBar a {
			color:#ffffff;
		}
		
		a#makeHome {
			margin-right:150px;
		}
		
		li#rssEmail {
			width:130px;
			position:relative;
		}
		
		a#rss, a#email {
			width:21px;
			height:19px;
			background:url(/Homepage/Images/rss_on_grey.gif) no-repeat;
			float:left;
			position:absolute;
			top:-3px;
			right:0;
		}
		
		a#email {
			background-image:url(/Homepage/Images/mail_on_grey.gif);
			right:23px;
		}
		
		
	/*		LOGO/SEARCH BAR		*/	
		#logoBar {
			height:87px;
			overflow:hidden;
			background:url(/TravelImages03/headers/bg_top.gif) repeat-x;
			position:relative;
		}
                
               #logoBarTravelAlerts {
			height:87px;
			overflow:hidden;
			background:transparent url(/Travel/Images/travel_header_201009.jpg) repeat-x scroll 0 0 !important;
			position:relative;
		}
		
		a#canoeLogo {
			display:block;
			text-indent:-1000px;
			background:url(/TravelImages03/headers/logo.gif) no-repeat;
			width:150px;
			height:87px;
			position:absolute;
			top:0;
			left:20px;
		}

		a#travelLogo, a#travelLogoTravelAlerts {
			display:block;
			text-indent:-1000px;
			background:url(/TravelImages03/headers/logo.gif) no-repeat -150px 0;
			width:120px;
			height:87px;
			position:absolute;
			top:0;
			left:170px;
		}
                
		a#travelLogoTravelAlerts {
			display:block;
			text-indent:-1000px;
			background:none;
			width:200px;
			height:87px;
			position:absolute;
			top:0;
			left:10px;
		}
		
		#searchbar_container {
			height: 60px;
			width: 465px;
			position:absolute;
			left:295px;
			top:15px;
		}

                #travelalerts_container {
                        height:35px;
                        left:211px;
                        position:absolute;
                        top:7px;
                        width:550px;
                }

	/*		MAIN NAV		*/	
		#mainNav a:hover, #subNav a:hover {
			text-decoration:none;
		}
		
		ul#mainNav {
			background:url(/Homepage/Images/1st_row_bg.gif) repeat-x;
			border-bottom:1px solid #ed1c24;
			font-size:12px;
		}
		
		ul#mainNav li {
			float:left;
			height:25px;
			text-transform:uppercase;
			background:url(/Homepage/Images/1st_row_divider.gif) no-repeat right center;
			_width:1px;
			line-height:26px;
			padding:0;
		}
		
		ul#mainNav li.last {
			background:none;
		}
		
		ul#mainNav li a {
			overflow:hidden;
			display:block;
			padding:0 9px;
			height:25px;
			color:#FFFFFF;
			font-weight:bold;
			margin-left:-1px;
			margin-right:3px;
			position:relative;
		}
		
		ul#mainNav li a:hover, ul#mainNav li.active a {
			background:url(/Homepage/Images/bg_menu1_on.gif) repeat-x;
		}
		
		ul#mainNav li.home a {
			display:block;
			width:41px;
			background:url(/Homepage/Images/but_home.gif) 0 0;
			text-indent:-1000px;
			overflow:hidden;
			padding:0;
			margin:0;
		}
	
		ul#mainNav li.home a:hover {
			background:url(/Homepage/Images/but_home.gif) 0 25px;
		}
	/*		SUBNAV		*/
		#subNav {
			background:url(/Homepage/Images/2nd_row_bg.gif);
			font-weight:bold;
			height:30px;
			text-transform:uppercase;
		}
		
		#subNav li {
			float:left;
			font-size:11px;
			padding:0;
			background:none;
		}
		
		#subNav span, #middleNav span {
			display:block;
			height:13px;
			border-right:1px solid #bfbfbf;
			float:left;
			margin-top:7px;
		}
		
		#subNav a {
			padding:0px 7px 0 7px;
			color:#717171;
			display:block;
			height:30px;
			line-height:26px;
			float:left;
			white-space:nowrap;
			_width:10px;
		}
		
		#subNav span.navNew {
			margin:0;
			border:none;
			height:auto;
			display:inline;
			float:none;
			color:#FF0000;
			position:relative;
			top:-5px;
			left:0px;
			font-size:8px;
		}
		
		#footer span.navNew {
			display:none;
		}		
		
		#subNav a.paddingLeft { padding-left:10px; }
		
		#subNav a:hover, #subNav li.active a {
			background:url(/Homepage/Images/bg_menu2_on.gif) repeat-x;
		}
	
	
/*		TOP CONTENT		*/
	#topContent {
		border-right:1px solid #d6d6d6;
		position:relative;
		height:284px;
		background:url(/Homepage/Images/dlborderbg.gif) repeat-y 0 0 #ffffff;
	}
	
	.borderfade {
		height:35px;
		width:1px;
		background:url(/Homepage/Images/dy_lead_border_fade.gif) no-repeat left bottom;
		overflow:hidden;
		position:absolute;
		bottom:0;
	}
	
	.borderfade.leftS { left:0; }
	.borderfade.rightS { 
		right:-1px;
		_right:-2px;
	}
	

		
		
/*		MIDDLE NAV		*/
	ul#middleNav {
		text-transform:uppercase;
		font-weight:bold;
		background-color:#000000;
		background:url(/Homepage/Images/1st_row_bg.gif) repeat-x;
	}
	
	ul#middleNav span {
		/* The rest is defined in the subnav section */
		border-right-color:#707070;
		overflow:hidden;
	}
	
	ul#middleNav li {
		padding:0;
		background:none;
		height:25px;
		line-height:26px;
		float:left;
	}
	
	ul#middleNav a {
		color:#ffffff;
		text-decoration:none;
		display:block;
		padding:0 7px;
		float:left;
	}
	
	ul#middleNav a.paddingLeft { padding-left:10px; }

	ul#middleNav li a:hover {
		background:url(/Homepage/Images/bg_menu1_on.gif) repeat-x;
	}
	

/*		FIXES		*/
	/* Fix's containers not clearing inner floats in firefox */
	.clearIt:after, #popList li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	html .clearIt {
		height: 1%;
	}
	
	h1.ieDDFix{
		text-indent:-1000px;
		overflow:hidden;	
	}
	
	h1.ieDDFix a{
		background:none;
	}