@charset "UTF-8";
/* CSS Document */

h1 {
font-size: 20px;
font-family: verdana;
font-weight: bold;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
/* This is the container that defines every other layer below/in it */
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* This is the header container, where all the logos and nav buttons are 
at the top of each page */
.oneColFixCtrHdr #header {
	background: #1E90FF;
	height: 145px;
	/* this padding matches the left alignment of the elements in
	the divs that appear beneath it. If an image is used in the #header
	instead of text, you may want to remove the padding. */
	padding: 0px;
}
.oneColFixCtrHdr #logo {
	background-color:#FFFFFF;
	text-align: left;
	width: 360px;
	margin-top: 20px;
	height: 72px;
	float: left;
}
.oneColFixCtrHdr #navbar {
	width: 600px;  /* should be width of the #container, well maybe */
	margin-top: 0px;
	margin-left: 140px;
	margin-right: 40px;
	background: #FFFFFF;  /* current is #FFFFFF - white */
	text-align: center;
	float: right;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* This is the big white area below the Header section.  This contains all the relivant content for the page. All text and pictures are located in this section.  Largest amount of layers and data */
.oneColFixCtrHdr #mainContent {
	padding: 50px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*text-indent: 20px;*/
}

/* Last section on page.  This contains all the footer information that appears on each page. Mostly the copyright notice and quick links to major sections of my page.  */
.oneColFixCtrHdr #footer {
	padding: 0px 20px; /* Reset from previous container. This padding matches the left alignment of the elements in the divs that appear above it. */
	background: #1E90FF;
	height: 80px;
}
.oneColFixCtrHdr #footnavL { /* Left floating copyright/nav links in footer of each page */
	width: 450px;
	margin-left: 20px;
	margin-top: 40px;
	text-align: left;
	background: #FFFFFF;
	float: left;
}
.oneColFixCtrHdr #footnavR { /* Right floating nav links in footer of each page */
	width: 250px;
	margin-right: 20px;
	margin-top: 40px;
	text-align: center;
	background: #FFFFFF;
	float: right;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Various random styles that can be used in any part of the page, not just a certain section.  Best used to define a set of paramaters that will be used on most pages with similar types of content. */
.style1 {
	font-family: "Courier New", Courier, monospace
}
.DBOutPut { /* text style for fields retrieved from the db */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-indent: 0;
	/* text-align: center; */
	margin-left:auto;
	margin-right:auto;
	width: 600px;
	/* height: 100px; */
	background: #FFFFFF;
	
}

/* red color for all the bold SOLD OUT, CANCELED, etc... warnings */
.style2 {
	color: #FF0000
}

a.test2:link {
	color:green;
	}

a.test:hover {
	link    color:green;
	visited color:green;
	hover   color:red;
	active  color:yellow;
}