body {
	margin: 0px;
	padding: 0px;
	background:  url(library/background.gif) center top repeat-x #EEF0F0	;
	font: normal 11px verdana, arial, helvetica, sans-serif;
}

div#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

div#header {
	width: 750px;
	height: 160px;
	float: left;
}
br.clearBoth {
	clear: both;
}
div#nav {
	height: 42px;
	background:  url(library/nav.gif) top left no-repeat;
	font: bold 11px verdana, arial, helvetica, sans-serif;
}

div#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 20px 0 0 0;
}

div#nav ul li {
	float: left;
	padding-left: 35px;
	text-align: center;
}

div#nav ul li a {
	text-decoration: none;
	color: #FFF;
}

div#nav ul li a:hover {
	color: #CCC;
}
div#runner {
	height: 160px;
	background:  url(library/runner.jpg) top left no-repeat transparent;
}
div#ball {
	height: 160px;
	background:  url(library/ball.jpg) top left no-repeat transparent;
}
div#leaves {
	height: 160px;
	background:  url(library/leaves.jpg) top left no-repeat transparent;
}
div#diary {
	height: 160px;
	background:  url(library/diaryglasses.jpg) top left no-repeat transparent;
}
div#meeting {
	height: 160px;
	background:  url(library/meeting.jpg) top left no-repeat transparent;
}
div#bird {
	height: 160px;
	background:  url(library/bird.jpg) top left no-repeat transparent;
}
div#beach {
	height: 160px;
	background:  url(library/beach.jpg) top left no-repeat transparent;
}
div#flower {
	height: 160px;
	background:  url(library/flower.jpg) top left no-repeat transparent;
}
div#flamingo {
	height: 160px;
	background:  url(library/flamingo.jpg) top left no-repeat transparent;
}
div#turkey {
	height: 160px;
	background:  url(library/turkey.jpg) top left no-repeat transparent;
}
div#main {
	background-color: #FFF;
}

div#breadcrumbs {
	padding: 10px 10px 20px 10px;
	background:  url(library/line.gif) 0px 30px repeat-x transparent;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #566;
}

div#breadcrumbs a {
	color: #566;
	text-decoration: none;
}

div#breadcrumbs a:hover {
	text-decoration: underline;
}

div#breadcrumbs a.current {
	color: #333;
}
table.agencyIndex{
color: #566;
}
table.agencyIndex th {
	background-color: #EEF0F0;
	border: 1px solid #BEC0C0;
	margin: 10px;
	display: block;
	width: 200px;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}
table.agencyIndex a {
	text-decoration: none;
	background-color: #FFF;
	color: #566;
}
table.agencyIndex a:hover {
	text-decoration: underline;

}



div#contentHome {
	color: #566;
	padding: 10px 20px 20px 20px;
	line-height: 1.5em;
	min-height: 100px;
}
/* ie hack to get rid of the 3px jog ------------- */
* html div#contentHome {
	height: 100px;
}
#imagegallery {
	list-style: none;
	padding: 4px;
	margin:0;
} 
#imagegallery li{
   display: inline;

   }
#imagegallery li a img {
  border:2px #FFFFFF;
}

div#footer {
	color: #566;
	border-top: 1px solid #EEF0F0;
	padding: 10px;
	font-size: 10px;
	align: left bottom;
	
}

div#footer a {
	color: #566;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#footer div#copyright {
	float: left;
}

div#footer div#validator {
	text-align: right;
}