/* -------------------------------------------------------------- 
  
   CSS Starter Kit
   Web Design & Development by Studio 24 Ltd
   www.studio24.net - (0870) 241 6159
     
-------------------------------------------------------------- */

@import "reset.css";

/* debugging */
.warning {
	color:red;
}


body {
	background: #001026 url(../img/layout/body-bg.png) no-repeat 50% 0;
}


/* =CONTAINERS
-------------------------------------------------------------- */
div#container { /* set as 'standard' width, centred container for 1024x768 site - 960px wide inc. 20px padding left and right */
	position:relative;
	width: 920px;
	margin: 0 auto;
	padding:0 20px;
}


/* =NAV-PRIMARY
-------------------------------------------------------------- */
ul#nav-primary {
    list-style-type: none;
} 

ul#nav-primary li {
    display:inline;
	background:none;
	padding:0;	
}

ul#nav-primary li a:link, 
ul#nav-primary li a:visited, 
ul#nav-primary li a:focus, 
ul#nav-primary li a:active {
    text-indent: -9999px;
    background:transparent url(../img/nav/nav-sprite.png) no-repeat 0 0;
	position:absolute;
	top:69px;
	left:340px;
	float:left;
    display:block;
	padding:0;
	margin:0;
	height:20px;
	text-decoration:none;
	outline:none;
	border:none
}

/* Home */
ul#nav-primary li a:link#home-nav,
ul#nav-primary li a:visited#home-nav,
ul#nav-primary li a:focus#home-nav,
ul#nav-primary li a:active#home-nav {
	width:32px;   
}
ul#nav-primary li a:hover#home-nav, 
body#home ul#nav-primary li a:link#home-nav, 
body#home ul#nav-primary li a:visited#home-nav,
body#home ul#nav-primary li a:focus#home-nav,
body#home ul#nav-primary li a:active#home-nav {
    background-position: 0 -30px;
}


/* trial */
ul#nav-primary li a#trial-nav,
ul#nav-primary li a:visited#trial-nav,
ul#nav-primary li a:focus#trial-nav,
ul#nav-primary li a:active#trial-nav {
	left:386px;
	width:90px;   
    background-position: 0 -60px;
}
ul#nav-primary li a:hover#trial-nav, 
body#trial ul#nav-primary li a:link#trial-nav,
body#trial ul#nav-primary li a:visited#trial-nav,
body#trial ul#nav-primary li a:focus#trial-nav,
body#trial ul#nav-primary li a:active#trial-nav {
    background-position: 0 -90px;
}

/* flight training */
ul#nav-primary li a#training-nav,
ul#nav-primary li a:visited#training-nav,
ul#nav-primary li a:focus#training-nav,
ul#nav-primary li a:active#training-nav {
	left:491px;
	width:172px;
    background-position: 0 -120px;
    
}
ul#nav-primary li a:hover#training-nav, 
body#training ul#nav-primary li a:link#training-nav,
body#training ul#nav-primary li a:visited#training-nav,
body#training ul#nav-primary li a:focus#training-nav,
body#training ul#nav-primary li a:active#training-nav {
    background-position: 0 -150px;
}

/* aircraft */
ul#nav-primary li a#aircraft-nav,
ul#nav-primary li a:visited#aircraft-nav,
ul#nav-primary li a:focus#aircraft-nav,
ul#nav-primary li a:active#aircraft-nav {
	left:678px;
	width:57px;   
    background-position: 0 -180px;
}
ul#nav-primary li a:hover#aircraft-nav, 
body#aircraft ul#nav-primary li a:link#aircraft-nav,
body#aircraft ul#nav-primary li a:visited#aircraft-nav,
body#aircraft ul#nav-primary li a:focus#aircraft-nav,
body#aircraft ul#nav-primary li a:active#aircraft-nav {
    background-position: 0 -210px;
}

/* about */
ul#nav-primary li a#about-nav,
ul#nav-primary li a:visited#about-nav,
ul#nav-primary li a:focus#about-nav,
ul#nav-primary li a:active#about-nav {
	left:749px;
	width:58px;   
    background-position: 0 -240px;
}
ul#nav-primary li a:hover#about-nav, 
body#about ul#nav-primary li a:link#about-nav,
body#about ul#nav-primary li a:visited#about-nav,
body#about ul#nav-primary li a:focus#about-nav,
body#about ul#nav-primary li a:active#about-nav {
    background-position: 0 -270px;
}

/* resources */
ul#nav-primary li a#resources-nav,
ul#nav-primary li a:visited#resources-nav,
ul#nav-primary li a:focus#resources-nav,
ul#nav-primary li a:active#resources-nav {
	left:824px;
	width:66px;   
    background-position: 0 -300px;
}
ul#nav-primary li a:hover#resources-nav, 
body#resources ul#nav-primary li a:link#resources-nav,
body#resources ul#nav-primary li a:visited#resources-nav,
body#resources ul#nav-primary li a:focus#resources-nav,
body#resources ul#nav-primary li a:active#resources-nav {
    background-position: 0 -330px;
}

/* news */
ul#nav-primary li a#news-nav,
ul#nav-primary li a:visited#news-nav,
ul#nav-primary li a:focus#news-nav,
ul#nav-primary li a:active#news-nav {
	left:906px;
	width:35px;   
    background-position: 0 -360px;
}
ul#nav-primary li a:hover#news-nav,
body#news ul#nav-primary li a:link#news-nav,
body#news ul#nav-primary li a:visited#news-nav,
body#news ul#nav-primary li a:focus#news-nav,
body#news ul#nav-primary li a:active#news-nav {
    background-position: 0 -390px;
}


/* =NAV-SECONDARY
-------------------------------------------------------------- */

ul#nav-secondary {
	float:left;
	width:156px;	
	margin:0;
	padding:2px 10px 0 10px;
	list-style-type: none;
} 
ul#nav-secondary li {
	margin-bottom:7px;
	line-height: 1.6em;
	background: none;
	padding:0;
}
ul#nav-secondary li span {
	display: block;
	width:100%;
	color:#4684b5;
	border-bottom:1px solid #18263A;
	margin-bottom: -2px;
}

ul#nav-secondary li a:link,
ul#nav-secondary li a:visited,
ul#nav-secondary li a:focus,
ul#nav-secondary li a:active {
	font-size: 0.95em; /* 11px */
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom:2px;
	color:#faf0dc;
	border-bottom:2px solid #001026;
}

ul#nav-secondary li a:hover,
ul#nav-secondary li#selected a:link, ul#nav-secondary li#selected a:visited, ul#nav-secondary li#selected a:focus, ul#nav-secondary li#selected a:active,
/* trial lessons */ 
body#trial.trial ul#nav-secondary li a#standard-lesson-nav,
body#trial.aerobatic-trial ul#nav-secondary li a#aerobatic-lesson-nav,
/* training */ 
body#training.membership ul#nav-secondary li a#membership-nav,
body#training.ppl ul#nav-secondary li a#ppl-nav,
body#training.national-ppl ul#nav-secondary li a#national-ppl-nav,
body#training.advanced ul#nav-secondary li a#advanced-nav,
body#training.tailwheel ul#nav-secondary li a#tailwheel-nav,
body#training.farm-strip-skills ul#nav-secondary li a#farm-strip-skills-nav,
body#training.night ul#nav-secondary li a#night-nav,
body#training.meteor ul#nav-secondary li a#meteor-nav,
body#training.diff ul#nav-secondary li a#diff-nav,
body#training.rating ul#nav-secondary li a#rating-nav,
body#training.ground ul#nav-secondary li a#ground-nav,
body#training.private-displays ul#nav-secondary li a#private-displays-nav,
/* aircraft */ 
body#aircraft.extra-200 ul#nav-secondary li a#extra-200-nav,
body#aircraft.cessna-172sp ul#nav-secondary li a#cessna-172sp-nav,
body#aircraft.cessna-172g1000 ul#nav-secondary li a#cessna-172g1000-nav,
/* about */ 
body#about.contact ul#nav-secondary li a#contact-nav,
body#about.staff ul#nav-secondary li a#staff-nav,
body#about.airport ul#nav-secondary li a#airport-nav,
body#about.faqs ul#nav-secondary li a#faqs-nav,
/* resources */ 
body#resources.weather ul#nav-secondary li a#weather-nav,
body#resources.webcam ul#nav-secondary li a#webcam-nav,
body#resources.videos ul#nav-secondary li a#videos-nav,
body#resources.photos ul#nav-secondary li a#photos-nav,
body#resources.testimonials ul#nav-secondary li a#testimonials-nav,
body#resources.documents ul#nav-secondary li a#documents-nav
 {
	color:#fff;
	border-bottom:2px solid #39c;
}

ul#nav-secondary li a:link span,
ul#nav-secondary li a:visited span,
ul#nav-secondary li a:focus span,
ul#nav-secondary li a:active span {
	display: inline;
	width:auto;
	color:#fff;
	border-bottom:none;
	margin-bottom: 0;

	text-transform: none;
}

/* custom heading graphics */
ul#nav-secondary li h4 a:link,
ul#nav-secondary li h4 a:visited,
ul#nav-secondary li h4 a:focus,
ul#nav-secondary li h4 a:active {
	text-indent: -9999px;
    background:transparent url(../img/nav/nav-sec-sprite.png) no-repeat 0 0;
	display: block;
	font-size: 1em;
	height:18px;
	margin-bottom:15px;
}
ul#nav-secondary li h4 a:hover {
	border-bottom:solid 2px #001026;
}

body#training ul#nav-secondary li h4 a:link,
body#training ul#nav-secondary li h4 a:visited,
body#training ul#nav-secondary li h4 a:focus,
body#training ul#nav-secondary li h4 a:active {
	height:30px;
	background-position: 0 -23px;
}

body#aircraft ul#nav-secondary li h4 a:link,
body#aircraft ul#nav-secondary li h4 a:visited,
body#aircraft ul#nav-secondary li h4 a:focus,
body#aircraft ul#nav-secondary li h4 a:active {
	background-position: 0 -62px;
}

body#about ul#nav-secondary li h4 a,
body#about ul#nav-secondary li h4 a:visited,
body#about ul#nav-secondary li h4 a:focus,
body#about ul#nav-secondary li h4 a:active {
	background-position: 0 -84px;
}

body#resources ul#nav-secondary li h4 a,
body#resources ul#nav-secondary li h4 a:visited,
body#resources ul#nav-secondary li h4 a:focus,
body#resources ul#nav-secondary li h4 a:active {
	background-position: 0 -105px;
}

body#news ul#nav-secondary li h4 a,
body#news ul#nav-secondary li h4 a:visited,
body#news ul#nav-secondary li h4 a:focus,
body#news ul#nav-secondary li h4 a:active {
	background-position: 0 -127px;
}


/* =BREADCRUMB
-------------------------------------------------------------- */

ul#nav-breadcrumb {
	list-style-type: none;
} 


/* =CONTENT CONTAINERS
-------------------------------------------------------------- */

div#content {
}

div#content-primary {
	float:left;
	border-left:solid 1px #18263a;
	margin-top:-5px;
	padding:5px 20px 30px 20px;
	width:525px;
}

body.full-width div#content-primary {
	padding-right:0;
	width:723px;
}

div#content-secondary {
	float:left;
	padding:35px 0 0 10px;
}


/* 2-col layout */

div.double-col {
}

div.double-col div {
	float: left;
	width:360px;
}
div.double-col div p {
	padding:0 15px 10px 0;
}

/* =SITE-INFO / FOOTER
-------------------------------------------------------------- */

div#site-info {
	clear:both;
	float:left;
	width:900px;
	position:relative;
	top:10px;
	border-top: solid 1px #18263a;
	padding:20px 10px 100px 10px;
	font-size: 0.9em; /* 11px */
}

div#site-info ul {
	list-style-type: none;
} 

div#site-info p {
	float:left;
}

div#site-info p#bookings {
	color:#01aced;
	font-size: 1.5em;
	line-height: 1.3em;
}
p#bookings em {
	color:#fff;
	font-style: normal;
}

a.facebook-logo, a.baa-logo {
	position:absolute;
	top:20px;
	left:700px;
}

a.baa-logo {
	left:830px;
}



		
/* =BASIC TYPOGRAPHY
-------------------------------------------------------------- */

html {
	font-size: 100%; /* 100% = the default font size of the browser, usually 16px -> DON'T CHANGE THIS */
}

/**
 * Font sizing: 
 *
 * To calculate the percentage font-size to use in the body tag use the following calculation:
 *
 * (16px / Required body font-size) x 100
 *
 * Examples below:
 * 16px = 100%
 * 14px = 87.5%
 * 12px = 75%
 * 10px = 62.5%
 *
 */

body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* Set the base font-size (75% sets a size of 1em = 12px) */
    line-height: 1.5em;
    color:#faf0dc;
}

/* =HEADINGS */
h1, h2, h3, h4 {
}

/* 1em = body font-size, so we can calculate our other font-sizes based on this:
   for example, if we want a font-size of 32px, in ems 32px = (32 / 12) = 2.6em */

h1 {
	font-size: 1.16em; /* 14px */
	line-height: normal;
	margin-bottom:20px;
	text-transform: uppercase;
	font-weight: normal;
	color:#fff;
}
h1 span {
	text-transform: none;
}

h2 {
	font-size: 1.3em; /* 16px */
	font-weight: normal;
	color:#39c;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.16em; /* 14px */
	font-weight: normal;
}

h4 {
	font-size: 0.9em; /* 11px */
	text-transform: uppercase;
	font-weight: normal;
	color:#39c;
	margin-bottom:7px;
}	


p {
	margin: 0 0 1em 0; 
}

strong {
	color:#01aced;
	color:#39c;
/*
	color:#eee;
	color: #0B6ABF;
*/
}

/* =OTHER TEXT ELEMENTS
-------------------------------------------------------------- */

blockquote {
	font-style: italic; 
	font-family: serif;
	font-size: 2em;
}

p#booking-message {
	display:block;
	padding:13px 13px 18px 13px;
	margin:10px 15px 20px 0;
	background:#000a19;
	font-size: 1.3em;
	line-height: 1.6em;
	color:#39c;
	color:#01aced;
	border:solid 3px #001635;
}
p#booking-message em {
	font-style: normal;
	font-weight: bold;
	color:#ccc;
}

p#booking-message a:link {
	color:#ccc;
}

p#booking-terms {
	color:#999;
	color:red;
	color:#CCFF66;
	margin:-17px 0 15px 0;
	font-size: 0.90em;
/* 	text-align: right; */
}

p.key-message {
	font-size: 1.3em;
	line-height: 1.6em;
	color:#01aced;
}
p.key-message em {
	font-style: normal;
	font-weight: bold;
	color:#ccc;
}

p.key-message a:link {
	color:#ccc;
}

pre, code {
	margin: 0 0 1em 0;
}

hr { 
	border: none 0;
	border-top: 1px solid #18263a;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	color: #18263a;
	background-color: transparent;
	clear: both; 
	width:100%;
	margin:20px auto; 
}

p.right-align {
	text-align: right;
}

/* =LINKS
-------------------------------------------------------------- */

a:link, a:visited, a:focus, a:active {
	text-decoration: none;
	color:#fff;
	border-bottom:solid 1px #39c;
}

a:hover {
	color:#3cf;
	border-bottom:solid 1px transparent;
}

p#skip-link { 
	position:absolute;
	left:-9000px;
	top:0; 
	z-index:20;
} 

/* light green links with arrow after them */
a:link.link,
a:visited.link,
a:active.link,
a:focus.link {
	color:#ccff66;
	border-bottom: none;
	padding-right:13px;
	background:transparent url(../img/icons/link-arrow.gif) no-repeat 100% 50%;
}
a:hover.link {
	color:#fff;
	text-decoration: underline;
}


/* icon links */
a.icon:link, a.icon:visited, a.icon:focus, a.icon:active, a.icon:hover {
	padding:2px 0 4px 20px;
	background-color: transparent;
	background-position:0 0;
	background-repeat: no-repeat;
} 
li.pdf,
a.pdf:link, a.pdf:visited, a.pdf:focus, a.pdf:active, a.pdf:hover {
	background-image:url(../img/icons/pdf.png);
}
li.word,
a.word:link, a.word:visited, a.word:focus, a.word:active, a.word:hover {
	background-image:url(../img/icons/word.png);
}
li.excel,
a.excel:link, a.excel:visited, a.excel:focus, a.excel:active, a.excel:hover {
	background-image:url(../img/icons/excel.png);
}
li.txt,
a.txt:link, a.txt:visited, a.txt:focus, a.txt:active, a.txt:hover {
	background-image:url(../img/icons/txt.png);
}
li.flash,
a.flash:link, a.flash:visited, a.flash:focus, a.flash:active, a.flash:hover {
	background-image:url(../img/icons/flash.png);
}
li.video,
a.video:link, a.video:visited, a.video:focus, a.video:active, a.video:hover {
	background-image:url(../img/icons/video.png);
}
li.podcast,
a.podcast:link, a.podcast:visited, a.podcast:focus, a.podcast:active, a.podcast:hover {
	background-image:url(../img/icons/podcast.png);
}
li.pub,
a.pub:link, a.pub:visited, a.pub:focus, a.pub:active, a.pub:hover {
	background-image:url(../img/icons/pub.png);
}
li.rss,
a.rss:link, a.rss:visited, a.rss:focus, a.rss:active, a.rss:hover {
	background-image:url(../img/icons/rss-feed.png);
}
li.print,
a.print:link, a.print:visited, a.print:focus, a.print:active, a.print:hover {
	background-image:url(../img/icons/print.png);
}
li.friend,
a.friend:link, a.friend:visited, a.friend:focus, a.friend:active, a.friend:hover {
	background-image:url(../img/icons/friend.png);
}
li.help,
a.help:link, a.help:visited, a.help:focus, a.help:active, a.help:hover {
	background-image:url(../img/icons/help.png);
}
li.info,
a.info:link, a.info:visited, a.info:focus, a.info:active, a.info:hover {
	background-image:url(../img/icons/info.png);
}
li.email,
a.email:link, a.email:visited, a.email:focus, a.email:active, a.email:hover {
	background-image:url(../img/icons/email.png);
}
li.vcard,
a.vcard:link, a.vcard:visited, a.vcard:focus, a.vcard:active, a.vcard:hover {
	background-image:url(../img/icons/vcard.png);
}
li.plus,
a.plus:link, a.plus:visited, a.plus:focus, a.plus:active, a.plus:hover {
	background-image:url(../img/icons/plus.png);
}
li.minus,
a.minus:link, a.minus:visited, a.minus:focus, a.minus:active, a.minus:hover {
	background-image:url(../img/icons/minus.png);
}
	
	
/* =LISTS
-------------------------------------------------------------- */

ul {
	margin:0 0 12px 0;
}

/* SET UP A PROPER UL STYLE */

li {
/* 	line-height:2em; */
	list-style-type: none;
	line-height: 2em;
	padding-left: 14px;
	background: url(../img/layout/bullet.png) no-repeat 0 50%;
}


li.icon {
	padding:0 0 6px 25px;
	background-color: transparent;
	background-position:0 0;
	background-repeat: no-repeat;
	list-style-type: none;
} 


ol { 
	margin: 0 0 1em 2em;
}

dl {
	margin:0 0 15px 0;
}

dt {
	font-size: 1.3em; /* 16px */
	font-weight: normal;
	color:#39c;
	margin-bottom:7px;
}
	
dd {
	line-height: 1.8em;
	padding-left: 14px;
	background: url(../img/layout/bullet.png) no-repeat 0 50%;
	margin: 0 0 0 5px;
}
dd span {
	color:#999;
}

/* =TABLES
-------------------------------------------------------------- */

table {
	width: auto;
	margin: 0 0 1em 0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

th,td {
	padding: 0.3em 0.4em 0.2em 0.4em;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

th {
	font-weight:bold;
	background-color: #ccffcc;
}

tr:nth-child(odd) { /* CSS3 zebra row solution - only works in Opera & Safari */
  background-color: #edf3fe;
}

tr.alt { /* Hardcoded zebra row solution - use this class on every other <tr> for a zebra effect */
	background-color: #edf3fe;
}


/* -------------------------------------------------------------- 
   -------------------------------------------------------------- 
	     				=FORMS
   -------------------------------------------------------------- 
   -------------------------------------------------------------- */
/* form warning message */
form div.message p {
	color:#000;
}
   
/* fieldset messages - before the relevant field */
form div em {
	display: none;
}

form div.problem em {
	display: inline;
	color:red;
}

   
   
/* =SIMPLE-FORM
----------------------------------------------- */

form.simple-form fieldset {
	margin:1em 0;
	padding:1em;
	border:none;
	background-color:#000915;
}

form.simple-form legend {
	font-weight: normal;
	text-transform: uppercase;
	color:#39c;
}

form.simple-form div {
	position:relative;
	padding:6px;
	margin-bottom: 0.5em;
}

form.simple-form label {
	display: block;
}

form.simple-form input {
	width:200px;
}

form.simple-form textarea {
	width:300px;
	height:100px;
}

form.simple-form div.radio input, form.simple-form div.checkbox input, form.simple-form input.submit {
	width:auto;
	cursor: pointer;
}
   
form.simple-form div.radio label, form.simple-form div.checkbox label {
	display: inline;
}

/* fieldset messages - before the relevant field */
form.simple-form div.problem {
	/*background-color: #ffefef;
	border:solid 1px #ff7f7f; */
}

/* success and error images */
form.simple-form div.success {
    background: url(/assets/img/icons/success_icon.png) 350px 0.2em no-repeat;
}
 
form.simple-form div.error {
    background: url(/assets/img/icons/error_icon.png) 350px 0.2em no-repeat;
}

form.simple-form div.error ul.messages,
form.simple-form div.error ul.messages li {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
	background-image:none;
}
 
form.simple-form div.error ul.messages li {
    padding: 0.1em 0 0 1.5em;
    color: #b92d23;
}

/* progressive enhancements for browsers beyond ie6 */
form.simple-form input:focus, form.simple-form textarea:focus {
	background-color: #ffc;
	background-color: #d9edfc;
}

form.simple-form input[type="text"], form.simple-form textarea{
	border-top: solid 2px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 2px #999;
}

/* CSS rounded corners - no Opera support as of Aug 09 */
form.simple-form div.message,
form.simple-form div.problem,
form.simple-form fieldset {
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

 

/* =FLASH MESSAGES
----------------------------------------------- */

div.message {
	padding:10px;
}

div.message ul a:hover {
	text-decoration: none;
}

/* flash message - error */
div.error {
	/*border:solid 1px #ff7f7f;*/
	background-color: #ffefef;
}
div.error,
div.error a:link, 
div.error a:visited, 
div.error a:focus, 
div.error a:active  {
	color:red;
}

/* flash message - alert */
div.alert {
	/*border:solid 1px #FF8A00;*/
	background-color: #FCFFDF;
}
div.alert,
div.alert a:link, 
div.alert a:visited, 
div.alert a:focus, 
div.alert a:active  {
	color:#FF8A00;
}

/* flash message - success */
div.success {
	/*border:solid 1px #3FAF00;*/
	background-color: #EAFFDF;
}
div.success,
div.success a:link, 
div.success a:visited, 
div.success a:focus, 
div.success a:active  {
	color:#ffffff;
}


/* =IMAGES
----------------------------------------------- */
a:link.logo img,
a:visited.logo img,
a:focus.logo img,
a:active.logo img {
	position:relative;
	left:-20px;
	z-index:100;
}

a:link.no-border,
a:visited.no-border,
a:focus.no-border,
a:active.no-border {
	border-bottom:none;
}

img#banner {
	position:relative;
	top:-31px;
}

/* image frames & general positioning */
img.border {	
	padding:7px;
	background: url(../img/layout/trans-bg.png) repeat 0 0;
	margin-bottom:7px;
}

img.left {	
	float:left;
	margin-right:10px;
}

img.right {	
	float:right;
	margin-left:10px;
}

/* =WEATHER PANEL
----------------------------------------------- */
div#weather-panel {
	z-index: 10000;
	position:absolute;
	top:-200px;
	right:10px;
	background:transparent url(../img/layout/weather-panel-bg-200.png) no-repeat top right;
	height:200px;
	width:257px;
	margin:0;
	padding:10px 20px 0 20px;
	display:none;
/* 	outline:solid 1px; */
}
div#weather-panel h3 {
	padding:0;
	margin:0;
	text-shadow: 1px 2px #000;
	text-transform: uppercase;
	color:#4acdff;
	font-size: 1em;
	line-height: 1em;
}

div#weather-panel ul {
	padding:0;
	margin:10px 15px 0 0;
	list-style-type: none;
	float:left;
	color:#999;
}

div#weather-panel ul li strong {
	color:#fff;
}

div#weather-panel p#more-link a:link, div#weather-panel p#more-link a:visited, div#weather-panel p#more-link a:active, div#weather-panel p#more-link a:focus {
	text-align: right;
	background:transparent url(../img/icons/link-arrow.gif) no-repeat scroll 100% 50%;
	border-bottom:none;
	color:#CCFF66;
	padding-right:13px;
	position: absolute;
	top:165px;
	right:10px;
}

div#weather-panel p#more-link a:hover {
	color:#fff;
	text-decoration:underline;
} 

p.slide {
	position:absolute;
	top:193px;
	right:2px;
	margin:0;
	padding:0;
	width:164px;
	height:31px;
	background:transparent url(../img/layout/weather-tab-bg.png) no-repeat right top;
}

a.btn-slide:link, a.btn-slide:visited, a.btn-slide:active, a.btn-slide:focus {
	text-indent: -99999px;
	border:none;
	display: block;
	width: 164px;
	height: 31px;
	padding:0;
	margin: 0;
	background:transparent url(../img/layout/weather-arrow.gif) no-repeat 8px 0;
/* 	outline: solid 1px; */
}
a.btn-slide:hover {
	background:transparent url(../img/layout/weather-arrow.gif) no-repeat 8px -60px;
}

div#weather-panel a.active {
	background-position: 8px -31px;
}
div#weather-panel a.active:hover {
	background-position: 8px -91px;
}



/* =slide out extra content
----------------------------------------------- */
div.extra-content {
	height:auto;
	display: none;
    border-bottom: 1px solid #18263a;
	padding:0 10px 5px 15px;
    margin-bottom: 20px;
}
p.slide-content {
	margin: 0;
	padding: 0;
	display:none; /* only show this if you have javascript */
}
a.extra-btn:link, a.extra-btn:visited, a.extra-btn:active, a.extra-btn:focus {
	position: relative;
	left:-3px;
	padding:0 0 5px 18px;
	background: url(../img/icons/plus.gif) no-repeat 0 0;
	display: block;
	text-decoration: none;
	color:#CCFF66;
	border-bottom:none;
}
a.extra-btn:hover {
	color:#fff;
	text-decoration:underline;
}

a.btn-active:link, a.btn-active:visited, a.btn-active:active, a.btn-active:focus, a.btn-active:hover {
	background: url(../img/icons/minus.gif) no-repeat 0 0;
}



/* =HOME
----------------------------------------------- */
body#home div#content-primary {
	float:left;
	border-left:none;
	margin-top:391px;
	padding:0;
	width:920px;
/* 	outline:solid 1px; */
}

div#welcome {
	float:left;
	width:425px;
	padding:0 20px 0 10px;
}

div#welcome p {
	margin:8px 0 0 0;
	color:#ddd;
	font-size:1.2em;
/* 	font-size: 1.3em; */
	line-height: 1.7em;
}

div#welcome p em {
	color:#01aced;
	color:#fff;
	font-style: normal;
}

body#home h1 {
	font-size: 1.4em;
	font-size:1.8em;
	margin-bottom:8px;
	font-weight: normal;
	text-transform: none;
	color:#39c;
}

div#home-feature {	
	position:absolute;
	top:110px;
	left:20px;
	width:960px;
	height:411px;
	background:transparent url(../img/home/home-feature-bg.jpg) no-repeat 0 0;
}

div#training-feature,
div#flight-feature {	
	position:absolute;
	top:118px;
	left:0;
	width:250px;
	height:93px;
}

div#flight-feature {
	width:255px;
	left:664px;
}

div#training-feature h2,
div#flight-feature h2 {
	text-indent: -99999px;
}

div#training-feature a.link, div#flight-feature a.link {
	display: block;
	width:230px;
	text-align: right;
	padding-top:68px;
	padding-right: 20px;
	padding-bottom: 7px;
	background-position: 235px 72px;
	position: absolute;
	top:0;
	left:0;
/* 	outline:solid 1px; */
}

div#flight-feature a.link {
	width:235px;
	background-position: 240px 72px;
}


div#flight-overlay {
	z-index:-10;
	position: absolute;
	top:0;
	left: 0;
	height:394px;
	width:660px;
	background:transparent url(../img/home/left-overlay.png) no-repeat 0 0;
	display:block;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

div#flight-overlay div.content {
	position:absolute;
	top:70px;
	left:60px;
	width:40%;
	height:40%;
}

div#training-overlay {
	z-index:-10;
	position: absolute;
	top:0;
	right:40px;
	height:394px;
	width:668px;
	background:transparent url(../img/home/right-overlay.png) no-repeat bottom right;
	display:block;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

div#training-overlay div.content {
	position:absolute;
	top:120px;
	right:80px;
	width:40%;
	height:40%;
}

div#training-overlay div.content,
div#flight-overlay div.content {
	text-align: center;
	text-shadow: 1px 2px #000;
}

div#training-overlay div.content h2,
div#flight-overlay div.content h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	color:#4acdff;
	letter-spacing: .01em;
	line-height: 1em;
	margin-bottom: 5px;
}

div#training-overlay div.content p,
div#flight-overlay div.content p {
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: .01em;
}
div#training-overlay div.content p {
	line-height: 1.6em;
}
div#training-overlay div.content p em,
div#flight-overlay div.content p em {
	font-style: normal;
	font-weight: bold;
	color:#ddd;
}

/* NEW SLIDING TABBED CONTENT */
#slider {
	margin: 0 auto;
	width:455px;
	height:264px;
	position: relative;
	float:left;
	top:-10px;
	left:10px;
	background: url(../img/home/tabs-bg.png) no-repeat top left;
}

.scroll {
	height: 225px;
	width:455px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: transparent;
}

.scrollContainer div.panel {
	position: relative;
	padding:0 20px 0 20px;
	height: 210px;
	width:415px;
}

	
/* tab nav */
ul.tabNavigation {
	list-style-type: none;
	padding:0;
	margin:15px 0 20px 12px;
}

ul.tabNavigation li {
	display:inline;
	margin:0;
	padding:7px;
	border-left:solid 1px #263443;
	background: none;
}

ul.tabNavigation li a:link,
ul.tabNavigation li a:visited,
ul.tabNavigation li a:focus,
ul.tabNavigation li a:active {
	font-size: 0.95em;
	text-transform: uppercase;
	text-decoration: none;
	margin-top:10px;
	padding-bottom:2px;
	color:#faf0dc;
	border-bottom:2px solid transparent;
}

ul.tabNavigation li a:hover {
	border-bottom:2px solid #035b89;
}

ul.tabNavigation a:link.selected,
ul.tabNavigation a:visited.selected,
ul.tabNavigation a:focus.selected,
ul.tabNavigation a:active.selected {
	color:#fff;
	border-bottom:2px solid #39c;
}

/* sliding content layout */
div#dvd h3, div#voucher h3, div#news h3 {
	padding-top:22px;
	font-size: 1.1em;
	text-transform: uppercase;
	color:#4acdff;
	letter-spacing:0.01em;
	line-height: 1em;
	margin-bottom: 5px;
}

div#news h3 {
	padding-top:0;
}

div#dvd p, div#voucher p {
	width:45%;
}

div#dvd div.video {
	display: block;
	padding:0;
	margin:0;
	position: absolute;
	top:10px;
	top:0;
	left:48%;
	width:224px;
	height:200px;
/* 	border:solid 1px #333; */
}

div#dvd div.video div#NoFlashContent {
	padding:20px;
}

div#dvd div.video div#NoFlashContent p {
	width:100%;
}

div#dvd div.video div#NoFlashContent a {
	border: none;
}

div#voucher img {
	position:absolute;
	top:0;
	left:220px;
}


/* =STAFF PROFILES
----------------------------------------------- */
body.staff div#content-primary {
	padding:5px 0 30px 10px;
}

body.staff div#content-primary h4 {
	display: block;
	width:100%;
}

p.job-summary {
	margin:-18px 0 12px 0;
}

body.staff h2 {
	padding-bottom:10px;
}

body.staff hr {
	width:732px;
}

div.profile-col-1, div.profile-col-2 {
	float:left;
	width:352px;
	width:345px;
	width:350px;
}

div.profile-col-2 {
	float: right;
}

ul.profiles {
	list-style-type: none;
	margin:0 0 20px 0;
	padding:0;
}

ul.profiles li {
	margin:0 0 10px 0;
	padding:0;
	background: none;
	line-height: 1.6em;
}


/* =NEWS
----------------------------------------------- */

body#news strong {
	color:#eee;
}

dl#news_list {
}

dl#news_list dd {
	position: relative;
	line-height: 1.6em;
	padding-left: 0;
	background: none;
	margin:0 0 20px 0;	

}

dl#news_list dd h2 {
	display:block;
	padding-bottom: 4px;
	font-size:1.42em;
	width:100%;
	border-bottom: solid 1px #18263a;
}

dl#news_list dd h2 a:link, dl#news_list dd h2 a:visited, dl#news_list dd h2 a:focus, dl#news_list dd h2 a:active {
	text-transform: uppercase;
	font-size: 0.8em; 
	line-height: normal;
	margin-bottom:20px;
	border:none;
}

h2 span.date {
	position:absolute;
	right:0;
	font-size: 0.75em; 
	color:#999;
}

.news-content {
	float:right;
	margin:10px;
	padding-left:10px;
}
	
/* news article page */	
div#content-primary-news-body {
}

div#content-primary-news-body h1 {
	position: relative;
	display:block;
	padding-bottom: 6px;
	width:100%;
	border-bottom: solid 1px #18263a;
}
div#content-primary-news-body h1 span.date {
	position:absolute;
	right:0;
	font-size: 0.92em; 
	color:#999;
}
	
	
/* VIDEOS */

div.video {
	display: block;
	width:306px;
	height:280px;
}

div.video div#NoFlashContent, div.video div#NoFlashContent2 {
	padding:20px;
}

div.video div#NoFlashContent p, div.video div#NoFlashContent2 p {
}

div.video div#NoFlashContent a, div.video div#NoFlashContent2 a {
	border: none;
}	




/* Homepage image preloader */

div#home-feature-loader {	
	position:absolute;
	top:110px;
	left:20px;
	width:960px;
	height:411px;
	background:transparent url(../img/home/home-feature-bg.jpg) no-repeat 0 0;
}

div#home-feature-loader {
	z-index: 80;
	width:920px;
	background:#000;
	display: none;
/* 	outline:solid 1px red; */
}

div#progress {
	position:absolute;
	top:38%;
	left:320px;
}

div#home-feature-loader p {
	text-align: center;
	padding-top:1em;
	font-size: 1.2em;
	color:#3399CC;
}


/* CSS image preload bar */

#statusBar {border: 2px solid #042337;width: 300px;background: #ddd url(../img/layout/loader-bg.png) 50% repeat-x;}
#status {background: url(../img/layout/loader-bars.png) 0 50% no-repeat; height: 12px; }

#textStatus {font-weight: bold; }
#textStatus .numLoaded {font-weight: bold;}
#textStatus .numTotal {font-weight: bold;}
#textStatus .percentLoaded {font-weight: bold;}
#textStatus .currentImg {font-weight: bold; display: block;font-size: .8em;}
#textStatus .currentImg span {font-weight: normal;  }

	
/* RSS link */
ul#nav-secondary li p#rss {
	border-top:1px solid #18263A;
	border-bottom:1px solid #18263A;
	margin:20px 0 0 0;
	padding:10px 0 15px 0;
}
ul#nav-secondary li p#rss a {
	text-transform: none;
	padding-left:21px;
	background:transparent url(/assets/img/icons/rss-feed.gif) no-repeat 0 0;
}