html, body {
	margin: 0px 0px 0px 0px;
	font-family: sans-serif;
}

html {
	min-width: 700px;
}

html body {
	background-color: #18519F;  /* dark blue */
}

/* DOMINO BUG FIXES */

/* search template spits out unnecessary p tags around images */
/* the following two hack classes blow away the margin surrounding the p tags */
.firstHeader p {margin:0;} 
.footerContainer p {margin:0;}


/* HEADER ELEMENTS */

.firstHeader {
	height: 52px; /* need this to cover the graphics which are floated */
	border-bottom: 1px solid Black; /* thin black line slitting the header */
	background-image: url('/home.nsf/top-left-logo-black-on-whit.jpg');
}

.firstHeader .headerLeftGraphic { /* not used with new header */
	position: absolute;
	top: 0px;
	left: 0px;
}

.firstHeader .headerRightGraphic { /* not used with new header */
	position: absolute;
	top: 0px;
	right: 0px;
}

.secondHeader {
	height: 25px;  /* need this because contents are floated */
}

.secondHeader .searchBoxContainer {
	float: left;
	width: 250px;
	margin: 2px 0px 0px 5px;
}

.secondHeader .searchBoxContainer .queryBoxLabel { 
/* the web pages will have white search labels */
	color: White;
}

.secondHeader .loginLogoutContainer {
	float: right;
	width: 250px;
	margin: 2px 10px 0px 0px;
	text-align: right;
	color: White;  
	font-weight: bold; 
	font-size: 9pt;
}

.secondHeader .loginLogoutContainer a {
	color: White;
	font-weight: bold;
	font-size: 9pt;
}


/* NAVIGATION AND CONTENT ELEMENTS */

.navAndContentContainer {
	width: 100%; /* fix for IE6 that keeps the content area background rendered fully */
	clear: both; /* clear the floats from the header section */
	background-color: #B0C4DE; /* that light blue color for nav */	
	border-top: 1px solid #6495ED;  /* nice thin border at the top for the content */
	border-bottom: 1px solid #6495ED;  /* same border for bottom */
}

.navAndContentContainer .navigation {
	float: left;
	width: 175px;  /* enough width to cover the links */
	border-right: 1px solid #6495ED;
}

.navigation ul {
	/* remove padding and margins of ul tag */
	margin: 0;
	padding: 0;
	list-style-type: none; /* get rid of bullets */
}

.navigation ul li {
	height: 15pt;
	/* put our bullet in */
	background-image: url('/home.nsf/bullet1.gif');
	background-repeat: no-repeat;
	background-position: 2px 5px;
	/* adjust text indent to compensate for background bullet */
	text-indent: 14px;
}

/* order matters! Link Visited Hover Active */

.navigation ul li a:link {
        color: #000099;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

.navigation ul li a:visited {
        color: #000099;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

.navigation ul li a:hover {
        color: #0000FF;
	text-decoration: underline;
}


.navAndContentContainer .accountInfoDisplay {
	padding: 3px;
	font-size: 8pt;
	font-weight: bold;	
	color: Green;
	border: 2px solid green;
	background-color: white;
}

.navAndContentContainer .contentArea {
	margin-left: 175px;  /* make a gap on the left so content clears nav */
	padding: 15px;
	background-color: #FFFFDD;  /* very light tan color */
	border-left: 1px solid #6495ED;
}

.navAndContentContainer .contentArea hr {
	height: 1px;
	background-color: black;
	border: none;
}

.navAndContentContainer .hackDiv {
	/* this forces both columns to go all the way down so navigation won't bleed into footer */
	clear:both;
	margin: 0px;
	visibility: hidden;
}

/* FOOTER ELEMENTS */

.footerContainer {
	clear: both; /* clear the floats from the content and nav area */
	height: 200px; /* need the height to cover the graphic which is floated */
}

.footerContainer .footerLogo {
	/* this is a graphic */
	float: left;
	margin: 0px 0px 0px 30px;
}

.footerContainer .footerInformation {
	margin-left: 175px; /* create a gap on the left to line up with nav */
	padding-top: 15px;
	text-align: center;
	color: White;
	font-weight: bold;
	font-size: 9pt;
}


.footerContainer .footerInformation a {
	color: White;
}
 

/* HOMEPAGE ELEMENTS */
.homepageWrapper {
	width: 750px; 
	margin-left: auto; /* for centering on page */
	margin-right: auto;  /* for centering on page */
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 2px;
	text-align: left; /* resets the justification to left after the center align in the body tag */
	border: medium solid #6495ED; 
}

/* another IE6 fix keeping background rendered properly on homepage */
/* must keep this line somewhere AFTER .navAndContenContainer is mentioned */
.homepageWrapper .navAndContentContainer {
	width: auto;  
}

.secondHeaderHomepage {
	background-color: White; 
	height: 25px;
	/* remove border for this area since removed it from the title graphic */
}

.secondHeaderHomepage .searchBoxContainer {
	float: left;
	width: 250px;
	margin: 2px 0px 0px 5px;
}

.secondHeaderHomepage .searchBoxContainer .queryBoxLabel { 
	color: black;  /* black search query label on homepage */
}

.secondHeaderHomepage .loginLogoutButtons {
	float: right;
	width: 250px;
	text-align: right;
}

/* SEARCH BOX ELEMENTS */

.mainSearchBoxForm {
	margin: 0px;
}

.mainSearchBoxForm .queryBoxInput {
	font-size: 8pt;
}

.mainSearchBoxForm .queryBoxLabel {
	font-size: 8pt;
}

.mainSearchBoxForm .searchButton {
	font-size: 8pt;
}