/***********************************************************************/
/* GLOBAL STUFF */
/***********************************************************************/
/***********************************************************************/
/* reset ALL margins and padding to zero */
*
{	
	padding: 0px;
	margin: 0px;
}
/********************************************************************************************/
/*Get rid of the greyed out scroll bar in IE7*/
/* Many thanks to Stu Nicholls*/
/*(http://www.cssplay.co.uk/comments/comments.php) for this one!*/
/***********************************************************************/
html { 
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* */ 
overflow: hidden; 
/* */ }
/***********************************************************************/
/* now set a new standard margin and padding for paragraphs,*/
/* unordered lists and ordered lists*/
/***********************************************************************/
/*unordered lists*/
/***********************************************************************/
ul
{
	padding-left: 20px;
	margin-left: 0px;
}
/*list items without bullets*/
/***********************************************************************/
li.nobullets
{
	list-style-type: none;
}
/***********************************************************************/
/*ordered lists*/
/***********************************************************************/
ol
{
	padding-left: 20px;
	margin-left: 0px;
}
/***********************************************************************/
/*paragraphs*/
/***********************************************************************/
p
{
	margin-top: 5px;
	width: auto;
}
/***********************************************************************/
/* custom colours for anchor links and named fragments*/
/***********************************************************************/
a:link
{
	color: #CC9933;
	background-color: white;
}
a:visited
{
	color: #336699;
	background-color: white;
}
a:hover
{
	color: black;
	background-color: white;
}
a.bookmark
{
	color: #CC9933;
	background-color: white;
}
/***********************************************************************/
/* set up heading styles */
/***********************************************************************/
h1
{
	font-size: 20px;
	color: #CC9933;
	background-color: white;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #CCCCCC 1px solid;
}
h2
{
	font-size: 18px;
	color: #CC9933;
	background-color: white;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #CCCCCC 1px solid;
}
h3
{	font-size: 16px;
	color: #CC9933;
	background-color: white;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4
{	font-size: 14px;
	color: #CC9933;
	background-color: white;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
/***********************************************************************/
/*style for superscripts*/
/***********************************************************************/
sup
{
	font-size: 10px;
}
/*************************************************************************/
/* set up the browser window*/
/*************************************************************************/
/* the body*/
body
{
	font-family: "franklin gothic book", arial, sans-serif;
	font-size: 12px;
	background-color: white;
	color: black;
}
/***********************************************************************/
/*the viewport for the site*/
#my_viewport
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	color: black;
	overflow: hidden;
}
/***********************************************************************/
/*the main header bar*/
#header1
{
	position: relative;
/*make it long enough to avoid wrapping of volume title*/
/*when the viewport is resized*/
/*	width: 900px;*/
	width: auto;
	height: 72px;
	font-size: 16px;
	background-color: white;
	color: black;
}
/***********************************************************************/
/*the container for the small logo*/
#small_logo
{
	position: relative;
	width: 196px;
	min-width: 196px;
	height: 72px;
	float: left;
}
/***********************************************************************/
/*the  main menu*/
#navlist1
{
	position: absolute;
	top: 28px;
	right: 0px;
	font-size: 16px;
}
#navlist1 ul 
{
	list-style-type: none;
}
#navlist1 ul li 
{
	display: inline;
}
#navlist1 ul li a
{
	text-decoration: none;
	margin-right: 10px;
	color: #CC9933;
	background-color: white;
}
#navlist1 ul li a:hover
{
	color: black;
	background-color: white;
}
/***********************************************************************/
/*class menuitem1 for the text color of the "deactivated" menu item*/
/*in navlist1 for the page which was most recently selected and loaded*/
.menuitem1
{
	text-decoration: none;
	margin-right: 10px;
	color: #336699;
	background-color: white;
}
/********************************************************************/
/* THE NAVIGATION (BREADCRUMB) TRAIL */
/*container for the secondary header bar*/
#header2
{
	position: relative;
/*make it long enough to avoid wrapping of header2*/
/*when the viewport is resized*/
/*	width: 900px;*/
	width: auto;
	height: 30px;
	font-size: 12px;
	color: black;
	background-color: white;
	border: #CCCCCC 1px solid;
}
/*container for the navigation trail (breadcrumbs)*/
#navlist2
{
	position: relative;
	top: 7px;
	left: 3px;
	text-align: left;
}
#navlist2 ul 
{
	list-style-type: none;
	padding: 0px;
}
#navlist2 ul li
{
	display: inline;
	text-transform: uppercase;
}
#navlist2 ul li a
{
	text-decoration: none;
	margin: 5px 5px 0px 0px;
	color: #CC9933;
	background-color: white;
}
#navlist2 ul li a:hover
{
	color: black;
	background-color: white;
}
/***********************************************************************/
/*set up class menuitem2 to change the text color of the last item in  */
/*navlist2(breadcrumbs) - for the page which was most recently selected*/
/*and loaded*/
.menuitem2
{
	text-decoration: none;
	margin: 0px 5px 0px 0px;
	color: #336699;
}
/***********************************************************************/
/*class pseudo_menuitem2 to set the text color of the all items*/
/*but the last in the pseudo_navlist2 in the example of the breadcrumb*/
/*trail for the introduction to the site on the home_more page*/
.pseudo_menuitem2a
{
	text-decoration: none;
	margin: 0px 5px 0px 0px;
	color: #CC9933;
}
/************************************************************************/
/* THE MAIN PAGE CONTENT */
/************************************************************************/
/* container for the main area of the page */
#main_area
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
/**********************************************************************/
/*container for the sidebar navigation list*/
/**********************************************************************/
#navlist3
{
	position: absolute;
	padding-top: 10px;
	width: 30%;
	overflow: auto;
}
#navlist3 ul 
{
	list-style-type: none;
	font-size: 14px;
	padding: 0px;
}
#navlist3 ul li 
{
	padding: 0px 0px 10px 0px;
}
#navlist3 ul li a
{
	text-decoration: none;
	color: #CC9933;
	background-color: white;
}
#navlist3 ul li a:hover
{
	color: black;
	background-color: white;
}
/***********************************************************************/
/*class menuitem3 to position the main menuitems in navlist3*/
.menuitem3
{
	margin-left: 5px;
}
/***********************************************************************/
/*class menuitem4 to change the text color of the "deactivated" main*/
/*menu item in navlist3 for the page which was most recently selected*/
/*and loaded*/
.menuitem4
{
	margin-left: 5px;
	color: #336699;
	background-color: white;
}
/***********************************************************************/
/*class menuitem5 to postion the submenu items in navlist3*/
.menuitem5
{
	margin-left: 10px;
}
/***********************************************************************/
/*class menuitem6 to change the text color of the "deactivated" submenu*/
/*item in navlist3 for the page which was most recently selected*/
/*and loaded*/
.menuitem6
{
	margin-left: 10px;
	color: #336699;
	background-color: white;
}
/***********************************************************************/
/*class menuitem7 to position sub-submenu items in navlist3*/
.menuitem7
{
	margin-left: 15px;
}
/***********************************************************************/
/*class menuitem8 to change the text color of the inset "deactivated"*/
/*sub-submenu item in navlist3 for the page which was most recently*/
/*selected and loaded*/
.menuitem8
{
	margin-left: 15px;
	color: #336699;
	background-color: white;
}
/******************************************************************/
/*general menu (navlist4) for other navigation (only used in the*/
/*Guidepost Find It page at the moment)*/
/*make it a class so it can be used more than once in a page */
/******************************************************************/
.navlist4
{
	position: relative;
	top: 5px;
	overflow: auto;
	margin: 0px 0px 10px 0px;
}
.navlist4 ul 
{
	list-style-type: none;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
.navlist4 ul li 
{
margin: 0px 10px 20px 0px;
}
.navlist4 ul li a
{
	text-decoration: none;
	color: #CC9933;
	background-color: white;
}
.navlist4 ul li a:hover
{
	color: #336699;
	background-color: white;
}
/************************************************************************/
/*PAGE CONTENT*/
/************************************************************************/
/* structure for the content*/
/*space for page container*/
#page_container
{
	position: absolute;
	left: 30%;
	padding-right: 10px;
	padding-left: 5px;
	width: 70%;
	overflow: auto;
	font-size: 14px;
}
/************************************************************************/
/*no border for images
img.bset
{
	border-style: none;
}*/
/***********************************************************************/
/*styling for the internal navigation of Process Step and Product*/
/*Description pages */
/***********************************************************************/
/*style for intralinks (seems to have no effect)*/
p.intralinks
{
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: small;
	color: red;
	background-color: #FFFFFF;
}
/***********************************************************************/
/*a class for the intralink to the top of a page*/
.top
{
	position: absolute;
	right: 50px;
}
/***********************************************************************/
/*the footer bar*/
/***********************************************************************/
#footer_container
{
	position: relative;
	bottom: 0px;
	left: 0px;
/*	width: 900px;*/
	width: auto;
	height: 16px;
	background-color: #CC9933;
}
#footer_text
{	
	color: black;
	text-align: center;
/*make it long enough to avoid wrapping of footer text*/
/*when the viewport is resized*/
/*	width: 900px;*/
	width: auto;
}
/***********************************************************************/
/*white" for the color for unvisited links in the footer bar*/
/*(so it shows against the bar)*/
#footer_text a:link
{
	color: white;
	background-color: #CC9933;
}
#footer_text a:visited
{
	color: #336699;
	background-color: #CC9933;
}
#footer_text a:hover
{
	color: black;
}