body {
background:#0045b2 url(images/bg.gif) repeat-x;
margin:0px 0px 50px 0px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#ffffff;
font-size:12px;
}

h1 {
font-family:trebuchet ms;
color:#ffffff;
border-bottom:1px dotted #002f8b;
font-size:28px;
margin:0px 0px 15px 0px;
padding:0px 0px 2px 0px;
}

h2 {
font-family:trebuchet ms;
color:#c5ddff;
font-size:24px;
font-weight:normal;
margin:0px 0px 5px 0px;
padding:0px;
}

h3 {
font-family:trebuchet ms;
color:#c5ddff;
font-size:11px;
font-weight:normal;
margin:0px 0px 5px 0px;
padding:0px;
}

p {
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#ffffff;
font-size:14px;
line-height:24px;
margin:0px;
padding:0px 0px 15px 0px;
}

a:link {
color:#c5ddff;
text-decoration:underline;
}
a:visited {
color:#c5ddff;
text-decoration:underline;
}
a:hover {
color:#c5ddff;
text-decoration:none;
}

#container {
width:920px;
}

#bg-nav {
background:url(images/bg-nav.gif) no-repeat;
height:60px;
}

#bg-logo {
background:url(images/bg-logo.gif) no-repeat;
height:60px;
}

#bg-page {
background:url(images/bg-page.gif) no-repeat;
width:920px;
height:500px;
}

#page-content {
padding:50px 50px 0px 50px;
text-align:left;
}

#bg-page-repeat {
background:url(images/bg-page-repeat.gif) repeat-y;
height:200;
}

#bg-page-footer {
background:url(images/bg-page-footer.gif) no-repeat;
height:40px;
}

#footer {
font-size:11px;
font-family:lucida sans, arial, sans serif;
text-align:center;
}
#footer a:link {
text-decoration:none;
color:#94c7ff;
}
#footer a:visited {
text-decoration:none;
color:#94c7ff;
}
#footer a:hover {
text-decoration:underline;
color:#ffffff;
}

#nav-top {
height:20px;
text-align:right;
}

#nav-top ul {
list-style:none;
margin:0px 30px 0px 0px;
padding:0px;
}
#nav-top li {
display:inline;
margin:0px 0px 0px 10px;
padding:0px;
font-size:11px;
font-weight:normal;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#nav-top li a:link {
text-decoration:none;
color:#264eae;
}
#nav-top li a:visited {
text-decoration:none;
color:#264eae;
}
#nav-top li a:hover {
text-decoration:underline;
color:#ffffff;
}

#nav-main ul {
list-style:none;
margin:0px 30px 0px 0px;
padding:0px;
}
#nav-main li {
display:inline;
font-size:16px;
font-family:lucida sans, arial, sans serif;
}
#nav-main li a {
text-decoration:none;
color:#ffffff;
padding:10px;
}
#nav-main li a:link {
text-decoration:none;
color:#ffffff;
}
#nav-main li a:visited {
text-decoration:none;
color:#ffffff;
}
#nav-main li a:hover {
text-decoration:none;
background:url(images/nav-bg.gif) repeat-x top left;
color:#ffffff;
}


#nav, 
#nav ul {padding:0px; margin:0px; list-style:none; font: 14px "Lucida Grande", "Lucida Sans Unicode", arial, sans serif; background:url(/images/spacer.gif); position:relative; z-index:100;}
#nav {height:40px; padding:0; width:836px; margin:0px auto; }

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none; }
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; font-size:14px; float:left; color:#c5ddff; height:40px; padding:0px 9px; line-height:40px; text-decoration:none; white-space:nowrap;}
#nav li li a {border-bottom:1px solid #001554; color:#c5ddff; width:190px; height:30px; line-height:30px; float:none; font-size:12px; font-weight:normal; text-transform:none;}

#nav li:hover {position:relative; z-index:100; background:url(transparent.gif);}
#nav a:hover {position:relative; z-index:100; color:#ffffff; border:0;}
#nav li:hover > a {position:relative; z-index:300; color:#ffffff; background:url(/images/nav-bg.gif) repeat-x bottom center;}

#nav :hover  ul {left:0; top:40px; z-index:90;}
#nav a:hover ul {left:-1px; top:40px; z-index:90;}

#nav ul {position:absolute; left:-9999px; top:-9999px; background:#000d32;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#ffffff; background:#001143; border-bottom:1px solid #001554;}

#nav li a:hover ul li a:hover {color:#ffffff; background:#001143; border-bottom:1px solid #001554;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.align-right {
float:right;
padding:0px 0px 0px 20px;
clear:both;
}

.align-left {
float:left;
padding:0px 20px 0px 0px;
}