/*General selectors*/

body {
	background-color: #fbfeff;
	
	}
	
h1 {	
	position:relative;
	padding: 0 0 0 0;
	margin: 0 0 0 22%;
	color: #5599cc;
	width: 74%;
	font-family: garamond,"times new roman";
	font-size: 1.5em;
	font-weight: bold;
}

/*H2 is used for main body sections that do not involve images*/
h2, h3  {
	position:relative;
	padding: 0 0 0 0;
	color:#59c ! important;
	font-size: 1.1em;
	font-family: "times new roman",garamond,;
	background-color: #fbfeff ! important;
	font-weight: bold;
}

h2 a, h3 a {
	color:#59c ! important;
	background-color: #fbfeff ! important;
}

h2, h2 a {
	margin: 1.5em 0 0 0;
} 

h3 {
	margin: 0 0 0 80px;
}

h4 {
padding: 0;
margin: 1.5em 0 .3em 0;
}

table { 
	table-layout: fixed;
	width: 100%;
	font-size: 15px;
	clear: left;
}




/*div selectors*/

#container {
	width: 96%;
	margin: 10px 0;
	}


#headerbar {
	padding: 15px 15px 15px 0;
	margin: 0 0 10px 0;
	position: relative;
	background-color: #666681;
	border-width: 0;
	/*background-image: url(Assets/Images/header-text2.jpg);
	background-position: left center;
	background-repeat:no-repeat;*/
	
	
	
}

#headerbar img{
	
}

#menu a:hover {
	text-decoration: underline overline;
}

#menu {
	position: relative;
	top: -15px;
	margin: 0 0 0 0;
	background-color:#eeeef0;
	padding: 5px 0 0 0;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color:#969696;
	line-height: 1em;
		
}

#menu a {
	/*position: relative;
	left: 30px; [This screws the links up (makes them not display) in IE5 so I've used the #home padding left as a work around]*/

	padding: 0 30px 0 0;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	color: navy;
	font-family: Arial, Helvetica, sans-serif;
}

#home {
margin-left: 30px;
}

#menu p {
	border: 0;
	margin: 0;
	padding: 0 0 0.5em 0;
}

#menu em {
font-style: normal;

}

#menu em a {
text-decoration: underline overline;
}

#pagelinks {
	background-color:#eeeef0;
	position: relative;
	top: -15px;
	float: left;
	border-style: dotted;
	border-width: 1px 1px 1px 0;
	border-color:#969696;
	padding: 0em 10px 10px 0;
	margin: 0;
	width: 18%;
	font-weight: bold;
	height: auto;
}

#pagelinks p {
	color: navy;
	padding: 0 0 0 0;
	position: relative;
	left: 5px; 
	
}

#pagelinks ul {
	margin:10px 10px 0 20px;
	border:0;
	padding: 0;
	color: navy;
	list-style-type: square;
	list-style-image:  url(images/double-arrow.gif);
	list-style-position: outside;
	
}

#pagelinks ul ul {
	position: relative;
	padding: 0 0 0px 0;
	padding: 0 0 0px 0;
	margin: 5px 0px 0px 20px;
	
}

#pagelinks li {
	position: relative;
	left: 5px;
	padding: 0 0 0 0;
	margin: .5em 0 0 0;
	line-height: 0.8em;
	
}

#pagelinks ul ul li{
	padding: 0 0 0 0;
	margin: 0;
	
}

#pagelinks a {
	position: relative;
	left: 0px;
	font-size: 0.7em;
	text-decoration: none;
	color: navy;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	
	}

.boldlist ul li {
font-weight: normal;
}

#pagelinks a:hover {
	color: #ffa620
}

#pagelinks span a {
	padding: 0 1.5px;
	font-size: 15px;
}

/* toplinks div is used for the glossary page for Internet Explorer only in order to compensate for IE's lack of support for fixed positioning*/
#toplinks {
float: left;
position: relative;
clear: left;
}

#toplinks td {
vertical-align: top;
text-align: center;
}

#toplinks td a {
padding: 2px;
}

#fixed {
	position: fixed;
	width: 18%;
}

#fixed #pagelinks {
	width: 100%;

}

/*#fixedpagelinks {
	position:relative;
	top: -1px;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color:#969696;
	padding: 0;
	margin: 0;
	width: 139px;
}*/

/*.clear {
	clear: both;
}*/

#mainbody {
	position: relative;
	width: 74%;
	font-family: "times new roman";
	padding: 5px 0 0 0;
	margin: 0 0 0 22%;
	font-size: 1em;
}
#mainbody .nobullets {
margin-left: 0px;
padding-left: 20px;
list-style-type: none;
}

#mainbody p {
	margin: 0;
	padding: .7em 0;
	float: none;
	clear: none;
}

/*<span> <img> <p></p></span>  is for thumb nail images with their descriptions next to them. that are to be inline with headings*/

img.wrap {
	float: left;
	padding: 1em 15px 0px 15px;
	margin: 0;
}

img.nowrap {
	float: none ! important;
	margin-left: auto ! important;
    margin-right: auto ! important;
	padding: 0 ! important;
	position: relative;
	display: block;
	
}

#mainbody span img {
position: relative;
float: left;
top: -1.1em;
padding: 0;
margin: 0 5px -1.1em 0;
}

#mainbody span p {
	clear: none;
	top: -110px;
	float: none;
	clear: none;
}

#mainbody a:link, td a:link , #footertext a:link, #toplinks:link{
	color: navy;
}

#mainbody a:visited, td a:visited, #footertext a:visited, #toplinks:link  {
	color: #556;
}

#mainbody a:hover, td a:hover, #footertext a:hover, #toplinks:link {
	background-color: #59c;
}

#mainbody table {
	clear: none ! important;
}



#scanpages a {
	padding: 0 1em;
}

#scanpages strong {
	font-weight: bold;
	font-variant: small-caps;
}

#scan1, #scan2, #scan3, #scan4 {
	text-align: right;
	vertical-align: text-top;
	padding: 0 10px 0 0
}

 
#footer {
	clear: both;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	border: 0}

#footertext {
	position: relative
	top: 50px;
	padding-top: 5px;
	border-top-width: 2px;
	border-top-color: grey;
	border-top-style: inset;
}

#footertext p {
	position: relative;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0em 0em 1px 0em;
	margin: 0em 0em 1px 0em;
	line-height: 1;
	
}