/*

Basic page stucture.
Version 1.

*/

/* For testing purposes - remove */
#header { background-color: #E6F2FF; }

#footer { background-color: #ffffff; }



#content { background-color: #EEEEEE; }
#block1 { background-color: #6699FF; }
#block2 { background-color: #ffffff; }
/* End test */







/* CSS
----------------------------------------------------------------------------- */

body {
	text-align: center;		/* Fix to centre page in IE */
	/*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e2e2e2;
	color: #000000;
	/*background-image: url(nav/bg_clouds2.jpg);
	background-position: left -50px;
	background-attachment: fixed;*/
	
}
#page {
	width: 777px;			/* Maximum width to fit 800 x 600 px screen */
							/* If you need borders then the page width needs
							   to be reduced by the widths of the borders */
							   
	margin: 0px auto;		/* Centre this div */
	text-align: left;		/* Uncentre content from fix to centre page in IE */
}




#header {
	width: 777px;			/* Maximum width to fit 800 x 600 px screen */
							/* If you need borders then the page width needs
							   to be reduced by the widths of the borders */
	overflow: hidden;
	/*padding: 10px 10px 10px 10px;*/
	height: 170px;
	background: url(../nav/flying_show_2011_banner.jpg) no-repeat top left;
	background-color: #0089D1;	
}



#strapline {
	text-align: right;
	margin-top:150px;
	margin-right:280px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
	
}


#content {
	width: 777px;			/* Maximum width to fit 800 x 600 px screen */
							/* If you need borders then the content width needs
							   to be reduced by the widths of the borders */
							   
	overflow: hidden;

}



/* One item */

#one-block #block1 {
	display: none;
}
#one-block #block2 {
	float: left;
	width: 737px;			/* Width - (left + right padding) */
	padding: 20px;
}


/* Two items */

/* Columns with subnav */
#two-blocks .with-subnav #content {
	/*background: url(../nav/menu_bar_background.jpg) left top repeat-y #fff;*/
	background-color: #ffffff;
}



#two-blocks #content {
	background: url(../nav/two_columns_background.gif) repeat-y left top;
}
#two-blocks #block1 {
	float: left;
	padding: 0px;
	width: 200px;			/* Width - (left + right padding) */
	background-color: #0089D1;
}
#two-blocks #block2 {
	float: left;
	width: 537px;			/* Width - (left + right padding) */
	padding: 20px;
}


#block2 img {
	float: right;			
	padding: 20px;
}


#footer {
	clear: both;
	width: 737px;			/* Maximum width to fit 800 x 600 px screen */
							/* If you need borders then the page width needs
							   to be reduced by the widths of the borders */
	overflow: hidden;
	padding: 10px 20px;
	text-align: center;
	border-top: solid 1px #cc0000;
}

#footer-text {
	text-align: left;
	font-size: 11px;
	color: #00669B;
}

#footer-logos img {
	/*padding:0 20px 0 20px;*/
	text-align: top;
}



/* Design specific CSS
============================================================================= */

/* Fonts
----------------------------------------------------------------------------- */
img {
	border: 0px;
}	

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #004f9c;

}

h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #004f9c;

}

h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004f9c;

}



a:link  {
	color: #004f9c;
}

a:visited {
	color: #8cd2f4;
}

a:hover {
	color: #cc0000;
}



/* Menu CSS
----------------------------------------------------------------------------- */

#menu {
	width: 200px;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #cc0000;
}
#menu li {
	border-bottom: solid 1px #cc0000;
}
#menu a {
	display: block;					/* Enable padding on links so the whole button is clickable. */
	padding: 10px;
	text-decoration: none;
	width: 180px;					/* Needs a width to make the whole button clickable for IE */
}
#menu a:link, #menu a:visited {
	background-color: #ffffff;
	color: #004f9c;
}
#menu a:hover {
	background-color: #FAE325;
	color: #000000;
}
#menu li.selected a, #menu a:hover {
	background-color: #8cd2f4;
	color: #cc0000;
}

#opening-times {
	padding: 10px;
	background-color: #ffffff;
}

#right-column {
	border: 1px solid #cc0000;
	float: right;
	width: 200px;
	height: 300px;
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 5px;
	padding-bottom: 15px;
	margin-left: 10px;
	color: #000000;
}

#right-column h3 {
	color: #cc0000;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

#right-column ul {
	margin: 5px 5px 5px 20px;
	padding: 0px;
}

#image-left {
	margin-left:20px;
	float: left;
	width: 200px;
}
#image-right {
	float: right;
	width: 200px;
}

.excel-file {
	background: url(../nav/icon_xls.gif) no-repeat top left;
}


table.seminar-table
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #002F54;
width: 500px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.seminar-table td
{background-color: #FFF9C9;
color: #000;
padding: 4px;
text-align: left;
border: 1px #002F54 solid;}

table.seminar-table th
{background-color: #002F54;
color: #fff;
padding: 4px;
text-align: left;
border-left: 2px #002F54 solid;
border-bottom: 2px #002F54 solid;
font-size: 12px;
font-weight: bold;} 

ul#downloads{
	margin:0;
	list-style:none;
}
ul#downloads li{
	margin:0 0 5px;
	line-height:16px;
}
ul#downloads img{
	float:none;
	margin:0;
	padding:0;
	float:left;
	margin:0 5px 0 0;
}
#homepage-image img{
	margin:-5px -5px 4px 0;
	padding:0;
	float:right;
}
#homepage-image{
	text-align:center;
}