/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, nav, section, header, aside {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

ol, ul {
    list-style: none;
}

sup,sub {
	font-size:75%;
}

sup {
	vertical-align:top
}

sub {
	vertical-align:baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption {
	position:absolute;
	left:-9999em;
}

/* END RESET */

.clear {
	clear:both;
	height:0;
}

/*@media screen{
 body>div#footer{
 position:fixed;
 }
 }*/

html.html-js {
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    background:#fff;
}

body.fixed-layout {
	width:1024px;
}

h1, h2 {
    font-family: Georgia, Times, serif;
}

a {
	color:#06c;
}

.access {
	position:absolute;
	left:-9999em;
}


/* CONTENT AREAS */

/* HEADER */
#header {
	
	position: relative;
    background:#0072C6 url(../images/header_bg.png) repeat-x bottom;
	border-bottom:solid 1px #003964;
    width: 100%;
    min-width: 1020px; 
    /*
	position:fixed;
	top:0;
	z-index:110;
    */
    height: 54px;
}

#header h1 {
    font-style: italic;
    font-weight: normal;
    color:#D8E1ED;
    font-size: 150%;
    padding: 14px 0;
    margin: 0 15px;
}

div.header-logo {
    float: right;
    height: 18px;
    width: 45px;
    background: url(../images/logo_nhs.gif) no-repeat top left;
    margin: 18px 22px 0 0;
}

* html div.header-logo {
	margin-right:15px
}

div.header-logo a {
    display: none;
}

/* NAVIGATION BAR */
#nav {
	
	position: relative;
	background:#D8E1ED url(../images/nav_bg.png) bottom repeat-x;
	border-bottom:solid 1px #93ABD2;
    width: 100%;
	height:38px;
	min-width: 1020px; 

    /* 
    
	position:fixed;
	top:54px;
	z-index:110;
    */
}


div.nav-inner {
	height:100%;
	width: 1000px;
    margin: 0 auto;
}

#nav h2 {
	max-width:685px;
    padding: 10px 12px 10px 12px;
    color: #304974;
    font-size: 125%;
    font-weight: normal;
	text-shadow:0 1px 0.4px #f4f4f4;
}

span#nav_section_title {
	font-weight:bold;
}

#nav h2 img {
	margin:0 2px 0 10px;
}

div.nav-inner #toolbar {
	float: right;
    margin: 8px 13px 0 0;
}

div.nav-inner #toolbar > div {
	padding:0 3px;
	border:0 solid red;
	float:left;
}

#nav_menu {
	width:78px;
    margin: 0 10px 0 0;
	float: left;
}
#nav_menu .btn1 { min-width:0; }
#nav_menu .btn1:focus,
#nav_menu .btn1:hover { /*opacity:0.5; */}

div.nav-inner #toolbar #nav_prev {
	width:85px;
}
div.nav-inner #toolbar #nav_next {
	padding-right:0;
	width:65px;
}

div.nav-inner #toolbar #nav_sep {
	background:url(../images/nav_sep.gif) center bottom no-repeat;
	width:20px;
	padding-top: 6px;
}

div.nav-inner #toolbar #nav_pos {
	width:52px;
	margin-left: 5px; 
	line-height:22px;
	text-align:center;
	text-shadow:0 1px 0.4px #f4f4f4;
}

div.nav-inner li {
    float: left;
    margin-left: 10px;
    list-style: none;
}

div.nav-float {
	z-index:151;
	position:inherit;
	width:100%;
	/*margin-bottom:-25px;*/
	height:15px;	
	background:url(../images/shadow_down.png) top left repeat-x;
	
	border:1px solid blue;
}

* html div.nav-float {
	background:none;
	display:none;
	height:0;
}

div.progress {
	visibility:hidden;
	z-index:151;
	position:relative;
	top:7px;
	width:1000px;
	margin:0 auto 0 auto;
}

div.progress-js {
	visibility:visible;
}

div.progress-back {
	position:absolute;
	right:12px;
	width:220px;
	height:19px;
	background:url(../images/progress_shadow.png) no-repeat bottom right;
}

div.progress-outer {
	z-index: 190;
	position: relative;
	width: 216px;
	height: 9px;
	border: 1px solid #000;
	background-color: #EAF1F8;
}

div.progress-inner {
	width:33%;
	height:9px;
	background-color: #6095CB;
	border-right: #000 solid 1px;
	font-size:0;
	/*color: #D8E1ED; */
}

* html div.progress {
	display:none;
}

/* BUTTONS */
.btn1 {
	cursor:pointer;
	text-align:center;
	display:block;
	min-width:60px;
	text-decoration:none;
	color:#fff;
}

.btn1 {
	float:right;
	background:#6095cb url(../images/btn_border_top.gif) no-repeat top left;
}

.btn-prev-off, .btn-next-off {
	float:right;
	background:#CCC url(../images/btn_disabled_border_top.gif) no-repeat top left;
	cursor:default;
}

.btn1 span, .btn-prev-off span, .btn-next-off span {
	padding:3px 5px 4px;	
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	color:#fff;
}

.btn1 span {
	background:url(../images/btn_border_bottom.gif) right bottom no-repeat;
}
#nav_menu .btn1 span {
	padding:3px 2px 4px;
}

.btn1-off span, .btn-prev-off span, .btn-next-off span {
	background:url(../images/btn_disabled_border_bottom.gif) right bottom no-repeat;
}

.btn1:hover {
	background-color:#3F80C0;
}

.btn-prev-off:hover, .btn-next-off:hover {
	background-color:#ccc;
}

#nav_menu .btn-menu span .btn-icon {
	display:inline;
	background:url(../images/button_menu.gif) left no-repeat;
	padding:4px 10px 3px 24px;
}
#nav_menu .btn-menu.open span .btn-icon {
	background-image:url(../images/button_menu_close.gif);
}


.btn-prev span .btn-icon {
	display:inline;
	background:url(../images/button_arrow_prev.gif) left no-repeat;
	padding:5px 7px;
}

.btn-next span .btn-icon {
	display:inline;
	background:url(../images/button_arrow_next.gif) right no-repeat;
	padding:5px 7px;
}

.btn-prev-off span .btn-icon {
	display:inline;
	background:url(../images/button_arrow_prev_off.gif) left no-repeat;
	padding:5px 7px;
}

.btn-next-off span .btn-icon {
	display:inline;
	background:url(../images/button_arrow_next_off.gif) right no-repeat;
	padding:5px 7px;
}


/* FOOTER */
#footer {
	position: fixed;
	bottom:0;
    z-index:103;
    border-top: solid 1px #888;
	clear:both;
    width: 100%;
	font-size:85%;
	color: #555;
    min-width: 1020px;
    height: 45px;
	margin-bottom:0;
	padding-bottom:0;
	background:#e5e5e5 url(../images/shadow_footer.jpg) top left repeat-x;
}

#footer a {
	color:#555;
	text-decoration:underline;

}
body #footer a.access-on { display:inline; }
body #footer a.access-off { display:none; }
#footer a.access-switch {
	margin-left:5px;
}
#footer a.access-switch:hover,
#footer a.access-switch:focus {
	opacity:0.7;
}

div.footer-tools {
	/* width:584px; */
	text-align:right;
	float:right;
	padding:16px 10px 0 0;
}
div.footer-tools li img {
	vertical-align:middle;
}

div.footer-copy {
	height:35px;
	margin-left:10px;
}
	


div.footer-copy img {
    float: left;
    margin-right: 5px;   
    border: 1px solid #aaa;
    margin-top: 2px;
    
}


div.footer-copy img.no-border {
	border: none;
	border-width: 0px;
}




div.footer-copy span {
    
    padding: 16px 10px 0 0;
    display:block;
    
}





#footer li {
	display:inline;
    margin:0;
	padding:0 6px 3px 9px;
	border-left:solid 1px #999;
    list-style: none;
}

#footer li.tools-first {
	border:0 none;
}


#footer_user {
	color:#999;
	font-size:90%;
	padding:3px 5px 0 0;
}

* html div.footer-copy, * html div.footer-tools {
	top:0;
}

/* MAIN CONTENT */
#content {
	position: relative;
    z-index:99;
	width: 100%;
    /* min-width: 1004px; 
	margin-top: 93px;
	*/

    text-align: center;
    /*
    height: auto;
	background-color:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	*/
}

*+html #content /*IE7*/ {
	padding-top:93px;
}
#content.open {
	overflow-x:visible;
}

#content_frame {

	z-index: 104;
	/*
    width: 1000px;
	min-width: 1000px;
	height:auto;
	min-height:450px;
	*/

	display: block;
	margin: 0 auto;	
	border: 0 none;
	position: relative;
}

*+html #content_frame /*IE7*/ {

}
/* MENU */
#canvas-menu {
	display:none;
	position:absolute;
	left:0;
	width:0;
	z-index: 105;
	overflow: visible;
	margin-bottom: 50px;
}
#canvas-menu.open {
	display:block;
}
div.menu-back {
	width:249px;
	border:#93ABD2 solid 1px;
	border-top:none;
	border-left:none;	
}
ul.menu-contents 
{
	width: 250px;
	font-size: 90%;
	/* height: 300px; */
	text-align: left;
}
div.menu-contents-wrapper
{
	overflow: hidden;
	margin: 0;
	padding-bottom: 8px;
	background-color:#EAF1F8;
}

/* MENU ITEMS */
/* MENU */
ul.menu-contents {
list-style-position:outside;
padding:5px 0;
vertical-align:middle
}

ul.menu-contents li {
background:url(../images/border_dotted.gif) bottom repeat-x;
list-style:none;
margin-left:5px;
width:92%;
}

ul.menu-contents li a {
background:url(../images/dot_blank.gif) top left no-repeat;
color:#1B2F48;
display:block;
font-size:8pt;
font-weight:bold;
margin-left:4px;
padding:4px 2px 5px 11px;
text-decoration:none
}

ul.menu-contents li.menu-section > a {
background:url(../images/nav_arrow_down.gif) top left no-repeat;
text-decoration:none;
cursor:pointer;
}

ul.menu-contents li.menu-section-off > a {
background:url(../images/nav_arrow_right.gif) top left no-repeat;
text-decoration:none
}

ul.menu-contents a:visited {
background:url(../images/dot_green.gif) top left no-repeat
}

ul.menu-contents li.menu-section ul {
display:block;
}

ul.menu-contents li.menu-section-off ul {
display:none
}

ul.menu-contents li.menu-sel {
background-color:#1B2F48
}

ul.menu-contents li.menu-sel a, ul.menu-contents li ul li.menu-sel a {
background:url(../images/dot_blue.gif) top left no-repeat;
color:#FFF;
text-decoration:none
}

ul.menu-contents ul {
margin:0 0 0 12px;
}

ul.menu-contents ul li {
background:none;
border:none;
margin-left:0;
width:98%;
}

ul.menu-contents ul li a {
margin-left:4px;
padding:3px 2px 3px 11px;
}
ul.menu-contents ul li.menu-section a {
padding:0;
}

ul.menu-contents ul li a {
background:url(../images/dot_blank.gif) top left no-repeat;
font-weight:normal
}

ul.menu-contents ul li a:visited {
background:url(../images/dot_green.gif) top left no-repeat;
font-weight:normal
}

ul.menu-contents ul li.menu-sel a {
font-weight:normal
}

ul.menu-contents li a:hover,
ul.menu-contents li ul li a:hover,
ul.menu-contents li a:focus,
ul.menu-contents li ul li a:focus {
	text-decoration:underline;
}

ul.menu-contents li.menu-sel a:hover {
text-decoration:none
}


/* LMS ERROR */
p.error {
  background:#e6e6e6 url(../images/icon_error.gif) center left no-repeat;
  border:#ccc solid 1px;
  color:#555; 
  font-size:80%;
  line-height:1em;
  padding:4px 4px 4px 24px;
  margin:0 auto;
  min-height:0;
  width:450px;
}


/* BORDERS - FOR TESTING  
div#footer, div#nav, div#content, div#header {
	border:solid 1px green;
}

div.nav-inner {
	border:solid red 1px;
}

div.progress {
	border:solid red 1px;
}

div.footer-tools {
	border:red solid 1px;
}

div.footer-copy {
	border:red solid 1px;
}
*/




/* BOTTOM NAV 

div.footer-float {
	z-index:152;
	width:100%;
	margin-top:-25px;
	height:25px;
	background:url(../images/shadow_up.png) bottom left repeat-x;
}

* html div.footer-float {
	background:none;
	display:none;
	height:0;
}

*/


/* Dialogs */
.ui-front {
	z-index: 200;
}
/* Dark blue background widget header bar */
.ui-widget-header 
{
	border-color: #003964;
	background: url("../images/header_bg.png") repeat-x scroll center bottom #0072C6;
	color: #fff;
}

.ui-widget-content, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #333;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset 
{
	float: none;
	text-align: center;
}

/* Ligth blue / white background */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	border-color: #93ABD2;
	background: url("../images/nav_bg.png") repeat-x scroll center bottom #D8E1ED;
	color: #304974;
}

/* Dark blue background */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover
{
	border-color: #003964;
	background: url("../images/header_bg.png") repeat-x scroll center bottom #0072C6;
	color: #fff;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
	border-color: #003964;
}

.ui-widget-content p
{
	line-height: 140%;
	margin: 0 0 1em;
	min-height: 18px;
	min-width: 30px;
}

img.credit
{
	padding-left: 30px;
}

div.left p {
	margin: 5px 0 5px 0;
}