/* ============================= key elements ====================== */
body{ background:#18191a; }
html, p {font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:10pt; }
.pp {font-size:8pt; }

h1 {color:#CA0088; font-size:14pt; font-weight:bold; margin-top: 7px;  margin-bottom: 7px;}
h2 {color:#CA0088; font-size:12pt; font-weight:bold; margin-top: 7px;  margin-bottom: 7px;}
h3 {color:#CA0088; font-size:10pt; font-weight:bold; margin-top: 7px;  margin-bottom: 7px;}
h4 {color:#CA0088; font-size:9pt; font-weight:bold; margin-top: 7px;  margin-bottom: 7px;}

form { margin: 0px;}
textarea, input, input.text, select, button {font-size:8pt; font-weight:normal;}
.errHilite { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid;  BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #E6E6E6 }
img {vertical-align:top;}
a, a:hover,a:visited {color:#1a85c9; font-weight:bold; text-decoration:none;}

a img { border:0;}

#skypedetectionswf { position: fixed; top:0; left:-10px; } 

/* ============================= header ====================== */
.menu {padding:7px 0 0 12px;}
.menu ul {float:left; list-style:none;}
.menu li {width:147px; float:left; margin-right:1px; font-size:0.833em; text-transform:uppercase; text-align:center;}
.menu li a {display:block; color:#fff; text-decoration:none; padding:8px 0 7px 0;}
.menu li a:hover {color:#adceea;}
.menu .m1 {background:url(/main/nav/m1.jpg) top left no-repeat;}
.menu .m1:hover {background:url(/main/nav/m1-act.jpg) top left no-repeat;}
.menu .m2 {background:url(/main/nav/m2.jpg) top left no-repeat;}
.menu .m2:hover {background:url(/main/nav/m2-act.jpg) top left no-repeat;}
.menu .m3 {background:url(/main/nav/m3.jpg) top left no-repeat;}
.menu .m3:hover {background:url(/main/nav/m3-act.jpg) top left no-repeat;}
.menu .m4 {background:url(/main/nav/m4.jpg) top left no-repeat;}
.menu .m4:hover {background:url(/main/nav/m4-act.jpg) top left no-repeat;}
.menu .m5 {background:url(/main/nav/m5.jpg) top left no-repeat;}
.menu .m5:hover {background:url(/main/nav/m5-act.jpg) top left no-repeat;}
.menu .m6 {background:url(/main/nav/m6.jpg) top left no-repeat;}
.menu .m6:hover {background:url(/main/nav/m6-act.jpg) top left no-repeat;}

a.menulv2,a.menulv2:hover ,a.menulv2:visited   {font-size: 11px; color: #666666; margin-left:7pt; text-decoration:none}
a.menulb,a.menulb:hover ,menulb.menulv2:visited   {font-size: 11px; color: #FFFFFF; text-decoration:none}
/* ============================= forms ============================= */
/* #LoginForm {float:right; padding:54px 94px 0 0;} */
#LoginForm .input {width:100px; height:15px; border:none; background:url(/main/nav/input1-bg.gif) top left no-repeat; padding:3px 0 0 5px; font-size:0.75em;}
a.footer, a.footer:hover,a.footer:visited { font-size: 10px; color: #FFFFFF; text-decoration: none; }
/* ============================= layout ============================= */
.main { width:980px; margin:0 auto; text-align:left;}

#header {background:#fff url(/main/nav/header-bg-short.jpg) top repeat-x; height:127px;}
#header .main { background:url(/main/nav/header-bg-short.jpg) top left no-repeat; height:127px;}

#row1 {background:#fff url(/main/nav/row2-tail-bg.gif) bottom repeat-x; padding:0 0 10px 0;}
#row1 .indent {padding:5px 45px 0 55px;}

#row2 {background:#303334;}
#row2 .main {background:url(/main/nav/row2-bg.gif) no-repeat 161px 0; padding:11px 0 10px 0;}
#row2 .indent {padding:0 45px 0 55px; color:#fff;}

#footer .main div {color:#bbc2c4; padding:5px 0 0 50px;  font-size:0.80em;}
#footer a {color:#bbd35d;}
#footer { height:40px;}

.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}