/* ------------ Banner CSS code ------------ */

#banner {
height: 172px;
width : 710px;
background-image : url("http://pearldistrict.org/images/banner.jpg");
margin-left: auto;
margin-right: auto;
} 


/* ------------ Navigation Link CSS code ------------  */
div#navbar2 {
	height: 20px;
	width: 710px;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #336699;
	margin-right: auto;
	margin-left: auto;
}
div#navbar2 ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	white-space: nowrap;
	}
div#navbar2 li {
	list-style-type: none;
	display: inline;
	}
	div#navbar2 li a {
	text-decoration: none;
	padding: 7px 18px;
	color: #FFF;
}
	div#navbar2 li a:link {
	color: #FFF;
}
	div#navbar2 li a:visited {
	color: #CCC;
}
div#navbar2 li a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}


/* ------------ Body Style Code ------------ */

html, body {
height: 100%;
}

body
{
margin: 0;
text-align: center;   /* <-- IE container align center bug fix -- */
padding: 0;
color: #000;
background-color: #ddd;
font-family: Arial, Helvetica, sans-serif;
}

/* ------------ Container Style Code ------------- */


#container
{

margin: 1em 5%;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
width: 710px;


text-align: left;  /* <-- IE container align center bug fix -- */
border: 1px solid #000;
}

/* ---------- IE Bug for 100 % Height -------------*/

* html #container 
{
height: 100%;
}


/* ------------ Content Style Code ------------- */

#content
{
padding-top: 1em;
margin: 0px;  

font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;

}

H1, H2, H3, H4
{
	font-family: arial, trebuchet ms;
	text-decoration: underline;
	color: navy;
	padding: 0px;
	padding-top: 0em;
	margin: 1px;
	
}


/* ------------ Footer Style Code ------------- */

/*  The footer needs "clear: both" to force it onto a new line, below any floated items. */

#footer
{
clear: both;
background-color: #336699;
padding: 1em;
text-align: left;
border-top: 1px solid #000;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 13px;
}


a:link 
{
	color: #FFF;
	text-decoration: none;
}
a:visited 
{
	color: #CCC;
}
a:hover 
{
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}