/* British Aviation website CSS */
body {
	padding: 0;
	margin: 0 auto;
}

#container { /*contains all site elements, holds site width */
	background-image: url(../images/bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 810px;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
	color: #4D4D4D;
}
#top { /* holds top content, logo and navigation */
	width: 810px;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
}
#top #top-bar { /* holds top content, logo and navigation */
	width: 810px;
	height: 140px;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
}
#top #top-bar #logo { /* british aviation logo */
	background-image: url(../images/logo.png);
	width: 260px;
	height: 85px;
	padding: 0;
	margin: 39px 0 0 38px;
	display: block;
	position: absolute;
	text-indent:-9999px;
	font-size:1px;
}
#top #top-bar #logo a, #top #top-bar #logo a:hover { /* logo hyperlink */
	width: 260px;
	height: 85px;
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
}
#top #image-1 { /* 3 scattered photo elements */
	background-image: url(../images/top-image-1.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 139px;
	height: 114px;
	padding: 0;
	margin: 34px 0 0 344px;
	display: block;
	position: absolute;
	z-index: 10;
}
#top #image-2 { /* 3 scattered photo elements */
	background-image: url(../images/top-image-2.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 188px;
	height: 147px;
	padding: 0;
	margin: 13px 0 0 468px;
	display: block;
	position: absolute;
	z-index: 30;
}
#top #image-3 { /* 3 scattered photo elements */
	background-image: url(../images/top-image-3.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 183px;
	height: 125px;
	padding: 0;
	margin: 72px 0 0 622px;
	display: block;
	position: absolute;
	z-index: 20;
}
#top #nav-bar { /* navigation bar, green strip */
	background-color: #075534;
	width: 802px;
	height: 25px;
	padding: 0;
	margin: 0 auto;
	border: 3px #fff solid;
	display: block;
	clear: both;
}
#top #nav-bar ul { /* navigation links block */
	width: 600px;
	height: 16px;
	padding: 0;
	margin: 2px 0 0 0;
	display: block;
	float: left;
}
#top #nav-bar ul li { /* navigation links block */
	width: auto;
	height: 14px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#top #nav-bar ul li a { /* navigation hyperlink styles */
	background-color: transparent;
	padding: 0 12px 0 12px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 2px #fff solid;
}
#top #nav-bar ul li a:hover { /* navigation hyperlink styles */
	color: #79AC97;
}
#top #nav-bar .noborder { /* for last link on navigation, removes divider */
	border: 0;
}

#middle { /* content area, holds 3 columns for content etc */
	width: 810px;
	padding: 0 0 28px 0;
	margin: 0 auto;
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
}
#middle p { /* paragraph styles for content */
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
}
#middle #title { /* currently holds "100 years of British Avaiation" image */
	width: 760px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	padding: 15px 0 0 50px;
	margin: 0 0 8px 0;
	display: block;
	clear: both;
}
#middle #left-column { /* left column */
	width: 210px;
	padding: 16px 0 0 0;
	margin: 0;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	display: block;
	float: left;
}
#middle #center-column { /* center column */
	width: 263px;
	padding: 16px 10px 0 0;
	margin: 0;
	min-height:150px;
	height:auto !important;
	height:150px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	border-right: 1px #ccc solid;
}
#middle #right-column { /* right column */
	width: 272px;
	padding: 16px 38px 0 16px;
	margin: 0;
	min-height:150px;
	height:auto !important;
	height:150px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
}
#middle #one-column { /* for single column pages, replaces two columns */
	width: 580px;
	padding: 16px 12px 0 0px;
	margin: 0;
	min-height:150px;
	height:auto !important;
	height:150px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
}
#middle #left-column div.button { /* red buttons on left column */
	background-color: #AB1523;
	width: 130px;
	height: 13px;
	padding: 1px 0 0 5px;
	margin: 0 0 3px 18px;
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
#middle #left-column a.button, #middle #left-column a.button:hover { /* red buttons on left column */
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
#middle #left-column div.picture { /* picture for left column */
	width: 196px;
	padding: 0;
	margin: 20px 0 0 0;
	display: block;
	clear: both;
}
#bottom { /* footer with support/media images */
	width: 599px;
	padding: 0;
	margin: 0 0 8px 210px;
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
}
#bottom #support {
	display: block;
	float: left;
}
#bottom #media {
	display: block;
	float: left;
	margin: 0 0 0 60px;
}

/* other random elements */
h1 {
	padding: 0;
	margin: 0 0 16px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #AB1F25;
	text-decoration: none;
}
h2 {
	padding: 0;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #AB1F25;
	text-decoration: none;
}
.red {
	font-weight: bold;
	color: #AB1F25;
	display: block;
	clear: both;
}
#inner-list ul {
	list-style-image: url(../images/red.gif);
	padding: 4px 0 0 13px;
	margin: 0;
}
#inner-list li {
	list-style-image: url(../images/red.gif);
	padding: 0;
	margin: 0;
}
div.time {
	display: block;
	clear: both;
	margin: 0 0 12px 0;
}
label.time {
	width: 85px;
	font-weight: bold;
	color: #AB1F25;
	display: block;
	float: left;
}
label.event {
	width: 450px;
	display: block;
	float: left;
}
div.link {
	display: block;
	clear: both;
	margin: 0 0 2px 0;
}
label.link-name {
	width: 310px;
	font-weight: bold;
	color: #AB1F25;
	display: block;
	float: left;
}
label.link-addr {
	width: 200px;
	display: block;
	float: left;
}
a.l, a.l:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
}
div.eventcal {
	display: block;
	height: 17px;
	padding: 3px 0 0 0;
	margin: 0;
	clear: both;
}
div.event_date {
	width: 80px;
	text-transform: uppercase;
	display: block;
	float: left;
}
div.event_desc {
	width:400px;
	display: block;
	float: left;
}
.clear { /* clear:both fix */
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	display: block;
	clear: both;
}
#register { width: 30em; }
#register input { float:right; border:1px solid #C5C1B8; width:13em; color: #636466; margin: 0 0.7em 0 0;}
#register label { line-height:3em;}
#register #submit { float:right; width:5em; }
#colorG{ margin: 1em 0 !important; }

.partnerlogo {width:145px;height:110px;float:left;text-align:center;float:left;}
.partnerlogo * {vertical-align:middle;text-decoration:none;border:none;}
.tinyclear {width:1px;height:1px;overflow:hidden;clear:both;}