/*
   style.css
   Canadian Rockies International Airport
   
   Created by Lee Tengum on 2009-07-06.
   Copyright 2009 bluebeetle creative. All rights reserved.
*/

/*

	
*/
body {
	background:#89ACD2 url('/assets/img/bg_body_clouds.jpg') repeat-x;
	font-family:helvetica;
}

#wrapper {
	width:850px;
	margin:23px auto;
}

/* ================== */
/* = Header content = */
/* ================== */

#header {
	width:850px;
	height:193px;
	background:url('/assets/img/sprite.png') no-repeat 0 0;
}

#header h1 {
	text-indent:-9999px;
	height:153px;
	width:356px;
	background:url('/assets/img/sprite.png') no-repeat 0 -290px;
	position:relative;
	top:0;
	left:459px;
}

#header h1 a {
	height:153px;
	width:356px;
	display:block;
}


/* =================== */
/* = Content section = */
/* =================== */

/* 
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
*/

#content {
	background:#fff;
	width:850px;

}

#content_bottom {
	background:url('/assets/img/content_bottom.png') no-repeat;
	height:4px;
	width:850px;
	clear:both;
}

ul#main_nav {
	width:850px;
	background:url('/assets/img/sprite.png') no-repeat 0 -210px;
	margin:0 auto;
	height:55px;
	float:left;
	padding:0;
	font-size:14px;
	
}

ul#main_nav li {
	display:inline;
	float:left;
	text-align:center;
	width:115px;
	padding:12px 14px 5px 12px;
	list-style:none;
	line-height:2px;
	height:55px;	
}

ul#main_nav li.half {
	padding:19px 14px 5px 12px;
}


ul#main_nav li a {
	line-height:14px;
	height:45px;
	color:#fff;
	text-decoration:none;
	display:block;
}

ul#main_nav li a:hover, ul#main_nav li a.active {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);       /* IE 6-7  doesnt really matter I suppose as this has made my code*/
   
}

/*
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
*/
#col1 {
	width:273px;
	float:right;
	background:#E1EAF4;
	margin:20px 10px 0 0;
	
}

#col1_footer {
	background:url('/assets/img/col1_footer.png') no-repeat;
	width:273px;
	height:3px;
}

#col1 h3 {
	color:#0061AB;
	font-size:12px;
	margin:10px auto 0px 12px;
	
}
#col1 h2 {
	color:#0061AB;
	font-size:14px;
	margin:10px 10px 5px 12px;
	border-bottom:1px dotted #B2C4DD;
	padding: 0 0 5px 0;
	
}

#col1 h3 span {
	color:#6385B7;
	font-size:10px;
	border-left:1px dotted #6385B7;
	margin:0 0 0 5px;
}

#col1 p {
	font-size:10px;
	width:90%;
	line-height:12px;
	font-size:10px;
	margin:0 auto 10px auto;
}



#col1 #thumbnails {
	margin:10px auto;
}

#col2 {
	clear:left;
	float:left;
	padding:10px 20px 10px 30px;
	margin:20px 0;
	width:500px;
}

#col2 h2 {
	color:#103A71;
	font-size:14px;
	margin:0;
}

#col2 h3 {
	color:#103A71;
	font-size:12px;
	margin:10px 0;
}

#col2 p {
	color:#333333;
	font-size:12px;
	line-height:16px;
	margin:0 0 20px 0;
	width:458px;
}

#col2 p a, #col2 ul li a, a.link {
	color:#103A71;
	text-decoration:none;
	border-bottom:1px dotted #103A71;
}

#col2 p a:hover,, #col2 ul li a:hover, #col2 p a.active, a.link:hover {
	color:#9B0A06;
	border-bottom:1px dotted #9B0A06;
	
}

#col2 td a, a.link {
	color:#103A71;
	text-decoration:none;
	border-bottom:1px dotted #103A71;
}

#col2 td a:hover, #col2 td a.active, a.link:hover {
	color:#9B0A06;
	border-bottom:1px dotted #9B0A06;
	
}

#col2  ul {

}

#col2  ul li {
	color:#666;
	margin:0 0 10px 0;
}

#col2 {
	color:#333333;
	font-size:12px;
	line-height:16px;
}

#thumbnails ul {
	width:458px;
	text-align:center;
	padding:0 0 0 7px;;
	margin:0
}

#thumbnails ul li {
	float:left;
	list-style:none;
	margin:0 1px;
}

#col1 ul {
	margin:0 0 20px 0;
	padding:0 10px 0 12px;
}

#col1 ul li ul {
	margin:0 0 20px 0;
	padding:0 10px 0 0px;
	border-top:1px dotted #B2C4DD;
	display:none;
}

#col1 ul li {
	border-bottom:1px dotted #B2C4DD;
	margin:0 0 5px 0;
	list-style:none;
	padding:1px 0 4px 0;
}

#col1 ul li ul li {
	border-bottom:1px dotted #B2C4DD;
	margin:0 0 5px 0;
	list-style:none;
	padding:1px 0 4px 0;
}

#col1 ul li a {
	color:#666;
	text-decoration:none;
	font-size:14px;
}

#col1 ul li ul li a {
	color:#666;
	text-decoration:none;
	font-size:10px;
}

#col1 ul li a:hover, #col1 ul li a.active {
	color:#9B0A06;
}

/* ================== */
/* = Footer content = */
/* ================== */
/*
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
*/
#footer_header {
	background:url('/assets/img/content_top.png') no-repeat;
	height:4px;
	width:850px;
	clear:both;
	margin:5px 0 0 0;
}

#footer {
	height:140px;
	width:830px;
	margin:0px auto;
	background:#fff;
	padding:0 0 0 20px;
}

#footer_bottom {
	background:url('/assets/img/content_bottom.png') no-repeat;
	height:4px;
	width:850px;
	clear:both;
}

#footer ul {
	width:115px;
	text-align:center;
	float:left;
	margin: 10px 5px 0 10px;
	border-right:1px solid #ccc;
	padding: 10px 0 ;
}

#footer ul.last {
	border-right:none;
}

#footer ul li {
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
	height:12px;
	line-height:12px;
}

#footer ul li.title a {
	font-size:12px;
	color:#0061AB;
	height:14px;
	margin:0 0 5px 0;
	display:block;
}

#footer ul li a {
	font-size:10px;
	color:#666;
	text-decoration:none;
	margin:0 0 0 0;
	height:12px;
	padding:0;
	line-height:12px;
}

#footer ul li a:hover, #footer ul li a.active {
	color:#9B0A06;
}

#footer #promo_holder {
	float:right;
	padding:10px 10px 0 0;
}



#copy_bar p, #copy_bar a {
	color:#B4CBE3;
	font-size:10px;
}

#copy_bar {
	margin:0 auto;
}

#copy_bar #leftside {
	width:300px;
	float:left;
}

#copy_bar #rightside {
	width:200px;
	float:right;
	text-align:right;
}

.bodyImage {
	float:right;
	padding:2px;
	border:1px solid #ccc;
	margin:0 0 10px 10px;
}

/* ========================================= */
/* = General styles and optional overrides = */
/* ========================================= */
.clear {
	clear:both;
}

img {
	border:0;
}

a.noborder {
	border:0;
}

#col2 fieldset {
	background:#E1EAF4;
}

#col2 fieldset legend {
	color:#0061AB;
	font-size:14px;
	padding:0px 5px;
}

#col2 fieldset form {
	margin:10px auto;
	padding:0 20px 0 20px ;
}

#col2 fieldset form input[type="submit"] {
	padding:5px 10px;
	border:1px solid #ccc;
	color:#fff;
	background:#0061AB;
	cursor: pointer;
	float:right;
	margin: 0 125px 20px 0;
}

/* Playing around */

/* Going somewhere ? */
#sidebar_nav a[href^="http:"], #col2 p a[href^="http:"] {
        background: url('/assets/img/icon_ext_link.png') right center no-repeat;
        padding-right: 16px;
}

	
/* not here though */
#col1 a[href^=\"http://localhost\"] {
        background: transparent;
        padding-right: 0px;
}


#col1 a[href^=\"http://localhost"]:hover {
        background: transparent;
}

table.stripes {
	border-collapse: collapse;
	width: 50%;
	margin: 24px;
	font-size: 1.1em;
}

.stripes th {
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 1px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

table.stripes td {
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

table.stripes td * {
	padding: 6px 11px;
}

table.stripes tr.alt td {
	background: #ecf6fc;
}

table.stripes tr.over td {
	background: #bcd4ec;
}

.noBullet {
list-style:none;
padding:0;
margin:0 0 10px 0;
}