/*

Basic page stucture.
Version 1.

*/

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

#footer { background-color: #FFF9C9; }



#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: #002F54;
	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: 150px;
	background: url(../nav/flying_show_2009_banner.jpg) no-repeat top left;
	background-color: #0089D1;	
}



#strapline {
	text-align: right;
	margin-top:125px;
	margin-right:10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	
}


#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;
}



#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 #FAE325;
}

#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: #0F5A91;

}

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

}

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

}



a:link  {
	color: #002F54;
}

a:visited {
	color: #0089D1;
}

a:hover {
	color: #FAE325;
}



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

#menu {
	width: 200px;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #FFF9C9;
}
#menu li {
	border-bottom: solid 1px #FFF9C9;
}
#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: #00669B;
	color: #ffffff;
}
#menu a:hover {
	background-color: #FAE325;
	color: #000000;
}
#menu li.selected a, #menu a:hover {
	background-color: #FAE325;
	color: #000000;
}
#right-column {
	border: 1px solid #0089D1;
	float: right;
	width: 200px;
	height: 300px;
	background-color: #00669B;
	margin-bottom: 20px;
	padding: 5px;
	padding-bottom: 15px;
	margin-left: 10px;
	color: #FFFFFF;
}

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

#right-column ul {
	margin: 5px 5px 5px 15px;
	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;
}


/******** PASSWORD PROTECTED ********/

form#form{
	border:1px dashed #e3e3e3;
	margin:30px 0;
}
form#form fieldset{
	border:none;
	padding:15px;
}
form#form label{
	width:160px;
	float:left;
	display:inline;
	margin:0;
}
form#form label span{
	color:#777;
	font-style:italic;
	font-size:10px;
}
form#form textarea{
	width:170px;
	height:150px;
}
form#form p{
	overflow:hidden;
	clear:both;
}
form#form input#submit{
	float:right;
	display:inline;
	border:none;
	background-color:#1a5086;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:24px;
	width:105px;
	color:#fff;
}
form#form input#submit:hover{
	background-color:#00669b;
}
ul#form-errors{
	margin:20px 0;
	border:2px dashed #dc0000;
	padding:10px 0;
	list-style:none;
}
ul#form-errors li{
	margin:0 20px 10px;
}