/* This style sheet is used by the Summary page which displays the data for each Geography.  There is a block of style code for each of the elements on the page. */
/* The body element is used to define properties for the overall page.  These include the foreground and background colours and fonts */
body {
	color: black;
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	background:#ffffff;
	margin: 0px;
}
a.groupHead:link, a.groupHead:visited {
	font: bold 9pt Arial;
	font-family: Arial; 
	color: #000000;
}
td.bannerTwo {
background-image: url("/doi/knowyour.nsf/bg.gif"); background-repeat: repeat;
border-top: solid;
border-left: solid;
border-color: white;
border-width: 1px;
}
div.summGrpMenu {
background: #EEF5FA;
width: 160px;
padding: 10px;
margin-top:-3px;
margin-left: 20px;
}
div.topicAnchorLinks {
margin-bottom: 4px;	
	font: bold 10pt Arial;
	font-family: Arial; 
	color: #000080;
background: #EEF5FA;
width: 160px;
padding-left: 10px;
padding-bottom: 3px;
padding-top: 3px;
margin-top: 10px;
margin-left: 20px;
}
td.sepRow {
	background-image: url("/doi/knowyour.nsf/greyline.gif"); background-repeat: repeat;
	background-color: #FFFFFF;
	width: 8px;
}
#topicGrp {
margin-top: -30px;
}
div.groupHead {
margin: 10px 0px 5px 0px;
}
li.topicLink {
margin-left: 25px;
list-style-type: square;
}
/* The a element defines the detault properties for text links */
a:link {
	color: #000080;
	font: 9pt Arial;
	font-family: Arial;
}
a:visited {
	color: #CC3333;
	font: 9pt Arial;
	font-family: Arial;
}
a:active {
	color: #3366CC;
	font: 9pt Arial;
	font-family: Arial;
}
/* This sets the width of the table cell containing the image of the map to 270 pixels */
td.geogMap {
	width: 240px;
}
/* this sets the width and height of the geography map */
img.geogMap {
	width: 230px;
	height: 166px;
}
/* This aligns the table that contains the geography heading and description to the right */
td.descTable{
padding-left: 10px;
	vertical-align: top;
} 
/* the headingTable contains the heading that appears at the top of each topic in the summary page.  This sets it's width. */
table.headingTable {
	width: 560px;
	margin-top: 5px;
}
table.bannerTable {
	background-image: url("/doi/knowyour.nsf/head_bg.gif"); background-repeat: repeat;
	background-color: #FFFFFF;
}
a.dcptopNav:link, a.dcptopNav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000080;
	text-decoration: none;
	}
span.topLink {
padding-left: 7px;
//padding-right: 7px;  If I remove this line, which is only a comment, then the links in Netscape 4 show one above the other.
}
div.placetobeLogo {
margin-left: 120px;
margin-top: 40px;
}
div.copyrightText {
	margin-top: -25px;
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
margin-left: 200px;
width: 330px;
}
#helpText {
margin-left: 10px;
width: 570px;
}
style="width: 570px; margin-left: 10px;"}
/* Sets the font properties for the text descibing this geography (at the top of the page). */
.descText  {
	font: 9pt Arial;
	font-family: Arial;
	text-align:justify;
}
/* This sets the heading on the page (which contains the text "Know Your Area" and the area name to bold and aligns it to the left */
td.pageHead {
	font: bold 9pt Arial;
	font-family: Arial;
	text-align: left;
}