/* 737 Flight Simulator - Canvas CSS */

div.pagelayout {
	/*	Set to the right width if you want it left aligned */
	width: 100%;
	background-color: #fe0000;
	vertical-align: top;
    align: center;
}


/*	There are the 4 main fonts which we can use. 
	H1 is the largest / biggest /strongest heading, H2 is the second largest, H3... H4... 
	
	Mouse-Over Text effect - 	When the mouse is over any of the text headings you might want to
								have an effect where the text might become bold or change colour.
								to do this simply add/alter the A:hover Stle
								
	Hyperlink Colour / font - 	If you want to control the hyperlink colour and font, you can use:
								A:link - for normal unvisited links
								A:visited - for normal visited links
								A:hover - as above, to change colour / font / size when the mouse is over.

*/

H1 {
	font-family: Georgia;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
}

H1 A:link {
	font-family: Georgia;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H1 A:visited {
	font-family: Georgia;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H1 A:hover {
	font-family: Georgia;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
	text-decoration: underline;
}

H2 {
	font-family: Georgia;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
}

H2 A:link {
	font-family: Georgia;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H2 A:visited {
	font-family: Georgia;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H2 A:hover {
	font-family: Georgia;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	color: #416600;
	text-decoration: underline;
}

H3 {
	font-family: Georgia;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
}

H3 A:link {
	font-family: Georgia;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H3 A:visited {
	font-family: Georgia;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H3 A:hover {
	font-family: Georgia;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
	text-decoration: underline;
}

H4 {
	font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
}

H4 A:link {
	font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H4 A:visited {
	font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
	text-decoration: none;
}

H4 A:hover {
	font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #416600;
	text-decoration: underline;
}
	

/*	The p style is the default font that the site will use.
	Try not to use a large size, 10pt is normally fine.
	Again, you can specify the following effects:
	e.g. 	        p a:link
	or 		p a:visited
	or		p a:hover
	Mouse-Over Text effect - 	When the mouse is over any of the text headings you might want to
								have an effect where the text might become bold or change colour.
								to do this simply add/alter the A:hover Stle
	Hyperlink Colour / font - 	If you want to control the hyperlink colour and font, you can use:
								A:link - for normal unvisited links
								A:visited - for normal visited links
								A:hover - as above, to change colour / font / size when the mouse is over.
*/

p {
        font-size: 14px;
	color: #444444;
	font-family: Arial;
	line-height: 1.5em;    
        text-decoration: none;
        font-weight: normal;
}

p a:link { 	
	font-size: 14px;
	color: #487bae;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}
	
p a:visited { 	
	font-size: 14px;
	color: #487bae;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}
	
p a:hover { 	
	font-size: 14px;
	color: #487bae;
	font-family: Arial;
	text-decoration: none;
    font-weight:normal;	
}

p a:active {
	font-size: 14px;
	color: #487bae;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}

/* Right text style for home page */
.hp {
	font-size: 14px;
	color: #ffffff;
	font-family: Arial;
	/* line-height:15pt; */
    text-decoration: none;
    font-weight:normal;
}

.hp:link { 	
	font-size: 14px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}
	
.hp:visited { 	
	font-size: 14px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}
	
.hp:hover { 	
	font-size: 14px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
    font-weight:normal;	
}

.hp:active {
	font-size: 14px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}

.hpBlack {
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	/* line-height:15pt; */
    text-decoration: none;
    font-weight:normal;
}

.hpBlack:link { 	
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}
	
.hpBlack:visited { 	
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}
	
.hpBlack:hover { 	
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
    font-weight:normal;	
}

.hpBlack:active {
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
    font-weight:normal;
}

.textDisclaimer {
	font-size: 10px;
	color: #ffffff;
	font-family: Arial;
    font-weight: normal;
}

/* Image Link Style */
a:link img {filter: none;} 
a:visited img {filter: none;} 
a:hover img {filter: alpha(opacity=75);-moz-opacity:.75; opacity:.75;}

.textstyle2 {
	font-family:Century Gothic;
	line-height:18pt;
    font-size:14px;
    color: #444444;
    font-weight: normal;
    text-decoration:none;
    font-weight: normal;
}

.textstyle1 {
    font-family:Century Gothic;
    line-height:18pt;
    font-size:15px;
    color: #444444;
    font-weight: normal;
    text-decoration:none;
}

.textstyle3 {
    font-family:Century Gothic;
    line-height:13pt;
    font-size:15px;
    color: #ffffff;
    text-decoration:none;
    font-weight: normal;
}

.textstyle4 {
	font-size: 7pt;
	color: #ffffff;
	font-family: Century Gothic;
	line-height:15pt;
    text-decoration: none;
    font-weight:normal;
}

.textstyle5 {
	font-size: 7pt;
	color: #ffffff;
	font-family: Century Gothic;
	line-height:11pt;
    text-decoration: none;
    font-weight:normal;
}

.textstyle5:link {
	font-size: 7pt;
	color: #ffffff;
	font-family: Century Gothic;
	line-height:11pt;
    text-decoration: underline;
    font-weight:normal;
}

.textstyle5:visited {
	font-size: 7pt;
	color: #ffffff;
	font-family: Century Gothic;
	line-height:11pt;
    text-decoration: underline;
    font-weight:normal;
}

.textstyle5:hover {
	font-size: 7pt;
	color: #000000;
	font-family: Century Gothic;
	line-height:11pt;
    text-decoration: none;
    font-weight:normal;
}

.heading1 {
    font-family:Century Gothic;
    font-size:16pt;
    color: #487bae;
    font-weight: normal;
    text-decoration:none;
    font-weight: normal;
    line-height: 23px;
}

.date {
	font-size: 8pt;
	color: #ED1C24;
	font-family: Arial;
	line-height:9pt;
    text-decoration: none;
    font-weight:normal; 
	text-transformation:uppercase;
}

body {
/*	Always set background-colour to white otherwise it will stuff up the CMS system */
	background-color: White;
	vertical-align: top;
	color: Black;
	font-size: 11px;
	font-family: Georgia;
	height: 100%;
/* Scrollbar style */
	SCROLLBAR-FACE-COLOR: #0348ff; 
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
    SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
    SCROLLBAR-ARROW-COLOR:  #FFFFFF; 
    SCROLLBAR-TRACK-COLOR: #ffffff; 
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

/*	Bullet Point.
		. abcde
		. abcde
		. abcde
*/
ul.hp {
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	font-weight: normal;
}

ul {
	font-size: 14px;
	color: #444444;
	font-family: Arial;
	font-weight: normal;
	/* line-height:20px; */
}

ul a:link { 	
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: underline;
    font-weight: normal;
}
	
ul a:visited { 	
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: underline;
    font-weight: normal;
}
	
ul a:hover { 	
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: none;
    font-weight: normal;
}

ul a:active {
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: underline;
    font-weight: normal;
}

/*	Number Points... e.g.
		1. abcde
		2. abcde
		3. abcde
*/

ol {
	font-size: 14px;
	color: #444444;
	font-family: Arial;
	font-weight: normal;
	/* line-height:20px; */
}

ol a:link { 	
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: underline;
    font-weight: normal;
}
	
ol a:visited { 	
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: underline;
    font-weight: normal;
}
	
ol a:hover { 	
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: none;
    font-weight: normal;
}

ol a:active {
	font-size: 14px;
	font-family: Arial;
	color: #416600;
	text-decoration: underline;
    font-weight: normal;
}
/*	The following definitions control the left menu tree options.
=========================================================================
*/

bLeftMenuTree, a.bLeftMenuTree {font-size:14px;}

TreeLeaf, a.TreeLeaf 
{ font-family:Century Gothic; color: #416600; font-weight: normal; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; font-size: 14px}

TreeLeaf, td.Treeleaf
{ font-family: Century Gothic; padding-top: 0px; padding-left: 20px; padding-bottom: 20px; font-size: 14px; color: #416600; font-weight: normal; text-decoration: none;}

TreeLeaf, a.TreeLeaf:hover 
{ font-family: Century Gothic; font-size: 14px; color: #000000; font-weight: normal; text-decoration: none; padding-left: 0; }


TreeSelectedLeaf, a.TreeSelectedLeaf
{ font-family: Century Gothic; font-size: 14px; font-weight:normal; color: #000000;}

/*	The following definitions control the interactive left menu options.
=========================================================================
*/

/*	Table.MenuLevel0 is the control for the base level menu
*/

MenuLevel0 a.MenuLevel0 {
	padding-left:14px; 
	padding-right:20PX;
	padding-top:5px; 
	padding-bottom:5px;
	font-family: Arial; 
	font-size: 11px;
    font-weight: normal; 
	color: #ffffff;
	display: block;
}

a.MenuLevel0:link {
	padding-left:14PX; 
	padding-right:20PX; 
	padding-top:5px; 
	padding-bottom:5px;
	font-family: Arial; 
	font-size: 11px; 
    font-weight: normal; 
	color: #000000;
	display: block;
}

a.MenuLevel0:visited {
	padding-left:14PX; 
	padding-right:20PX; 
	padding-top:5px; 
	padding-bottom:5px;
	font-family: Arial; 
	font-size: 11px; 
    font-weight: normal; 
	color: #000000;
	display: block;
}

a.MenuLevel0:hover {
	background-color: #bda6d0;
	padding-left:14PX; 
	padding-right:20PX;
	padding-top:5px; 
	padding-bottom:5px;
	font-family: Arial; 
	font-size: 11px;
    font-weight: normal;  
	color:#ffffff;
	display: block;
}

Table.MenuLevel0 {
	width: 184px;
    height: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left:0;
	margin-right:0;
	cellspacing:0;
	padding-top: 0; 
	padding-bottom: 3pt;
	font-family: Arial;
    vertical-align: top; 
	font-size: 11px; 
	color: #FFFFFF;
    align:center;
    font-weight:normal;
}

/*	Table.MenuLevel1 is the control for the Expaneded level menu
*/

MenuLevel1 a.MenuLevel1 {
	width: 100%; 
	padding-left:0; 
	padding-right:0;
	padding-top:0; 
	padding-bottom:0;
	font-family: Tahoma; 
	font-size: 11px;
    font-weight: bold; 
	color: #FFFFFF;
    display: block; 
}

a.MenuLevel1:link {
	width: 100%; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0; 
	padding-bottom:0;
	font-family: Tahoma; 
	font-size: 11px; 
    font-weight: bold; 
	color: #FFFFFF;
	display: block;
}

a.MenuLevel1:visited {
	width:100%; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0; 
	padding-bottom:0;
	font-family: Tahoma; 
	font-size: 11px; 
    font-weight: bold; 
	color: #FFFFFF;
	display: block;
}

a.MenuLevel1:hover {
	width: 100%; 
	padding-left:0; 
	padding-right:0;
	padding-top:0; 
	padding-bottom:0;
	font-family: Tahoma; 
	font-size: 11px;
    font-weight: bold;  
	color:#666666 ;
	display: block;
}

Table.MenuLevel1 {
	width: 100%; 
	padding-left: 0;
	padding-right: 0;
	margin-left:0;
	margin-right:0;
	cellspacing:0;
	padding-top:0; 
	padding-bottom:0;
	font-family: Arial;
    vertical-align: top; 
	font-size: 9pt; 
	color: #FFFFFF;
}

/*	The following Table is the table that stretches right across - effectivly its your canvas
=========================================================================

The only thing you really need to change is the colour.
*/

TABLE.BackgroundTable {
	align: center;
    border-collapse: collapse;
	background-color: #fe0000;
	/* background-image: url(/File.aspx?x=596&File=tablebg.jpg);
    background-repeat: repeat-y;
    background-position: center top; */
	width: 100%;
	height: 100%;
	padding-top: 0;
	border: 0;
	padding :0;
	cellspacing:0;
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:0;
	margin-right:0;
	margin: 0 auto;
}

td.backgroundTableRow { 
	vertical-align: top;
    padding-top:11px;
    background-color: #fe0000;
}

/*	The header table that is INSIDE the Background Table
========================================================================= */

TABLE.HeaderTable {
	align: center;
	width: 0;
	height: 0;
	vertical-align: top;
	border: 0;
	padding :0;
	cellspacing:0;
	background-color: #fe0000;
	font-family: Arial; 
	font-size: 8pt;
}

.header {
	font-family: Century Gothic;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

a.header:link {
	font-family: Century Gothic;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

a.header:visited {
	font-family: Century Gothic;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

a.header:hover {
	font-family: Century Gothic;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #929035;
	font-style:normal;
	text-decoration:none;
}

/*	The main table is split into 2 columns and the whole table is beneath the header table
The left column contains the menu. 
The right column contains the content.
=========================================================================
*/

TABLE.MainTable { 
	background-color:#fe0000;
	border-collapse: collapse;
	align: center;
    width: 897px;
	height: 100%;
   	vertical-align: top;
	border: 0;
	padding: 0;
}

td.leftcolumn { 
    align: center;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 0px;
    height: 0;
    vertical-align: top;
   	/* background-image: url(/File.aspx?x=596&File=leftnavbg.jpg);
    background-repeat: no-repeat;
    background-position: top center; */
}

td.rightcolumn { 
    align: center;
    vertical-align: top;
    border: 0;
    width: 606px;
    height:100%;
    padding-bottom:0;
    padding-top:1px;
}

/*	The header table that is INSIDE the Background Table
=========================================================================
*/

TABLE.FooterTable {
	align: center;
    width: 0;
    height: 0;
    border: 0;
	font-size: xx-small;
	vertical-align: top;
	background-color: #fe0000;
    padding: 0;
}

.footer {
	font-family: Century Gothic;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

a.footer:link {
	font-family: Century Gothic;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

a.footer:visited {
	font-family: Century Gothic;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

a.footer:hover {
	font-family: Century Gothic;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	font-style:normal;
	text-decoration:none;
}

.footer2 {
	font-family: Trebuchet MS;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
	color: #737373;
	font-style:normal;
	text-decoration:none;
}

.footer2:link {
	font-family: Trebuchet MS;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
	color: #737373;
	font-style:normal;
	text-decoration:none;
}

.footer2:visited {
	font-family: Trebuchet MS;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
	color: #737373;
	font-style:normal;
	text-decoration:none;
}

.footer2:hover {
	font-family: Trebuchet MS;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
	color: #f6d300;
	font-style: normal;
	text-decoration:none;
}

.footer3 {
	font-family: Trebuchet MS;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

/****************************************/

.note 
{font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.42em;}

#content {
    padding: 20px;
}

.right-content {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
color: #fff;}