/* This section is for the framing element(s) of the site */

#container {
    width: 740px;
    margin: 0 auto;
    background-color: #345FA4;
    padding: 0px;
    overflow: hidden;
}

body {
    text-align: left;
    background: #464646 url('../img/shadow740.gif') repeat-y center;
    margin: 0;
    padding: 0;
}

#gallerycontainer {
    text-align: center;
    margin-top: 20px;
}

#fleetcontainer {
    width: 500px;
    max-height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    overflow-y: auto;
}


#mission {
    width: 502px;
    border: 1px solid #D4D4D4;
    margin: 3em auto;
    background-color: #FAFCFC;
    position: relative;
}

#missiontop {
    width: 500px;
    height: 43px;
    margin: 0;
    border: 0;
    background-color: #FAFCFC;
    background-image: url(..images/corners.gif);
    position: absolute;
    top: 0;
}

#missionbottom {
    width: 500px;
    border: 1px solid #D4D4D4;
    margin: 5em auto;
    background-color: #FAFCFC;
}


/* This section below is for the top bars or 'headers' of the pages */

#show {
    width: 740px;
    height: 200px;
    background-color: black;
    margin: 0 auto;
    }

/* This section is for the top menu of the page */

#navbar {
    width: 740px;
    height: 22px;
    margin: 0 auto;
    background: #193a70;
    border-bottom: 2px ridge #EEF2F5;
    text-align: right;
    padding: 0;
    overflow: hidden;
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
	}

#navbar ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#navbar ul li {
	margin-left: 0;
	padding: 5px 25px 5px 10px;
	border-left: 2px dotted #565398;
	list-style: none;
	display: inline;
	vertical-align: middle;
	}
	
/* #navbar li {
	margin-right: 20px;
	} */
	
		
#navbar ul li.first {
	margin-left: 0;
	list-style: none;
	display: inline;
	}


#navbar a:link {color: white;}
#navbar a:visited {color: white;}
#navbar a:hover {color: yellow;}
#navbar a:active {color: yellow;}

#navbar a {text-decoration: none;}

/* This section is for the left side menu of the page */

#accordion {
	margin: 0px;
	background: #818DA1;
}

h3.toggler {
	cursor: pointer;
	font-size: 10px;
	background: #193a70;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:5px auto 5px 7px;
}

blockquote {
	padding:5px 20px;
}



#home ul li a:hover {background: #F4F665;}
/* #about {background: red;}
#operations {background: black;}
#aircraft {background: red;}
#equipment {background: black;}
#gallery {background: red;}
#contact {background: black;} */


/* This section below is for the columns */

#leftcolumn {
    width: 160px;
    min-height: 100px;
    float: left;
    background: #345FA4;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

#body {
    width: 578px;
    min-height: 450px;
    float: left;
    margin: 0;
    border-left: 2px ridge #EEF2F5;
    background: #EEF2F5;
    bottom: 0;
}

.heliback {
	background: url('../img/mainbottom.jpg') no-repeat bottom center;
}

#body p {
	padding-bottom: 15px;
}

/* NOT BEING USED: #rightcolumn {
	width: 140px;
    float: left;
    margin-top: 0;
    overflow: hidden;
    background: red url('images/777_tank.png') no-repeat bottom right;
} */


/* This section below is for the styles of the main content or body of each page */

#aircraftbody {
    width: 100%;
    height: 279px;
    background: url('../img/fleet.jpg') top center no-repeat;
    margin: 0 auto;
    }
    
#s61top {
    width: 100%;
    height: 279px;
    background: url('../img/s61_top.jpg') top center no-repeat;
    margin: 0 auto;
    }

#hueytop {
    width: 100%;
    height: 279px;
    background: url('../img/huey_top.jpg') top center no-repeat;
    margin: 0 auto;
    }

#jetrangertop {
    width: 100%;
    height: 279px;
    background: url('../img/206_top.jpg') top center no-repeat;
    margin: 0 auto;
    }

h1 {
font-size: 14pt;
font-style: bold;
color: #231FD9;
font-family: verdana, helvetica, arial, sans-serif;
margin: 0;
padding: 0.5em;
}

h2 {
font-size: 12pt;
font-style: strong;
color: #231FD9;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
}

h3 {
font-size: 12pt;
font-style: strong;
color: #231FD9;
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
}

h3.mission {
font-size: 12pt;
font-style: strong;
margin-top: 34px;
color: #231FD9;
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
}



h4 {
font-size: 8pt;
font-weight: normal;
color: white;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
}

h4.table {
font-size: 10pt;
font-style: bold;
color: #231FD9;
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
margin: 0;
}

h5 {
font-size: 10pt;
font-style: bold;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
}

li {
margin-left: 20px;
}

p.body {
color: black;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: justify;
text-indent: 20px;
margin: 10px 30px;
}

p.mission {
color: black;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: justify;
margin: 10px 20px;
}

p.center {
color: black;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: center;
padding-bottom: 20px;
}

p.fleet {
    margin: 0px 10px;
    text-align: justify;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
}

p.specs {
    margin: 5px;
    margin-bottom: 50px;
    text-align: left;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-style: strong;
}

p.specsdata {
    margin: 5px 5px;
    text-align: left;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
}

div#body p, div#body ul, div#body li {color: black; font-family: Helvetica, Arial, "Lucida Grande", "Microsoft Sans Serif", sans-serif; line-height: 150%; font-size: 9pt; margin: 10px 30px;} 

div#body p:first-child { margin-top: 20px; }

.center {
    text-align: center;
}

a.header-red:link {color:red}
a.header-red:visited {color:red}
a.header-red:active {color:rgb(0,0,102)}
a.header-red:hover {color:rgb(0,0,102)}


.body a:link {color:blue}
.body a:visited {color:blue}
.body a:active {color:blue}
.body a:hover {color:red}

.pad1 {
    padding: 1em 0;
}

.pad2 {
    padding: 2em 0;
}

.pad3 {
    padding: 3em 0;
}

.aligntop {
    margin-top: 0;
}

div.center {
	text-align: center;
	}



/* This section below is for the bottom bar or footer of the pages */

a.window:link {text-decoration: none; color:blue}
a.window:visited {text-decoration: none; color:blue}
a.window:active {text-decoration: none; color:blue}
a.window:hover {text-decoration: none; color:red}


#footer {
    width: 740px;
    height: 75px;
    margin: 0px auto;
    background: #193a70;
    text-align: right;
    color: #B7BAF7;
    font-family: verdana;
    text-decoration: none;
    font-size: 8pt;
    border-top: 2px ridge #EEF2F5;
}

a.footer:link {text-decoration: none; color:#B7BAF7}
a.footer:visited {text-decoration: none; color:#B7BAF7}
a.footer:active {text-decoration: none; color:white}
a.footer:hover {text-decoration: none; color:white}

#footer p {
	margin: 15px 25px;
}





/* --- tooltip --- */
div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(images/balloon.png) top left no-repeat !important;
	background: url(images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(images/balloon.png) bottom left no-repeat !important;
	background: url(images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}