body { margin: 0; background: #DDE1E7 url(/images/bg_body.gif) repeat-x top left; color: #111; text-align: center; }

body, div, th, td { font: 12px/16px Arial, Verdana, sans-serif; }



/* TYPOGRAPHY */

h1, h2, h3 { font-weight: bold; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; color: #002667; }

h6 { height: 128px; width: 207px; padding: 0; margin: 0; z-index: 2; position: absolute; overflow: hidden; top:-95px; left: 14px; background: url(/images/logo.gif) no-repeat top left; }

h6 a { display: block; height: 128px; width: 207px; color: transparent; background: transparent; }

h6 a:hover { background: transparent;  }

h6 span { display: block; width: 0; height: 0; overflow: hidden; }

h1, #home h2 { margin: 0 12px 3px; padding: 0 0 12px; font-size: 16px; background-position: bottom center; background-repeat: no-repeat; }

h1 { background-image: url(/images/bg_h1.gif); }

.wide h1 { background-image: url(/images/bg_h1_wide.gif); }

h2, #home h3 { margin: 8px 12px 3px; padding: 0; font-size: 14px; }

h3, #home h4 { margin: 0 12px 0; padding: 0 0 2px; font-size: 12px; }

h4 {  margin: 0 12px 0; padding: 0; font-size: 12px; color: #444; }

p, ul, ol, table { margin: 0 12px 8px; padding: 0;}

ul { list-style-type: none; }

ul ul, ol ol, ol ul, ul ol { margin-bottom: 0; }

ol { margin-left: 3em; }

li { margin: .2em 0 .4em; padding: 0; }

blockquote { margin: 0 12px 8px 30px; padding: 1px 0 1px 18px; /*font-weight: bold;*/ color: #444; /*border: 1px solid #EEF0F3; border: 1px solid #C0C8D5;*/ background: transparent url(/images/bg_blockquote.gif) no-repeat 0 6px; }

blockquote p { margin: 5px 0; padding: 0; }

table { border-top: 1px solid #63799F; border-right: 1px solid #63799F; }

th, td { text-align: left; vertical-align: top; padding: 4px 6px; border-bottom: 1px solid #63799F; border-left: 1px solid #63799F;  }

th { border-bottom: 2px solid #63799F; font-weight: bold; background: #EEF0F3; }



div.red { color: #FF0000; margin: 0 12px 8px; font-size: 14px;}



a:link { color: #0E4099; }

a:visited { color: #555; }

a:hover { color: white; background: #0E4099; text-decoration: none; }

a:active { color: #0E4099; text-decoration: underline; }



/* graphical treatments */

ul.links { list-style-type: none; }

ul.links li, li.more { margin-bottom: 2px; padding-left: 16px; background: url(/images/bg_bullet_links.gif) no-repeat 0 .25em; }

li.more { margin-top: 8px; }

#column-middle ul li, #column-right ul li, ul.bullets li { padding-left: 15px; background: url(/images/bg_bullet.gif) no-repeat 3px .4em; }

#column-middle ul ul li, #column-right ul ul li, ul.bullets ul li { padding-left: 15px; background-image: url(/images/bg_bullet2.gif); }

#column-right ul li { background-image: url(/images/bg_bullet_green.gif); }



/* LAYOUT */

#container { width: 770px; margin: 117px auto 20px; background: #ffffff; border: 1px solid #C7CEDA; text-align: left; position: relative; }

/* container { width: 770px; margin: 117px auto 20px; background: white url(/images/bg_normal.gif); border: 1px solid #C7CEDA; text-align: left; position: relative; } */

#widecontainer { width: 95%; margin: 117px auto 20px; background: white url(/images/bg_normal.gif); border: 1px solid #C7CEDA; text-align: left; position: relative; }



/* top nav */

#nav { background: white; border-bottom: 2px solid #91A0B9; text-align: right; padding-bottom: 12px; }

#nav ul { height: 23px; margin: 0; padding: 12px 12px 0; overflow: hidden; list-style-type: none; }

#nav li { margin: 0; padding: 0; display: inline; }

#nav li, #navigation li a { background-position: 0 0; background-repeat: no-repeat; }

#nav a { float: right; display: block; height: 0; margin: 0; padding: 23px 0 0; text-indent: -5000em; }

#nav a:hover { background-position: 0 -23px; }

#nav li.geninfo, #nav li.geninfo a { background-image: url(/images/nav_geninfo.gif); }

#nav li.geninfo a { width: 157px; }

#nav li.pilotresources, #nav li.pilotresources a { background-image: url(/images/nav_pilotresources.gif); }

#nav li.pilotresources a { width: 125px; }

#nav li.controllerresources, #nav li.controllerresources a { background-image: url(/images/nav_controllerresources.gif); }

#nav li.controllerresources a { width: 163px; }

#nav .active, #nav .active a { background-position: 0 -23px; }



/* left nav */

#column-left h2 { margin: 0; padding: 10px 12px; border-bottom: 1px dashed #CCC; }

#column-left ul.leftnav, #column-left ul.leftnav li { margin: 0; padding: 0; }

#column-left ul.leftnav a { display: block; width: 136px; padding: 3px 12px; margin: 0; border-bottom: 1px dashed #CCC; text-decoration: none; }

#column-left ul.leftnav ul a { padding-left: 24px; width: 124px; }

#column-left ul.leftnav a:hover { background: #CCC; color: black; }



/* column structure */

#column-left, #column-middle, #column-right { padding-bottom: 20px; }

#column-left { width: 160px; float: left; background: transparent url(/images/bg_left.gif) repeat-x top left; }

#column-middle { width: 421px; float: left; margin: 12px 0 0; }

#column-right { width: 180px; float: right; margin: 12px 0 0; }



.wide #column-middle { width: 608px }

.wide #column-right { display: none; }



/* middle column */



/* middle column -- wide */



/* right column */

#column-right h3 { color: #547D2D; }

.box { margin: 0 12px 12px 0; padding: 8px 0; background: #F8FAF4; border: 1px solid #BDCDAA; }



/* footer */

#footer { clear: both; background: white; border-top: 2px solid #91A0B9; }

#footer p { margin: 0; padding: 12px 12px 16px; font-size: 10px; line-height: 12px; }



/* home page */

#home #container { background: white url(/images/bg_home.gif) repeat-y top left; }

#home #column-left { width: 300px; float: left; background: transparent url(/images/bg_home_left.gif) repeat-x top left; }

#home #column-left h2, #home #column-left h3 { color: #547D2D; }

#home #column-left h2 { background-image: url(/images/bg_home_left_h2.gif); padding: 0 0 12px; border: none; }

#home #column-left ul.links li { background-image: url(/images/bg_home_left_link.gif); }

#home #column-middle { width: 469px; float: right; margin: 0;  } 

#home #column-middle h2 { background-image: url(/images/bg_home_middle_h2.gif); }

#home .subcolumn-1-2 { width: 230px; }

#home #column-middle .subcolumn-1-2 h2 { background-image: url(/images/bg_home_sub_h2.gif); }

#home h2, #home #column-left h2 { margin: 20px 12px 3px; }



/* random */

.news h4, #home .news h4 { padding-left: 12px; margin: 0; float: left; }
.news p { margin-left: 65px; padding-left: 8px; border-left: 2px solid #63799F; }

.news-controller h4 { padding-left: 12px; margin: 0; float: left; }
.news-controller p { margin-left: 95px; padding-left: 8px; border-left: 2px solid #63799F; }

.news-pilot h4 { padding-left: 12px; margin: 0; float: left; }
.news-pilot p { margin-left: 95px; padding-left: 8px; border-left: 2px solid #63799F; }

.authorized {background:#D2FF8D; }



/* LAYOUT TOOLS */

.fl { float: left; }

.fr { float: right; }



.cl { clear: left; }

.cr { clear: right; }

.cb { clear: both; }



.inline { margin-top: -8px; }



div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}



/* testing

div { border: 1px solid black; } */
/* Mouseover ToolTip */
#dhtmltooltip{
        position: absolute;
        width: 150px;
        border: 2px solid black;
        padding: 2px;
        background-color: lightyellow;
        visibility: hidden;
        text-align: left;
        z-index: 100;
        /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
        filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}