#wrapper
{
position:relative;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
background-color:#00679b;

color: #333;
border: 1px solid gray;
}

body 
{
	background-color:#C6DEFF;
	text-align:left;
}

#header
{
	padding: 0;
	background-image:url(images/mellogo2.jpg);
	background-repeat:no-repeat;
	width:800px;
	height: 135px;
	margin:0px 0px 0px 0px;
	vertical-align: bottom;
}
#tagline
{
	color: yellow;
	text-align:center;
	font-weight:bold;
	font-size:17px;

}

#navigation 
{
	 /*The nav bar must be absolutely positioned in order for the content's left border to slide underneath it in IE. */
	position:absolute;
	left:0;
	top:154px;
	width: 180px;
	/*height:220px; This height value is necessary to extend the background color down the page as desired */
	border: solid 0px;
	background-color:#00679b;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
}

#navigation ul {
	list-style: none;
	margin: 0px 0px 0px 0px; /*It is crucial that this margin be set to avoid distorting the container. */
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #00679b;
	margin:0px 0px 0px 0px;
}

#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #00679b;
	border-right: 1px solid #00679b;
	background-color:#f4f5f7;
	font-weight:bold;
	color: #000;
	text-decoration: none;
}

/*The following code styles the link corresponding to the current page. It goes in the "a" tag 
of the list item i.e. <a href="#" id="current"> */
#navigation li #current {
	background-color: #C6DEFF;
	color:#fff;
}

#navigation li a:hover {
	background-color: #C6DEFF;
	color: #FFFFFF;
}

#content
{
	margin-left: 180px;
	background-color:#FFFFFF; 
	background-repeat:no-repeat;
	padding: 10px 20px 10px 20px;
	/* The width is necessary so the Footer will not get pushed to the left in IE. */
	width:580px;
	font-family: Arial, Helvetica, sans-serif;
}
#market th 
{
	font-size:16px;
	text-decoration:underline;
	border:0;
}

 #market td
{
	border:0;
	padding-top:10px;
	vertical-align:top;
}


#footer
{
	position:relative;
	display:block;
	font-size:10px;
	width:788px;
	clear: both;
	margin: 0;
	padding: 6px;
	color: #000;
	background-color: #00679b;
	border-top: 1px solid gray;
	text-align:center;
	line-height:18px;
}

/* This ensures that the text block form element doesn't have any extra space in IE. */
form {
margin:0;
}

#footer a 
{
	font-weight:normal;
	color:#000;
	text-decoration:underline;
}

a, a:hover
{
	text-decoration:underline;
	color:#00679b;
	font-weight:bold;
}

/* This ensures that the text block form element doesn't have any extra space in IE. */
form {
margin:0;
}

/* Be sure to include "form" before each other element, otherwise the style will effect all elements of that name 
(i.e. don't do: "form table, td, th" , but "form table, form td, form th" , etc.) */
form table, form td, form th {
border:0;
}

form td, form th {
padding-left:10px;
}

/*This styles the text block form element, taking out the border, and setting the background and text colors. */
.input {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
border-bottom:1px solid #000000; 
border-left:1px solid #edFFed; 
border-right:1px solid #edFFed;
border-top:1px solid #edFFed;
margin-bottom:2px;
}

.textarea {
width:500px;
height:75px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;

}
.styleFormElements {
margin-left:20px;
border:0;
margin-bottom:0px;
margin-right:0px;
}