/* CSS Document */
html, body {
height:100%;
min-height:100%;
border:0;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:0.95em;
/* hide overflow:hidden from IE5/Mac */
/* \*/
/*overflow: hidden; */
/* */
}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#01486a; }
.blue {color:#01486a; }
.BoldBlue {font-family: Verdana, Arial, Helvetica, sans-serif; color:#01486a; font-size:0.8em; font-weight:bold;}
.orange { color:#FF6600;}
/* --- non menu anchor styles --- */
.anchor {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:none;
color:#FF6633;
font-size:0.8em
}
.anchor:link {}
.anchor:visited {}
.anchor:hover { font-size:0.85em;
text-decoration:underline;
color:#ff3300;
}
.anchor:active {}
/* ----- SubMenu_anchor_assignments ----- */
.anchor1 {left:82px; top:2px; }
.anchor1Hover {left:82px; top:-3px; padding-bottom:12px; }
.anchor2 {left:82px; top:5px; }
.anchor2Hover {left:82px; top:0px; padding-bottom:5px; }
.anchorMid {left:82px; top:-3px; }
.anchorMidHover {left:82px; top:-3px; }
.anchorMid2 {left:82px; top:-3px; }
.anchorMid2Hover {left:82px; top:-3px; }
.anchor4 {left:82px; top:7px; padding-top:2px; }
.anchor4Hover {left:82px; top:7px; padding-top:7px; }
.anchor4B {left:82px; top:7px; padding-top:2px; }
.anchor4BHover {left:82px; top:7px; padding-top:2px; }
.anchor5 {left:82px; top:22px; padding-top:2px; }
.anchor5Hover {left:81px; top:22px; padding-top:7px; }
/* ---- main layout items ---- */
#container {display:block; height:100%; min-height:100%; margin-left:auto; margin-right:auto; position:relative; max-width:1050px; min-width:940px;
margin-bottom:65px; }
#header { /*max-width:980px;*/ min-width:940px; position:absolute; top:0px; width: 100%; height:92px;
z-index:4; margin: 35px 0px 0px 0px; }
#earth { position:absolute; height:180px; width:177px; background-image:url(images/EarthNoPlaneSm.gif);
background-repeat:no-repeat; left:62px; top:-31px; z-index:22; }
#slogan { position:absolute; background-image:url(images/SloganTop.gif); background-repeat:no-repeat;
width:325px; height:200px; left: 227px; top: -30px; z-index:50; }
#aerialshots { height:125px; width:428px; margin: 11px 0px 0px 0px; padding:0px 0px 0px 0px;
z-index:32; background-repeat:no-repeat; float:right; }
#leftcol { position:absolute; top:300px; left:0px; background-image:url(images/TextBox_BkGnd_left.gif);
background-repeat:repeat-y; width: 180px; height: 850px; /*min-height:780px;*/ z-index:2;
padding:18px 1px 65px 1px; margin:10px 0px 65px 1px; }
#content_center { position:absolute; top:180px; left:250px; width:50%;
height:100%; /* 100 % height */ z-index:1; padding:20px 10px 65px 10px; margin:30px 10px 65px 10px;
float:left; text-align:center; }
#rightcol { position:absolute; top:175px; left:82%; background-image:url(images/TextBox_BkGnd_right.gif);
background-repeat:repeat-y; width: 180px; height: 950px; /*min-height:780px;*/ z-index:3;
padding:18px 2px 65px 2px; margin:10px 0px 65px 5px; /*float:right;*/ }
p.header_left {height:52px; width:180px; background-image:url(images/TextBox_Header_left.jpg);
background-repeat:no-repeat; margin:-18px 0px -13px 0px; padding:3px 0px 0px 0px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#FFFFFF;}
p.header_left2 {height:52px; width:180px; background-image:url(images/TextBox_Header_left.gif);
background-repeat:no-repeat; margin:-18px 0px -13px 0px; padding:3px 0px 0px 0px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#FFFFFF;}
p.header_right {height:52px; width:180px; background-image:url(images/TextBox_Header_right.jpg);
background-repeat:no-repeat; margin:-18px 0px 15px -2px; padding:3px 0px 0px 30px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#FFFFFF;}
p.header_right2 {height:52px; width:180px; background-image:url(images/TextBox_Header_right.gif);
background-repeat:no-repeat; margin:15px 0px 15px -1px; padding:5px 0px 0px 30px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#FFFFFF;}
p.text_left { padding:0px 12px 15px 12px; color:#333; font-size:0.9em; }
p.text_right1 {padding:0px 15px 15px 15px; color:#333; font-size:0.9em; }
p.text_right2 {padding:0px 15px 0px 15px; color:#333; font-size:1.0em; }
.textbox {text-align:left; color:#333; font-size:0.9em; }
#navbox { height:150px; width:360px; left: 80px; top:30px; position:absolute;
padding:0px 0px 0px 0px; z-index:64; }
/* ********************** NEW MakeMenu Styles ************************** */
ul.makeMenu, ul.makeMenu ul {
padding-left: 0px; /* stops the usual indent from ul */
cursor: default; /* gives an arrow cursor */
margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
width:80px; /* sets the size of the menu blocks */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#01486a; /* sets the default font colour to ASI Blue */
font-size:0.875em;
}
ul.makeMenu li {
list-style-type: none; /* removes the bullet points */
margin: 0px; /* Opera 7 puts large spacings between li elements */
position: absolute; /* makes the menu blocks be positioned relative to their parent menu item
the lack of offset makes these appear normal, but it will make a difference
to the absolutely positioned child blocks */
z-index:100;
width: 30px; /* does this keep submenus from disappearing?? */
}
ul.makeMenu li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
display: none; /* hides child menu blocks - one of the most important declarations */
position: absolute; /* make child blocks hover without leaving space for them */
top: 0px; /* position slightly lower than the parent menu item */
left: 41px; /* this must not be more than the width of the parent block, or the mouse will
have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover {
background-color: #fff; /* gives the active menu items a white background */
color: #f30; /* makes the active menu item text orange */
font-size:1.0em; /* slightly enlarges text?? */
}
ul.makeMenu li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements
the > targets only the child ul, not any child uls of that child ul */
display: block; /* makes the child block visible - one of the most important declarations */
font-size:0.9em;
width:95px;
}
/* and some link styles */
ul.makeMenu li a { color: #01486a; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu ul > li a {color:#01486a; text-decoration: none; margin-left:0px; z-index:400; position:absolute; font-size:1.075em }
ul.makeMenu ul > li a:hover {text-decoration: underline; z-index:401; position:relative; font-size:1.075em; color:#f30;}
ul.makeMenu * { line-height: normal !important; } /* overriding my normal stylesheet */
/* ********************** end of NEW MakeMenu Styles ************************** */
/* for the graphic flyouts */
.subMenu1 {z-index:101; background-image:url(images/SubMenu_3.gif); background-repeat:no-repeat; position:absolute;
top:-30px; left:55px; height:125px; width:195px; visibility:visible; margin-right:0px;}
.subMenu2 { z-index:101; background-image:url(images/SubMenu_4.gif); background-repeat:no-repeat; position:absolute;
top:-42px; left:55px; height:125px; width:245px; visibility:visible; margin-right:0px;}
.subMenu3 { z-index:101; background-image:url(images/SubMenu_4.gif); background-repeat:no-repeat; position:absolute;
top:-42px; left:67px; height:127px; width:245px; visibility:visible; margin-right:0px;}
.subMenu4 { z-index:101; background-image:url(images/SubMenu_4.gif); background-repeat:no-repeat; position:absolute;
top:-41px; left:67px; height:127px; width:245px; visibility:visible; margin-right:0px;}
.item1_ON { z-index:102; position:absolute; background-image:url(images/SubMenu_Item1.gif);
background-repeat:no-repeat; top:-35px; left:55px; height:44px; width:125px;}
.item1_OFF {z-index:103; position:absolute; top:-35px; left:55px; height:1px; width:0px;}
.item2_ON { z-index:102; position:absolute; background-image:url(images/SubMenu_Item2.gif);
background-repeat:no-repeat; top:-21px; left:55px; height:55px; width:125px;}
.item2_OFF {z-index:102; position:absolute; top:-20px; left:55px; height:1px; width:1px;}
.item2B_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item2B.gif);
background-repeat:no-repeat; top:-13px; left:55px; height:22px; width:125px;}
.item2B_OFF { z-index:102; position:absolute; top:-13px; left:55px; height:1px; width:1px;}
.item3_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item3.gif);
background-repeat:no-repeat; top:3px; left:55px; height:22px; width:125px;}
.item3_OFF {z-index:102; position:absolute; top:3px; left:55px; height:1px; width:1px; }
.item3B_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item3B.gif);
background-repeat:no-repeat; top:3px; left:55px; height:22px; width:125px; }
.item3B_OFF {z-index:102; position:absolute; top:3px; left:55px; height:1px; width:1px;}
.item3C_ON { z-index:102; position:absolute; background-image:url(images/SubMenu_Item3C.gif);
background-repeat:no-repeat; top:7px; left:55px; height:22px; width:125px;}
.item3C_OFF {z-index:102; position:absolute; top:3px; left:55px; height:1px; width:1px;}
.item4_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item4.gif);
background-repeat:no-repeat; top:7px; left:55px; height:30px; width:82px;}
.item4_OFF {z-index:102; position:absolute; top:7px; left:55px; height:22px; width:1px;}
.item4B_ON {z-index:103; position:absolute; background-image:url(images/SubMenu_Item4B.gif);
background-repeat:no-repeat; top:7px; left:67px; height:22px; width:82px;}
.item4B_OFF {z-index:103; position:absolute; top:7px; left:67px; width:82px; height:22px; }
.item5_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item5.gif);
background-repeat:no-repeat; top:7px; left:67px; height:45px; width:82px; }
.item5_OFF {z-index:102; position:absolute; top:7px; left:67px; height:45px; max-width:1px; }
.reportMenu1 {z-index:101; background-image:url(images/SubMenu_3.gif); background-repeat:no-repeat; position:absolute;
top:630px; left:255px; height:125px; width:195px; visibility:visible; margin-right:0px;}
.report1_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item2.gif);
background-repeat:no-repeat; top:7px; left:67px; height:45px; width:82px; }
.report1_OFF {z-index:102; position:absolute; top:7px; left:67px; height:45px; max-width:1px; }
.report2_ON {z-index:102; position:absolute; background-image:url(images/SubMenu_Item3.gif);
background-repeat:no-repeat; top:7px; left:67px; height:45px; width:82px; }
.report2_OFF {z-index:102; position:absolute; top:7px; left:67px; height:45px; max-width:1px; }
.plane0 {z-index:101; background-image:url(images/Plane-Butt0New.gif); background-repeat:no-repeat; position:absolute;
top:20px; left:-27px; height:210px; width:300px; visibility:visible; }
.plane0_hide {visibility:hidden;}
.plane1 {z-index:103; background-image:url(images/Plane-Butt1New.gif); background-repeat:no-repeat; position:absolute;
top:-80px; left:-218px; height:98px; width:194px; visibility:visible; }
.plane2 {z-index:103; background-image:url(images/Plane-Butt2New.gif); background-repeat:no-repeat; position:absolute;
top:-94px; left:-210px; height:112px; width:186px; visibility:visible; }
.plane3 {z-index:103; background-image:url(images/Plane-Butt3New.gif); background-repeat:no-repeat; position:absolute;
top:-116px; left:-200px; height:135px; width:176px; visibility:visible; }
.plane4 {z-index:103; background-image:url(images/Plane-Butt4New.gif); background-repeat:no-repeat; position:absolute;
top:-137px; left:-183px; height:154px; width:160px; visibility:visible; }
.plane5 {z-index:103; background-image:url(images/Plane-Butt5BNew.gif); background-repeat:no-repeat; position:absolute;
top:-155px; left:-170px; height:173px; width:147px; visibility:visible; }
.plane6 {z-index:103; background-image:url(images/Plane-Butt6BNew.gif); background-repeat:no-repeat; position:absolute;
top:-176px; left:-154px; height:195px; width:131px; visibility:visible; }
/* end of SubMenu area */
/* --- Footer Section --- */
#footer { max-width:1050px; min-width:840px; background:#065b7b; width:100%; height:35px; position:fixed;
bottom:0; z-index:10; margin:0px 0px 0px 0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
height:35px; width:100%; text-align:center; margin-left:auto; margin-right:auto; }
/* ---- old footer menu ----
div#FooterMenu {height:12px; width:100%; text-align:center; margin-left:auto; margin-right:auto; }
.menu02 {color : #999; font-size : 11px; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top:5px; }
.menu02 a {color : #FFFFFF; text-decoration: none;}
.menu02 a:link {}
.menu02 a:visited {}
.menu02 a:hover { text-decoration:underline; }
.menu02 a:active {color:#99CCFF; font-size:0.95em}
----------- end old footer menu ----------*/
/* ===================== Begin upmenu code ==========================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/upmenu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.upmenu {font-family: verdana, arial, sans-serif; width:735px; position:relative; font-size:11px; margin:0px 0px 0px 0px;}
.upmenu ul li a, .upmenu ul li a:visited {display:block; text-decoration:none; width:78px; text-align:left; color:#fff; padding-left:20px; border:1px solid #ccc; border-width:0px 1px 0px 0px; background:#065b7b; line-height:19px; font-size:11px;}
.upmenu ul { padding:0; margin:0 0 0 16%; list-style-type: none; }
.upmenu ul li {float:left; position:relative;}
.upmenu ul li ul {visibility:hidden; position:absolute; }
.upmenu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; }
.upmenu ul li:hover a, .upmenu ul li a:hover {color:#000; background:#FFF; background-image:url(images/bkgnd_sm2.gif); background-repeat:repeat-y;}
.upmenu ul li:hover ul, .upmenu ul li a:hover ul {visibility:visible; bottom:19px; left:-17%;}
*html .upmenu ul li:hover ul, .upmenu ul li a:hover ul {visibility:visible; bottom:19px; left:0%;} /* --- for IE 6 --- */
.upmenu ul li:hover ul li a.sub, .upmenu ul li a:hover ul li a.sub {background-image:url(images/bkgndgrey.gif); background-repeat:repeat-y; color:#000;}
.upmenu ul li:hover ul li, .upmenu ul li a:hover ul li {/*display:block;*/ background:#fff; color:#000;width:130px; left:0px;}
/*.upmenu ul li:hover ul li ul, .upmenu ul li a:hover ul li ul {display:block; background:#fff; color:#000;width:20px; left:0px;}*/
.upmenu ul li:hover ul li:hover a.sub, .upmenu ul li a:hover ul li a:hover.sub {background-image:url(images/bkgnd_hilite.gif); background-repeat:repeat-y; color:#000;}
.upmenu ul li:hover ul li ul, .upmenu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}
.upmenu ul li:hover ul li a, .upmenu ul li a:hover ul li a {/*display:block;*/ background-image:url(images/bkgndgrey.gif); background-repeat:repeat-y; color:#000; width:100%; padding-left:10px;}
.upmenu ul li:hover ul li a:hover, .upmenu ul li a:hover ul li a:hover {background-image:url(images/bkgnd_hilite2.gif); background-repeat:repeat-y; color:#000;}
.upmenu ul li:hover ul li:hover ul, .upmenu ul li a:hover ul li a:hover ul {visibility:visible; left:105px; bottom:0;}
* html .upmenu ul li:hover ul li:hover ul, .upmenu ul li a:hover ul li a:hover ul {visibility:visible; left:125px; bottom:0;} /* --- for IE 6 --- */
.upmenu ul li:hover ul li:hover ul li a, .upmenu ul li a:hover ul li a:hover ul li a {background-image:url(images/bkgndgrey.gif); background-repeat:repeat-y; color:#000;}
.upmenu ul li:hover ul li:hover ul li a:hover, .upmenu ul li a:hover ul li a:hover ul li a:hover {background-image:url(images/bkgnd_hilite2.gif); background-repeat:repeat-y; color:#000;}
.upmenu ul li:hover ul.left, .upmenu ul li a:hover ul.left {left:-45px;}
.upmenu ul li:hover ul li:hover ul.left, .upmenu ul li a:hover ul li a:hover ul.left {left:-150px; width:130px;}
/* ----- End upmenu code ----*/
.footnote { font-size:10px; font-weight:400; padding:1px 0px 1px 0px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; text-align:center; width:100%; color:#333; height:19px; margin-top:5px; }
.footnote a {color:#FF3300; text-decoration:none;}
.footnote a:hover {text-decoration:underline;}