@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0}
body {background-color:#000033;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;color: #fff; background-image:url(../images/bg.jpg);}
p{margin-top: 0px;line-height: 160%;}
a{color: #0098A4;}
a:hover {text-decoration: none;}
ul{margin:0; padding:0; list-style-type:none;}
h1, h2, h3 {margin-top: 0px;font-weight: normal;color:#00BAF2;}
h1 {font-size: 28px;}
h2 {font-size: 20px;}
h3 {font-size: 24px;}
div#header h1{height:550px;margin:0;}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#00061a}
div#extra{}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px; text-align:center; font-size:12px}
div#header{background: url(../images/hdjx_seo-top.jpg) no-repeat top center;}
div#container{width:1024px;margin:0 auto}
div#content{float:left;width:500px; padding-top:0px; padding-left:50px; padding-right:50px;text-align:justify}
div#navigation{float:right;width:365px;margin-right:20px;padding-top:0px; }
div#extra{clear:both;width:100%}
.applemenu{
margin: 5px 0;
padding: 0;
width: 340px; /*width of menu*/
border: 3px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(../images/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}

.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../images/silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background:#000000;
height: 275px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}