/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background: #fff url(img/bg2-blueish.gif); /* Optional */
	/* background: #E8E8E8 url(img/bg2-blueish.gif); */ /* Optional */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; /* IE Fix */
	margin: 0;
	/* color: #666; */
	color: #333;
	z-index: 0; /* added by me */
	}

acronym { cursor: help; border-bottom: 1px dashed #999; }
/* a { text-decoration: none; color: #369; border-bottom: 1px dashed #369; } */

a:link { text-decoration: none; color: #003399; border-bottom: 1px dashed #003399; } /* removed to test */

a:visited { text-decoration: none; color: #003399; border-bottom: 1px dashed #003399; }
a:hover { border-bottom: 1px dashed #49515C; color: #49515C; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 740px;
	/* background: #fff url(img/dot_line.gif) repeat-y 25%; */
	background: #E8E8E8 url(img/dot_line.gif) repeat-y 25%;
	border: 1px solid #ddd;
	padding: 0 5px;
	text-align: left; /* Cancel IE Fix */
	z-index: 0; /* added by me */
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	/* background: #FF9933 url(img/header_right_2.gif) no-repeat 100% 0; */
	/* background: #66CC99 url(img/header_right_3.gif) no-repeat 100% 0; */
	/* background: #FFFFFF url(img/header_right_5.gif) no-repeat 100% 0; */

	background: #003399 url(img/header_right_6.gif) no-repeat 100% 0;
	/* background: #C0D9D9 url(img/header_right_6.gif) no-repeat 100% 0; */

	border-bottom: 4px solid #E8E8E8;
	border-top: 5px solid #E8E8E8;
	padding: 28px 30px;
	}	
#header h1 { 	
	margin: 0;
	color: #C6C4C5;
	font-size: 2.0em;
	font-weight: normal;
	cursor: default;
	}	
#header h2 { 	
	margin: 0;
	color: #8D8E90;
	font-size: 1.4em;
	padding-left: 1px;
	cursor: default;
	}	

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	background: #858F9E; 
	border-bottom: 4px solid #E8E8E8;
	margin: 0; 
	padding: 0;
	height: 2.2em;
	}
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}		
#nav li a { 
	text-decoration: none; 
	color: #ddd;
	background-color: #858F9E;
	border-right: 4px solid #E8E8E8; 
	border-bottom: 0;
	padding: 3px 8px;
	font-size: 1em;
	float: left;
	font-weight: bold;
	}
#nav li a:hover { background-color: #6B7687; }
#nav li a.on { background-color: #49515C; color: #C6C4C5; }



/*------------------------------------------------------------*
**  Nav_c
**------------------------------------------------------------*/

#nav_c {
	/* background: #FFFFAA; */
	/* background: #66CCCC; */
	background: #BBEEDD;
	border-bottom: 4px solid #fff;
	margin: 0; 
	padding: 0;
	height: 2.2em;
	}

#nav1 { list-style-type: none; display: inline; line-height: 20px; }	
#nav1 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left;	font-weight: bold; }
#nav1 a:hover { background-color: #66CC99; }
#nav1 a.on { background-color: #66CC99; color: #666; }

#nav2 { list-style-type: none; display: inline; line-height: 20px; }	
#nav2 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; }
#nav2 a:hover { background-color: #66CC99; }
#nav2 a.on { background-color: #66CC99; color: #FFFFFF; }

#nav3 { list-style-type: none; display: inline; line-height: 20px; }	
#nav3 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; }
#nav3 a:hover { background-color: #66CC99; }
#nav3 a.on { background-color: #66CC99; color: #FFFFFF; }

#nav4 { list-style-type: none; display: inline; line-height: 20px; }	
#nav4 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; }
#nav4 a:hover { background-color: #66CC99; }
#nav4 a.on { background-color: #66CC99; color: #FFFFFF; }

#nav5 { list-style-type: none; display: inline; line-height: 20px; }	
#nav5 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; }
#nav5 a:hover { background-color: #66CC99; }
#nav5 a.on { background-color: #66CC99; color: #FFFFFF; }

#nav6 { list-style-type: none; display: inline; line-height: 20px; }	
#nav6 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; }
#nav6 a:hover { background-color: #66CC99; }
#nav6 a.on { background-color: #66CC99; color: #FFFFFF; }

#nav7 { list-style-type: none; display: inline; line-height: 20px; }	
#nav7 a { text-decoration: none; color: #666; background-color: #BBEEDD; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; }
#nav7 a:hover { background-color: #66CC99; }
#nav7 a.on { background-color: #66CC99; color: #FFFFFF; }





/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 175px;
	position: relative;
	line-height: 20px; 
	word-spacing: 2px;

	}
/* #sidebar div { background: #fff url(img/para_bg.jpg) repeat-x; } */
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3, #content h3, #sidebar h2, #sidebar h1 { 
	font-size: 1.1em; 
	/* color: #49515C; */
	margin: 0 10px 0 0; 
	cursor: default;
	}

#sidebar div {
	padding: 1px 0 10px 0;  
	border-top: 1px solid #ddd; 
  	padding: 10px;
	background: #E8E8E8; 
	/* border: 1px solid #E8E8E8; */ /* added by chris */
	/* position:relative; */
	z-index: 0; /* added by me */
	}


/*------------------------------------------------------------*
**  Expandable Menu - http://www.howtocreate.co.uk/tutorials/testMenu.html
**------------------------------------------------------------*/

ul.makeMenu, ul.makeMenu ul {
  width: 150px;                 /* sets the size of the menu blocks - 80px old */
  border: 1px solid #000;      /* puts a black border around the menu blocks */
  background-color: #8aa;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! - 8aa */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  z-index: 100;

}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white - fff*/
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 148px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close - 78px old*/
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #ffa;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - must not be display: block; */

	
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	float: left;
	width: 550px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;
	position:relative; /* added by me */
	z-index: 0; /* added by me... menu */
	}	

/* h1, h2 added by me */
#content h1 { 	
	font-size: 1.1em; 
	/* color: #49515C; */
	margin: 0 10px 0 0; 
	cursor: default;
	}	

#content h2 { 	
	font-size: 1.1em; 
	/* color: #49515C; */
	margin: 0 10px 0 0; 
	cursor: default;
	}	

#content div { 
	padding: 1px 0 10px 0;  
	border-top: 1px solid #ddd; 
  	padding: 10px;
	position:relative; /* added by me */
	z-index: 0; /* added by me */
	background: #fff url(img/para_bg.jpg) repeat-x;
	}


	
#content ol { 
	margin-left: 20px;
	margin: 0 10px 0 0;
	padding: 5px;	
	list-style-type: lower-alpha;
	}

#content ul { 
	margin-left: 20px;
	margin: 0 10px 0 0;
	padding: 5px;	
	}

#content li { 
	margin-left: 20px;
	margin: 0 10px 0 25px;
	padding: 5px;
	}

/*------------------------------------------------------------*
**  Content - hfe
**------------------------------------------------------------*/
#hfe {
	float: left;
	width: 550px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;
	background:#fff;
	}	


#hfe h1, #hfe h2, #hfe h3 { 	
	font-size: 1.0em; 
	/* color: #49515C; */
	/* margin: 0 10px 0 0; */
	cursor: default;
	}	
	

#hfe div { 
	background: #fff;
  	/* padding: 10px; */
	/* padding: 0px 5px 0px 5px; */
	/* url(img/para_bg.jpg) repeat-x; */
	}

#hfe div.instructions { 
	/* background: #ddd; */
	background: #F5F5F5;
	margin: 15px;
	padding: 1px;
	border: 1px solid #aaa;
	}

#hfe div.instructions li { 
	margin-bottom: 10px;
	margin-right:10px;
	text-align:left;
	/* color: #003399; */
	}


#hfe div.about_form { 
	margin: 15px;
	padding: 1px;	
	}


#hfe div.hfe_header {
	margin-top: 25px;
	background: #fff url(img/possibleqplheadergraphic.bmp) repeat-y;
	}

#hfe div.hfe_label, #hfe .hfe_comment {
	}

#hfe div.hfe_lbreak {
	margin-bottom: 25px;
	}

#hfe div.hfe_header h1 { 	
	font-size: 1.0em; 
	/* color: #49515C; */
	/* margin: 0 10px 0 0; */
	margin-bottom: 13px;
	margin-left: 1px;
	cursor: default;
	}

#hfe div.hfe_table { 	
	font-size: 1.0em; 
	cursor: default;
	/* margin-right:20px; */
	}

#hfe div.hfe_table td { 	
	}



	
/*------------------------------------------------------------*
**  Content - doc_list
**------------------------------------------------------------*/
#content_doc_list {
	float: left;
	width: 550px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;
	position:relative; /* added by me */
	z-index: 0; /* added by me... menu */
	background: #fff
	}	

/* h1, h2 added by me */
#content_doc_list h1 { 	
	font-size: 1.1em; 
	margin: 0 10px 0 0; 
	cursor: default;
	}	

#content_doc_list h2 { 	
	font-size: 1.1em; 
	margin: 0 10px 0 0; 
	cursor: default;
	}	


#content_doc_list div { 
  	padding: 5px;
	}


.doc_header {
	font-weight: bold;
	padding:0px 2px 0px 7px;
	}

.doc_list {
	padding:2px 0 10px 7px;
	background: #fff
	}


	
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	/* background: #49515C no-repeat 100% 0; */
	background: #003399 no-repeat 100% 0;
	border-bottom: 5px solid #E8E8E8;
	border-top: 10px solid #E8E8E8;
	text-align: center;	
	color: #fff;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	}
	
#footer a { text-decoration: none; color: #A2AFBF; border-bottom: 1px dashed #A2AFBF; }
#footer a:hover { border-bottom: 1px dashed #fff; color: #fff; }