/* style the template */

a { font-style: italic; }


#breadcrumb { background-color: #F4F4F4; line-height: 2em; }
#breadcrumb .intro { font-weight: bold; list-style-type: none; margin-left: 5px; }
#breadcrumb li {margin-left: 20px; padding-left: 10px; list-style-type: square;}

#content { height: 100%; padding-left: 5px; }


#quicklinks h2 { color: #336; font-size: 1.6em; position:static;   }
#quicklinks a, #quicklinks a:visited { color: #336; display: block; text-decoration: none;  }
#quicklinks a:hover { background-color: #FF0;}
#quicklinks ul { margin-bottom: 10px; }
#quicklinks li { margin-bottom: 2px;}

#nav #register { text-align: center; }
#nav h2 {  color: #336; font-size: 1.6em; position:static;  }
#nav ul { margin-bottom: 10px; }
#nav ul ul { margin-top: 0px; }
#nav li { background-color: #E9E9E9; border-top: 1px solid #FFF; color: #0C5183; line-height: 1.2em; text-indent: 10px; width: 165; }
#nav li .selected { background-color: #339;}
#nav li li { background-color: #D9D9D9; text-indent: 20px; }
#nav li li li {	background-color: #E9E9EE; padding-top: 4px; text-indent: 30px; }

#nav li a {display: block; padding: 5px 0px 5px 0px; width: 100%;}
#nav li a, #nav a:visited { color: #0C5183;  text-decoration: none; }
#nav li a:hover { background-color: #0C5183; color: #FFF; }
#nav img { margin: 0px auto 0px auto;}




/* top */

#regions { clear: both; padding-bottom: 5px;}
#regions li { color: #FFF; display: inline; font-weight: bold;  padding: 0px 10px 0px 2px; }
#regions a, #regions a:visited {  color: #FFF; font-weight: bold; text-decoration: none; }
#regions a:hover { color: #FF0; text-decoration: underline; border-bottom: 0px;}


#top img {  }
#banner { background-color: #0C5183; }
#login { padding-left: 5px; background-color: #0C5183; }
#topnav { background-color: #002059; width: 100%; line-height: 2em; font-size: 1.4em; font-weight: bold; }
#topnav a, #topnav a:visited { color: #FFF; text-decoration: none; } /* color: #B3BDCE */
#topnav a:hover { color: #FF0; text-decoration: underline; border-bottom: 0px; }

#login { color: #FFF;}
#login a, #login a:visited { color: #FFF; font-weight: bold;	text-decoration: none; }
#login a:hover { color: #FF0; text-decoration: underline; }
#login label {	position: absolute; left: -9999px; }
#login fieldset { border: 0px; }
#login legend { color: #FFF; display: block; font-size: 1.1em; font-weight: bold; margin: 5px auto 5px auto;}
#login ul { padding: 5px 10px 5px 10px; }
#login li { font-size: 1.1em; }



/* #main { background-color: #F4F4F4;  } */






#footer a, #footer a:visited { color: #390; text-decoration: none; }
#footer a:hover { color: #960; text-decoration: underline; }



/* content styles should be copied into wysiwyg.css less the #content id */
/* set the general size tone of all content to the template */
#content {background-color: #FFF; font-size: 1.1em;}
#content h1 { color: #336; font-size: 1.6em;  }
#content h2 { color: #339; position:static; font-size: 1.4em;  }
#content h3 , #content strong {	color: #33C; font-weight: bold;  }
#content h4, #content em { color: #33F; font-style: italic;  }
#content a, #content a:visited { color: #390; text-decoration: none;  }
#content a:hover { color: #960; text-decoration: underline; border-bottom: 0px; }
#content abbr, #content acronym, #content .acronym { font-style: italic; text-decoration: underline;  }
#content li { list-style-type: circle; margin-left: 20px; padding-left: 5px; }
#content dt { font-size: 1.2em; font-weight: bold; padding-top: 5px; }

.vcard address span { display: block;}


/* notices */
#noticelist { margin-top: 10px; }
#noticelist li { display: block; margin: 5px auto 5px auto;  list-style-type: none; width: 90%; }
#noticelist h3 { background-color: #89C505; font-size: 0.9em; font-weight: bold; line-height: 1.6em; padding-left: 5px;}
#noticelist h3 a, #noticelist h3 a:visited { color: #FFF; }
#noticelist h3 a:hover { color: #903; }
#noticelist p { font-size: 0.8em;}

#newslist { margin-top: 10px; }
#newslist li { display: block; margin: 5px auto 5px auto;  list-style-type: none; width: 90%; }
#newslist h3 { background-color: #8905C5; color: #FFF; font-size: 0.9em; font-weight: bold; line-height: 1.6em; padding-left: 5px;}
#newslist p { font-size: 0.8em;}

#aircraftlist { margin-top: 10px; }
#aircraftlist li { display: block; margin: 5px auto 5px auto;  list-style-type: none; width: 90%; }
#aircraftlist strong { padding-right: 20px;}
#aircraftlist h3 { background-color: #0589C5; line-height: 1.6em; padding-left: 5px;}
#aircraftlist h3 a, #aircraftlist h3 a:visited  { color: #FFF; font-size: 0.9em; font-weight: bold; }
#aircraftlist h3 a:hover { color: #FF0;}
#aircraftlist p { font-size: 0.8em;}

#memberlist { margin-top: 10px; }
#memberlist li { display: block; margin: 5px auto 5px auto;  list-style-type: none; width: 90%; }
#memberlist h3 { background-color: #0A9; color: #FFF; font-size: 0.9em; font-weight: bold; line-height: 1.6em; padding-left: 5px;}
#memberlist h3 a, #memberlist h3 a:visited { color: #FFF; }
#memberlist h3 a:hover { color: #309; }
#memberlist p { font-size: 0.8em;}
#memberlist .country { float: left; }
#memberlist .tele { float: right }
#memberlist .street-address { clear: both; }



a.button {	border: 1px solid #390;	background-color: #FFC;	color: #000;  padding: 5px 10px 5px 10px; }


/* Styling for generic frontend forms
---------------------------------------- */

.button 
{
	background-color: #0579B9;
	border: none;	
	border-bottom: 2px solid #C0C0C0;
	border-right: 2px solid #C0C0C0;
	color: #FFF;
	font-size: 83%;
	font-weight: bold;
	height: 24px;
	text-align: center;

}

.required {
	color: #B22222;
	font-weight: bold;
}
.form {	margin: 20px auto 20px auto; width: 90%; }
.form legend {display: none; }
.form br { clear: left; }
.form label {
	width: 175px;
	display: block;
	float: left;
	margin: 2px 0px;
	font-size: 0.9em;
	font-weight: bold;
}
.form textarea { height: 100px; }
.form .textfield, .form textarea, .form select 
{
	background-color: #FFFFCE;
	border: 2px solid #EAEAEA;
	color: #336;
	float: left;
	font-size: 1.1em;
	margin: 2px 0px 5px 0px;
	padding: 2px;
	width: 250px;
}
.form .unit { font-size: 90%; margin-left: 10px; }
.form select { width: 150px; }
.form .short { width: 50px; }
.form .selectboxsmall {	width: 70px; }


/* table styles */
.data { margin: 0px auto 0px auto; width: 90%;}
.data th { background-color: #0589C5; color: #F0F8FF; font-weight: bold; padding: 4px; text-align: center; } 
.data td { background: #F4F4F4; padding: 4px; }
.data tr.lightrow td { background: #fff; }
.small { width: 50px; text-align: center; }
.center { text-align: center; }
}