/*/////////////////////////////////////////////////////////////////////
	Clearfix
/////////////////////////////////////////////////////////////////////*/

	.clearfix:after,
	.content:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix,
	.content {
		display:inline-block;
	}
	.clearfix,
	.content {
		display:block;
	}
	
	.clear {
		height:0;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Reset
/////////////////////////////////////////////////////////////////////*/

	
	* {
		padding:0;
		margin:0;
	}
	
	body, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	body {
		font-size:62.5%;
	}
	
	label input, label select, label textarea {
		font-size:1em;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0; 
	}
	
	img {
		display:block;
	}
	a img {
		border:none;
	}
	
	table {
		border-collapse:collapse;
	}

/*/////////////////////////////////////////////////////////////////////
	Global
/////////////////////////////////////////////////////////////////////*/

	body {
		background:#f3f3f3 url(../../images/layout/back.jpg) repeat-x top center;
	}
	
	#wrapper {
		margin:0 auto;
		width:870px;
	}
	
	.fL {
		float:left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/

	#header {
		padding:0 11px 6px 11px;
		background:url(../../images/layout/header.gif) no-repeat bottom center;
		height:123px;
		position:relative;
	}
	
	/* logo */
	#header h1#logo {
		float:left;
		height:123px;
		width:230px;
	}
	#header h1#logo a {
		display:block;
		height:123px;
		width:328px;
		outline:0;
		text-indent:-9999px;
		background:url(../../images/layout/logo.jpg) no-repeat 0 58px;
	}
	
	/* Small Nav */
	ul#sNav {
		float:right;
		margin:20px 0 0 0;
	}
	ul#sNav li {
		list-style:none;
		float:left;
		padding:0 9px 0 8px;
		background:url(../../images/layout/divide.gif) no-repeat top right;
		height:16px;
		font-size:1.1em;
		line-height:16px;
	}
	ul#sNav li a {
		color:#898989;
		text-decoration:none;
	}
	ul#sNav li a:hover {
		color:#004685;
		text-decoration:underline;
	}
	ul#sNav li.last {
		background:none;
		padding-right:0;
	}
	
	/* Search Box */
	#search {
		float:right;
		clear:right;
		margin:18px 0 0 0;
	}
	#search form {
	}
	#search form label {
		display:none;
	}
	#search form input {
		width:170px;
		padding:1px 6px;
		height:15px;
		font-size:1.1em;
		line-height:1.2em;
		color:#6f7582;
		border:1px solid #7f9db9;
		float:left;
		margin:0 10px 0 0;
	}
	#search form input:focus {
		border:1px solid #004685;
	}
	#search button {
		float:left;
		text-indent:-9999px;
		font-size:0.0001em;
		line-height:0.0001em;
		height:19px;
		width:52px;
		background:url(../../images/buttons/search.jpg) no-repeat top left;
	}
	#search button:hover {
		background-position:bottom left;
	}
	
	/* Main Nav */
	ul#nav {
		position:absolute;
		bottom:4px;
		right:9px;
		height:40px;
	}
	ul#nav li {
		list-style:none;
		float:left;
		margin:12px 2px 4px 0;
		* margin-bottom: 4px; /*  ie6+7 */
	}
	ul#nav li a {
		display:block;
		float:left;
		height:24px;
		padding:0 12px;
		background:#004685;
		color:#ffffff;
		font-size:1.1em;
		text-decoration:none;
		line-height:24px;
	}
	ul#nav li a:hover {
		background:#f2cf40;
	}
	
	ul#nav li.active {
		margin:4px 0 0 -2px;
		height:36px;
		background:url(../../images/layout/nav-active.gif) no-repeat top left;
	}
	ul#nav li.active a {
		background:url(../../images/layout/nav-active-end.gif) no-repeat top right;
		color:#5e5e5e;
		padding:4px 20px 0 20px;
		height:32px;
		line-height:32px;
	}
	ul#nav li.active a:hover {
		/* ie6 */
		background:url(../../images/layout/nav-active-end.gif) no-repeat top right;
	}
	ul#nav li.inActivePad {
		margin-right:4px;
	}
	ul#nav li.inActivePad a {
		padding:0px 10px 0;
		height:24px;
		line-height:24px;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Top Image
/////////////////////////////////////////////////////////////////////*/
	
	#topImage {
		padding:0 11px 11px 11px;
		height:154px;
		background:url(../../images/layout/top-image.jpg) no-repeat top center;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Side
/////////////////////////////////////////////////////////////////////*/
	
	#side {
		width:230px;
		float:left;
	}
	
	/* box */
	#side .box {
		background:url(../../images/layout/side/side.jpg) repeat-y top center;
	}
	#side .box h2 {
		height:21px;
		background:url(../../images/layout/side/side-top.jpg) no-repeat top center;
		padding:25px 20px 0 20px;
		font-size:1.2em;
		line-height:1.2em;
		color:#4a5457;
		font-weight:100;
		margin:0 0 10px 0;
	}
	#side .box .content {
		background:url(../../images/layout/side/side-bottom.jpg) no-repeat bottom center;
		padding:0 20px 40px 20px;
	}
	
	/* news */
	#side #news .news {
		margin:0 0 10px 0;
	}
	#side #news .news h3 {
		font-size:1.1em;
		color:#353d40;
		line-height:1.3em;
		font-weight:100;
	}
	#side #news .news p {
		color:#777777;
		font-size:1.1em;
		line-height:1.3em;
	}
	#side #news .news p a {
		color:#18468f;
		text-decoration:none;
	}
	#side #news .news p a:hover {
		text-decoration:underline;
	}
	
	/* sub nav */
	#side #subnav ul li {
		padding:0 0 4px 16px;
		list-style:none;
		font-size:1.1em;
		line-height:1.4em;
		color:#8d9396;
		font-weight:bold;
		background:url(../../images/nav/sub-arrow.gif) no-repeat 0 3px;
	}
	#side #subnav ul li ul {
		padding:4px 0 0 0;
	}
	#side #subnav ul li ul li {
		font-size:1em;
	}
	#side #subnav ul li a {
		color:#8d9396;
		text-decoration:none;
	}
	#side #subnav ul li a:hover {
		color:#225f95;
	}
	.js #side #subnav ul li .selected {
		color:#225f95 !important;
	}
	.js #side #subnav ul li .hitarea {
		background: url(../../images/nav/sub-arrow.gif) 0 0 no-repeat;
		height: 16px;
		width: 16px;
		margin-left: -16px;
		float: left;
		cursor: pointer;
	}
	.js #side #subnav ul li .collapsable-hitarea {
		background:url(../../images/nav/sub-minus.gif) no-repeat 0 3px;
	}
	.js #side #subnav ul li .expandable-hitarea {
		background:url(../../images/nav/sub-plus.gif) no-repeat 0 3px;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Main Content
/////////////////////////////////////////////////////////////////////*/
	
	#mainContent {
		float:right;
		width:640px;
	}
	
	/* box */
	#mainContent .box {
		background:url(../../images/layout/content/content.jpg) repeat-y top center;
	}
	#mainContent .box .content {
		background:url(../../images/layout/content/content-bottom.jpg) no-repeat bottom center;
		padding:25px 25px 40px 25px;
	}
	
	#mainContent .box .content .file a{
		background:url(../../images/icon/download.jpg) no-repeat 5px 5px;
		width:515px;
		color:#4C7DA9;
		display:block;
		float:left;
		font-size:1.1em;
		border-bottom:1px dotted #D8D8D8;
		line-height:1.3em;
		padding:10px 0px 10px 75px;
		margin:0 5px 10px 5px;
		height:50px;
		text-decoration:none;
	}
	#mainContent .box .content .link a{
		background:url(../../images/icon/link.jpg) no-repeat 5px 5px;
		width:550px;
		color:#4C7DA9;
		display:block;
		float:left;
		font-size:1.1em;
		border-bottom:1px dotted #D8D8D8;
		line-height:1.3em;
		padding:10px 0px 10px 40px;
		margin:0 10px 10px 0;
		height:20px;
		text-decoration:none;
	}
	#mainContent .box .extraBox {
		padding:10px 15px 10px 15px;
	}
	.underline {
		text-decoration:underline;
		margin-bottom:4px;
		display:block;
	}

	/* breadcrumb */
	#mainContent .box #breadcrumb,
	#mainContent .box .boxTitle {
		background:url(../../images/layout/content/content-top.jpg) no-repeat top center;
		padding:17px 5px 0 5px;
	}
	#mainContent .box .boxTitle h2,
	#mainContent .box .boxTitle h3 {
		border-bottom:1px solid #d8d8d8;
		padding:0 20px 10px 20px;
		color:#4c7da9;
		font-size:1.2em;
		line-height:1.4em;
	}
	#mainContent .box .newsArticle h3 a{
		color:#4c7da9;
	}
	#mainContent .box #breadcrumb ul {
		border-bottom:1px solid #d8d8d8;
		padding:0 20px;
	}
	#mainContent .box #breadcrumb ul li {
		float:left;
		list-style:none;
		font-size:1.1em;
		line-height:1.4em;
		margin:0 7px 0 0;
		padding:0 0 13px 0;
		color:#4c7da9;
	}
	#mainContent .box #breadcrumb ul li a,
	#mainContent .box #breadcrumb ul li span {
		color:#4c7da9;
		display:block;
		padding:0 12px 0 0;
		background:url(../../images/layout/breadcrumb.gif) no-repeat 100% 3px;
	}
	#mainContent .box #breadcrumb ul li a {
		text-decoration:underline;
	}
	#mainContent .box #breadcrumb ul li a:hover {
		text-decoration:none;
	}
	
	/* generic content styling */
	#mainContent .box .content h2 {
		color:#225f95;
		font-weight:100;
		font-size:1.3em;
		line-height:1.3em;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		background:url(../../images/layout/dot-line.gif) repeat-x center bottom;
	}
	#mainContent .box .content h2 a{
		color:#225f95;
	}
	#mainContent .box .content h3 {
		background:url(../../images/headings/h3-background.gif) repeat-x bottom left;
		height:37px;
		line-height:37px;
		margin:10px 0;
		padding:0;
		color:#555555;
		font-size:1.1em;
	}
	#mainContent .box .content h4 {
		height:25px;
		line-height:25px;
		margin:5px 0;
		padding:0;
		color:#555555;
		font-size:1em;
	}
	#mainContent .box .content h5 {
		height:25px;
		line-height:25px;
		margin:5px 0;
		padding:0;
		color:#555555;
		font-size:0.9em;
	}
	#mainContent .box .content p {
		font-size:1.1em;
		line-height:1.5em;
		color:#666666;
		margin:0 0 1.5em 0;
	}
	#mainContent .box .content p a{
		color:#4C7DA9;
	}
	#mainContent .box .content ul {
		margin:0 0 1.5em 0;
	}
	#mainContent .box .content ol {
		margin:0 0 0 20px;
	}
	#mainContent .box .content ol li,
	#mainContent .box .content ul li {
		font-size:1.1em;
		line-height:1.5em;
		color:#666666;
	}
	#mainContent .box .content ol li {
		margin:0 0 10px 0;
	}
	#mainContent .box .content ul li {
		background:url(../../images/misc/blue-arrow-list.gif) no-repeat 0 6px;
		list-style:none;
		padding:0 0 0 12px;
	}
	#mainContent .box .sitemapContent ul {
		margin:5px 0 !important;
	}
	#mainContent .box .sitemapContent ul li {
		font-size:9pt !important;
		font-weight:normal;
	}
	#mainContent .box .sitemapContent ul li.bold {
		font-weight:bold;
	}
	#mainContent .box .content ul li a{
		color:#4C7DA9;
	}
	#mainContent .box .contentListing h3 {
		margin: 0px;
		background: url(../../images/headings/h3-background.gif) repeat-x scroll 0 -12px;
		height:30px;
		line-height:30px;
	}
	
	/* related box */
	#mainContent .rbox {
		background:url(../../images/layout/content/related.jpg) repeat-y top center;
	}
	#mainContent .rbox h2 {
		background:url(../../images/layout/content/related-top.jpg) no-repeat top center;
		font-size:1.2em;
		color:#555555;
		line-height:1.5em;
		padding:20px 25px;
		font-weight:100;
	}
	#mainContent .rbox .content {
		background:url(../../images/layout/content/related-bottom.jpg) no-repeat bottom center;
		padding:0 25px 40px 25px;
	}
	#mainContent .rbox .content ul {
		float:left;
		width:33%;
	}
	#mainContent .rbox .content ul li {
		list-style:none;
		font-size:1.1em;
		line-height:1.6em;
		color:#666666;
		padding:0 0 0 10px;
		background:url(../../images/misc/bullet-turq.gif) no-repeat 0 7px;
	}
	#mainContent .rbox .content ul li a {
		color:#666666;
		text-decoration:none;
	}
	#mainContent .rbox .content ul li a:hover {
		color:#225f95;
		text-decoration:underline;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/
	
	#footer {
		margin:0 5px 0 235px;
		padding:0 0 30px 0;
		clear:both;
	}
	
	/* lower nav */
	#footer ul {
		height:34px;
		background:url(../../images/layout/dot-line.gif) repeat-x bottom center;
		margin:0 0 10px 0;
	}	
	#footer ul li {
		list-style:none;
		float:left;
		padding:0 11px;
		background:url(../../images/layout/divide.gif) no-repeat center right;
		height:34px;
		font-size:1.1em;
		line-height:34px;
	}
	#footer ul li a {
		color:#898989;
		text-decoration:none;
	}
	#footer ul li a:hover {
		color:#004685;
		text-decoration:underline;
	}
	#footer ul li.last {
		background:none;
		padding-right:0;
	}
	
	/* copyright info */
	#footer p {
		color:#aaaaaa;
		line-height:1.4em;
		font-size:1em;
	}
	#footer p.left {
		float:left;
	}
	#footer p.right {
		float:right;
		color:#18468F;
	}
	#footer p a {
		color:#aaaaaa;
		text-decoration:none;
	}
	#footer p a:hover {
		text-decoration:underline;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Homepage
/////////////////////////////////////////////////////////////////////*/

	/* boxes */
	#mainContent .hbox {
		width:308px;
		float:left;
		position:relative;
		height:90px;
		padding:6px;
		background:url(../../images/layout/box.png) no-repeat top left;
	}
	#mainContent .hbox img {
		float:left;
		padding:5px 10px 5px 5px;
		height:80px;
		width:80px;
	}
	#mainContent .hbox h3 {
		font-size:1.3em;
		color:#18468f;
		padding:20px 0 2px 0;
		font-weight:100;
	}
	#mainContent .hbox p {
		margin:0 35px 0 0;
		font-size:1.1em;
		line-height:1.4em;
		color:#656c6f;
	}
	#mainContent .hbox .more {
		position:absolute;
		right:6px;
		top:6px;
		height:90px;
		width:30px
	}
	#mainContent .hbox .more a {
		display:block;
		text-indent:-9999px;
		outline:0;
		background:url(../../images/buttons/more.jpg) no-repeat top left;
		height:21px;
		width:20px;
		margin:34px 0 0 4px;
	}
	#mainContent .hbox .more a:hover {
		background-position:bottom left;
	}
	
	/* large box */
	#mainContent .hbox.large {
		width:628px;
		height:92px;
		background:url(../../images/layout/large-box.png) no-repeat top left;
	}

	#mainContent .hbox.large a {
		float:left;
		height:92px;
		width:628px;
		text-decoration:none;
	}
	#mainContent .hbox.large a img {
		width:auto;
		height:auto;
		padding:20px;
	}

	#mainContent .hbox.large .text {
		color:#DA2D2B;
		font-size:1.4em;
		font-weight:bold;
		line-height:1.7em;
		margin:14px 0 0 0;
		display:block;
	}

	#mainContent .hbox.large .more {
		background:transparent url(../../images/misc/home/arrowLarge.gif) no-repeat scroll 602px 11px;
		display:block;
		outline:0;
		height:92px;
		width:628px;
	}
	#mainContent .hbox.large .more:hover {
		background:transparent url(../../images/misc/home/arrowLarge.gif) no-repeat scroll 602px -102px;
	}

	.imgL {
		float:left;
		margin:10px 10px 0 0;
	}
	.imgR {
		float:right;
		margin:0 0 10px 10px;
	}	
	
	
	/* contact forms... */
	.zend_form {
		width:260px;
		color:#666666;
		font-size:1.1em;
		line-height:1.4em;
	}
	.zend_form label {
		display:block;
		float:left;
	}
	.zend_form input {
		border:1px solid #7F9DB9;
		height:15px;
		margin:0 10px 10px 0;
		padding:3px;
		width:250px;
		font-size:1em;
		color:#666666;
	}
	.zend_form input.checkbox {
		width:16px;
		float:left;
		padding-left:5px;
		border:none;
		margin:0 10px 10px 10px;
	}
	.zend_form textarea {
		border:1px solid #7F9DB9;
		margin:0 10px 10px 0;
		padding:3px;
		width:250px;
		height:150px;
		font-size:1em;
		color:#666666;
	}
	.zend_form input.submit {
		border:1px solid #7F9DB9;
		margin:0 10px 10px 0;
		padding:1px 6px;
		width:150px;
		float:left;
	}

	.zend_form input.send {
		float:left;
		text-indent:-9999px;
		font-size:0.0001em;
		line-height:0.0001em;
		height:19px;
		width:52px;
		background:url(../../images/buttons/send.jpg) no-repeat top left;
		cursor:pointer;
		border:0;
	}
	.zend_form input.send:hover {
		background-position:bottom left;
	}

	.formError {
		background: url(../../images/layout/error.gif) no-repeat scroll 10px 10px;
		border:1px solid #CC0000;
		color:#464646;
		margin:0 0 15px 0;
	}
	.formError p,
	.formError ul{
		padding: 15px 0 0 50px;
	}
	.formError ul{
		padding: 0px 0 0 50px;
	}

	.paginator {
		color: #555555;
		margin:10px 0 0 0;
		padding:10px 0 0 0;
		border-top:1px solid #D8D8D8;
	}
	.paginator .pageLinks {
		float:left;
		font-size:1.2em;
	}
	.paginator .pageLinks span{
		padding-right:10px;
	}
	.paginator .pageLinks a {
		color: #666666;
		padding:2px 4px;
		display:inline-block;
		text-decoration:none;
		margin:0 5px 0 0;
		border: 1px dotted #666666;
	}
	.paginator .pageLinks a.active {
		background:#4C7DA9;
		color: #fff;
		border: 1px solid #4C7DA9;
	}
	.paginator .current {
		font-size:1.2em;
		margin:10px 0 0 0;
		float:right;
	}
	.paginator .current span {
		font-size:1.2em;
		padding:4px 0;
	}
	
	.newsImage img {
		display:block;
		float:left;
		margin:5px 10px 0 0;
	}


/***
* jQuery DatePicker
*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
	border-collapse: separate;
	border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #004685;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
div.dp-popup {
	position: relative;
	background: #004685;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	color:#fff !important;
	font-size: 12px !important;
	text-align: center !important;
	margin: 2px 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	line-height: 15px !important;
	text-indent: 0px !important;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #fff !important;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}	
.zend_form {
	position:relative;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	right:5px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../../images/datepicker/calendar.png) no-repeat; 
	margin:-31px 0 0 3px;
	
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
#arrival_date,
#departure_date {
	margin:5px 10px 10px 25px;
	width:225px;
}

/*****
* Smithers Winter Test Center
*/
.sub-breadcrumb {
	margin:10px 0 0;
}
#mainContent .box #breadcrumb ul li.last a,
#mainContent .box #breadcrumb ul li.last span {
	background-image:none;
}

.winter-test-center-waiver label.required {
	width: 520px;
	margin:5px 0 20px 20px;
}
.winter-test-center-waiver input.checkbox {
	margin: -35px 0 0 0;
}


/***
* Confirmation print form
*/
.winter-test-center-confirmation .formPrintElm {
	float:left;
	width:590px;
	margin:0 0 15px 0;
}
.winter-test-center-confirmation .formPrintElm span {
	display:block;
	margin:0;
	padding:0 0 10px 0;
}
 .winter-test-center-confirmation #mainContent .box .content p {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}
.winter-test-center-confirmation #mainContent .box .content .border-bottom {
	border:1px solid #666666;
	padding:10px;
}
.winter-test-center-confirmation .mtop {
	margin-top:10px;
}

input.print {
	float:left;
	text-indent:-9999px;
	font-size:0.0001em;
	line-height:0.0001em;
	height:20px;
	width:100px;
	background:url(../../images/buttons/print.gif) no-repeat top left;
	cursor:pointer;
	border:0;
}
input.print:hover {
	background-position:bottom left;
}

