/* web template for aerotransport */
/* www.intelligentwebware.com */

body {
margin: 0; 
padding: 0; 
background: #083163; /* #1f3e00; =outer body dark green color */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14pt;
}


/*---------------- Layout DIVS -------------------*/

#container {  /* keeps everything together */
position: relative;
text-align: left;
width: 940px;  
margin-right:auto;
margin-left:auto; 
padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
/*margin: 0 auto; */

background: #fff; /*#d9fbff= light teal ;  #527470=dark teal */ 
background: url(bg_column.gif) repeat-y; 
/*border: 3px solid #D9D93C;  optional border */
overflow: hidden
}

#hdr {  /* div containing h1, nav and banner image */

position:relative;
margin-left: 0px;  /*55px*/
width: 940px; 
height: 100px; 
background: #ffffff;/* #527470=teal */ 
border-bottom: 3px solid #D9D93C; /* #D9D93C= light olive green */
background-image: url(zoli_banner.jpg);
}

#hdr ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	margin: 0px;
	padding: 0px;
	list-style: none;
/* font color is in id=contact section */
}
#hdr li {

	display: inline;
	float: right;
	margin-right: 5px;
	padding-bottom: .5em; /* to display bottom border on links in IE */
}

#quote {    /* for quote gif in left column */
	float: left;
	margin: 10px 0 200px 10px;
	padding: 10px;
	width: 170px;
	height:75px;
	text-align: left;
	background-color: transparent; /* #D9D93C= light olive green */ 
	background-image: url(quote.gif);
	background-repeat:  no-repeat; 
	/*background-position: 50% 90%; across down*/

	clear:left;
/*background-image: url(quote.gif) no-repeat 0 0*/
}


#quote p {
color: #111; 
	font-family: Arial, Helvetica, sans-serif;
font-style: italic;


font-size: 1.0em; 
font-weight: bold; 
line-height: 1.5em;
clear: both;
}  /* Quote box text */

#contact li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	color: #111111;
	line-height: 2em;
	background: transparent;
	border: none;
	padding: 5px;
	height: 2em;
}
#contact li a:hover {
	color: #10214E;
	background: #dbf9fb;
}

#leftcol {   /* left column */
float:left;
background: url(bg_column.gif) repeat-y; /*#7cd1a0;  green */
/*position: absolute;
left: 0px;*/
top: 250px; /* menu buttons are 250px below keyboard image */
margin-left: 0px;  /* leave this so that background image lines up with edge of this div */
width: 200px; /*menu buttons are 180px wide*/ 
border-color: #111;

}



#rightcol {

float: right; 
width: 650px; 
padding: 30px;

} 

#rightcol p{	
font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
} 



#rightcol_jlogs ul{
	list-style-image: img src="list_star.gif" style="vertical-align: middle";
	display: block;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height:125%;
} 


#rightcol_techlogs ul{

	list-style-type: none;
	display: block;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height:125%;
} 

#rightcol_plogs ul{

	list-style-type: none;
/*list-style: none;*/
	display: block; 	
	padding-left: 10px;		
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
} 

#rightcol_buylogs ul{

	list-style-image: img src="list_star.gif" style="vertical-align: middle";
	display: inline;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	line-height:150%;
} 

#aviall {
border-collapse: collapse;
}

#aviall td, #aviall th{
font-size: 1.0em;
border: 1px solid #111;
background-color: #FFEAFF;
padding: 6px;
}

#aviall th{
font-size: 0.8em;
text-align:left;
padding-top: 5px;
padding-bottom: 5px;
}


#rightcol_logs li{
list-style-type: none;
	margin: 3px 0 0 0;  /* a little top margin on each button*/
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .7em;
	text-decoration: none;
	display: block;
	color: #111; /*#450F1F*/ /*menu text color */
	background: #c3fffe;  /* logbooks bright green body */
	clear:all;
} 

#rightcol_logs  table{

padding: 10px;
} 

#rightcol_logs  td{
background: #c3fffe;
border: 5px;
border-style: solid;
border-color: #ffffff;

} 

#rightcol_logs p{
float:right;
	padding: 10px;
display: block;
width: 340px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;

} 
#rightcol_buylogs  td{
background: #ffffff;
border: 5px;
border-style: solid;
border-color: #ffffff;

} 


#bottombar {
color: #111; 
float: right;
clear: both;
text-align: center; 
font-size: 0.80em; 
height: 4em; 
line-height: 4em; 
width: 940px; 
background: #97d0e3; /* #527470; bottom bar dark teal background */
border-top: 3px solid #D9D93C
} /* #9EA219=dark olive  #D9B364=light tan  #804000=mahogany brown*/



/*----------------- Basic fonts n tags ---------------------*/

/* ul,ol */
p,ul {
font-family: Times, Times, serif; 
margin: 10px 15px 0px 7px; 
font-size: 1.4em; 
line-height: 1em; 
color: #000; 
/* background-color: #ffffff; */
letter-spacing: 0.04em
}


h1, h2, h3, h4 {
font-family:  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
color: #dddddd;
margin: 15px 5px 5px 5px; /*left,right,top,bottom */
/* background-color: #ffffff; */
color: #1f3e00; 
font-weight: bold; 
text-decoration: none
}










/*---------------------------------------------Main Navigation-----------------------------------------------*/

ul#nav {   /* navigation list */

/* margin: 53px 0 40px 0; /* the 53px below keyboard image is where the nav begins (margin top)  */ 


	padding: 0;
	list-style-type: none;
}
	
ul#nav li {float: left;	display: block}

ul#nav li a {
	width: 170px;
	margin: 3px 0 0 0;  /* a little top margin on each button*/
	border: 0;
	border-left: 10px solid #6b94ad; /* menu buttons blue left edge */
	padding: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .6em;
	text-decoration: none;
	display: block;
	color: #111; /*#450F1F*/ /*menu text color */
	background: #c3fffe;  /* menu buttons bright green body */

}

ul#nav li a#thispage {border-color: #fff}   /* current selected page: id of "thispage" is assigned when next page is opened*/

ul#nav li a:hover {background: #c3ffbb; color: #444} /* #9EA219=olive green */

#bottombar a {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: none;
	color: #2f4958;
	line-height: 2em;
	background: transparent;
	border: none;
	padding: 5px;
	margin: 10px;
	height: 2em;
}
#bottombar a:hover {
	color: #10214E;
	background: #dbf9fb;
}