/* ------------ 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;
min-height: 100%;
text-align: left;     /* <-- IE container align center bug fix -- */
background-repeat: repeat-y;
border: 1px solid #000;
}

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

* html #container 
{
height: 100%;
}


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

#content
{
padding-top: 1em;
margin: 0 2em 0 200px;
height: 100%;
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;
	
}

/* ------------ Left Column Style Code ------------- */


#leftside
{
float: left;
width: 170px;
margin-left: 5px;
padding-top: 1em;
border: 0px;
}

#leftside p
{
margin-top: 0;
}

div#leftside a 
{
	font-weight: normal;
	text-decoration: none;
	color: #669;
}

div#leftside a:hover 
{
	font-weight: normal;
	text-decoration: underline;
	color: #339;
}

/* ------------ 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;
} 

/* ------------ TABLE STYLESHEET ROUNDED CORNERS STYLED Style Code ------------- */

#rounded-corner{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: 160px;
	text-align: left;
	border-collapse: collapse;}

#rounded-corner thead th.rounded-header-left{background: #b9c9fe url('http://www.pearldistrict.org/css/table-images/left.png') left -1px no-repeat;}
#rounded-corner thead th.rounded-header-right{background: #b9c9fe url('http://www.pearldistrict.org/css/table-images/right.png') right -1px no-repeat;}
	
#rounded-corner th{
	padding: 6px;
	font-weight: bold;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td{
	padding: 5px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;}
	
#rounded-corner tfoot td.rounded-foot-left{background:#e8edff url('http://www.pearldistrict.org/css/table-images/botleft.png') left bottom no-repeat;}
#rounded-corner tfoot td.rounded-foot-right{background:#e8edff url('http://www.pearldistrict.org/css/table-images/botright.png') right bottom no-repeat;}
#rounded-corner tbody tr:hover td{background: #d0dafd}