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

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

body {
    text-align: center;
    height: 100%;
    background: url('../img/light-indigo.gif');
    margin: 0;
    padding: 0;
}

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

#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 */

#header {
    width: 740px;
    height: 158px;
    background-color: #C4CDF4;
    margin: 0 auto;
    }

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

#navbar {
    width: 740px;
    height: 40px;
    margin: 0 auto;
    background: url('http://www.aceremonyforyou.com/img/nav_bg.jpg') #40449B;
    padding: 0;
    overflow: hidden;
    font-family: georgia,times,times new roman,serif;
    font-size: 13pt;
    font-style: italic;
    text-align: center;
    border-top: 1px solid gray;
    border-bottom: 1px solid black;
	}

#navbar ul {
	display: inline;
	} 

#navbar ul li {
	display: inline;
	list-style: none;
	}
	
#navbar li {
	margin-top: 10px;
	margin: 15px 30px;
	}


ul li {
	list-style: none;
	}
	


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

#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 */

#body {
	color: #22267B;
    width: 100%;
    min-height: 475px;
    float: left;
    margin-top: 0;
    background: #C4CDF4 url('../img/locations.jpg') no-repeat top center;
}

/* 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: 500px;
    background: url('../img/fleet.jpg') top center no-repeat;
    margin: 0 auto;
    }

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

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

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

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



h4 {
font-size: 10pt;
font-weight: normal;
color: #22267B;
font-family: arial, verdana, helvetica, sans-serif;
text-align: left;
}

h4.table {
font-size: 10pt;
font-style: bold;
color: #22267B;
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;
}

#body li {
margin-left: 20px;
}

#body p {
color: #22267B;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: center;
margin: 20px 30px;
}

p.body {
color: #22267B;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: left;
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.footer {
color: gray;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: center;
margin: 0 auto;
}

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

p.specs {
    margin: 5px 5px;
    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 li {
	color: black; 
	font-size: 10pt;
	font-family: Arial, helvetica, verdana, sans-serif; 	
	margin: 0 25px 15px 25px;
} 

div#body h1,h2,h3,h4,h5 {
	margin-left: 0;
}

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

.center {
    text-align: center;
}

a {
	color: #22267B;
}

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: 60px;
    margin: 0px auto;
    background: url('../img/index_10.gif') center top no-repeat;
    text-align: center;
    color: gray;
    font-family: verdana;
    text-decoration: none;
    font-size: 10pt;
    border-top: 2px ridge #EEF2F5;
}

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





/* --- 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;
}