@charset "UTF-8";

/* reset to defaults */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Basic Typography */

h2 { color: #09a; font-size: 1.384em; margin: 0 0 6px 0; line-height: 1.1em}

h3, h4 { color: #09a; font-size: 1.0769em; font-weight: bold; margin: 0 0 6px 0; }

h4 { color: #555; }

h2 + h3, h2 + h4 { margin-top: 20px; }

p { font-size: 1.076em; line-height: 1.428em; margin: 0 0 20px 0;}

a, a:link { color:	#a90; background-color: transparent; text-decoration: none; }

a:visited { color:	#a90; background-color: transparent; text-decoration: none; }

a:hover { background: #fbe31c; color: #09a; text-decoration: underline; }

a img { border: none; }

#maincol li a { color: #a90;  padding: 0 0 1px 0;}


/* Layout & Strcture   font-size: 0.8125em; line-height: 1 */

body { line-height: 1; color: #555; font:  0.8125em/1em Arial, "Lucida Grande", Verdana, Geneva, sans-serif; text-align: center; }

body.default { background: #f0eeee url(backgrounds/header_strip.gif) 0 0 repeat-x;}

body.home { background: #f0eeee url(backgrounds/header_strip.gif) 0 0 repeat-x;}

body.awards { background: #f0eeee url(backgrounds/awards_bg.jpg) 0 0 repeat-x;}

body.services { background: #f0eeee url(backgrounds/services_bg.gif) 0 0 repeat-x;}

body.contact { background: #f0eeee url(backgrounds/services_bg.gif) 0 0 repeat-x;}

body.about { background: #f0eeee url(backgrounds/awards_bg.jpg) 0 0 repeat-x;}

body.map { background: #f0eeee url(backgrounds/map_bg.gif) 0 0 repeat-x;}
body.map h2, body.map h3 { color: #050608;}

body.events { background: #f0eeee url(backgrounds/events_bg.gif) 0 0 repeat-x;}
body.events h2, body.events h3 { color: #179ea1;}

body.services { background: #f0eeee url(backgrounds/services_bg.gif) 0 0 repeat-x;}
body.services h2, body.services h3 { color: #ef6b23;}

body.awards { background: #f0eeee url(backgrounds/awards_bg.jpg) 0 0 repeat-x;}
body.awards h2, body.awards h3 { color: #455052;}

body.resources { background: #f0eeee url(backgrounds/resources_bg.gif) 0 0 repeat-x;}
body.resources h2, body.resources h3 { color: #353e5b;}

body.about { background: #f0eeee url(backgrounds/awards_bg.jpg) 0 0 repeat-x;}
body.about h2, body.about h3 { color: #cd167e;}




body.grants { background: #f0eeee url(backgrounds/grants_bg.gif) 0 0 repeat-x;}

body.resources { background: #e4e4e4 url(backgrounds/resources_bg.gif) 0 0 repeat-x;}


#container { background-color: #fff; width: 880px; margin: 0 auto; text-align: left; position: relative; }

#header { background-image: url(images/header_fish.gif); background-color: #fbe31c; background-position: 0 0; background-position: no-repeat; width: 880px; height: 135px; }

#pagebody {margin-top: 20px; clear: both; width: 100%; float: left;}
#maincol { float: left; width: 654px; }

#rightcol { float: right; width: 224px; }

#middlecol { float: left; width: 452px; }

#leftcol { float: left; width: 200px; }

#footer {font-size:.82em; clear: both; border-top:1px solid #ccc; padding: 10px; }
#footer a, #footer a:link { color:	#000; background-color: transparent; text-decoration: none; }

/* Menus */

#topmenu { float: left; width: 100%; clear: both; color: #000; background: #444 url(backgrounds/glass.jpg) repeat-x 0 0; }

#topmenu ul { margin: 0; padding: 0; }

#topmenu ul li { display: inline; background: none; padding:0; margin: 0; }

#topmenu ul li a { padding: 12px 18px; text-decoration: none; float: left; /*width: 86px;*/ border-left: 1px solid #aaa; }

#topmenu ul li.firstitem a { border-left: 0; }

#topmenu ul li a:link, #topmenu ul li a:visited { color: #333; }

#topmenu ul li a.active { color: #000; background: #bbb url(backgrounds/glass.jpg) repeat-x 0 100%; }

#topmenu ul li a:hover { background: #aaa repeat-x left bottom; color: #fff; }

#subnav, #sidebar p, #sidebar li { font-family: Verdana, sans-serif; }

#subnav ul { background: #fff; float: left; width: 224px; border-bottom: 1px solid #ddd; margin: 0 0 20px 0; }

#sidebar #subnav ul li { background-image: none; display: block; float: left; width: 224px; padding: 0; font-size: 1em; line-height: 1em; }

#subnav ul li a { display: block; color: #333; width: 204px;  padding: 0.461em 0 0.461em 20px; border-top: 1px solid #ddd; text-decoration: none; }

#subnav ul li a:hover { background-color: #eee; border-top: 1px solid #09a; }

/* Widgets */

#quicksearch { position: absolute; width: 200px; right: 20px; top: 20px; }

p.file, p.icn { background-position: 0 0; background-repeat: no-repeat; padding: 0 0 2px 25px; /*margin: -10px 0 0 0; */ }

p.pdf { background: url(icons/icn_pdf.gif) no-repeat 0 2px; }

p.more { background-image: url(icons/icn_arrow.gif); background-position: 4.8em 0.45em; background-repeat: no-repeat; }

p.more a { color: #777; border-color: #777; }

table.calendar { width: 210px; padding: 0; margin: 0; border-left: 1px solid #ccc; font: normal 10px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #555; text-align: center; }

table.calendar caption { width: 210px; margin: 0; padding: 5px 0; font: bold 11px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #fff; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; background: #dfdfdf url(backgrounds/glass.jpg) repeat-x left top; color: #444; : #4d4d4d;
text-align: center; }

table.calendar caption a, table.calendar caption a:link { color: #000; }

table.calendar th { font: bold 11px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color: #eee; }

.today, td.today a, td.today a:link, td.today a:visited { font: bold 11px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #f00; background: #ddd url(backgrounds/bg_calendar.gif) no-repeat right top; border: 0; }

table.calendar td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 28px; text-align: center; }

table.calendar td a { text-decoration: none; font-weight: bold; display: block; border: 0; }

table.calendar td a:link, table.calendar td a:visited { color: #333; background: #efefef; border: 0; }

table.calendar td a:hover, table.calendar td a:active { color: #000; background: #ddd url(backgrounds/bg_calendar.gif) no-repeat right top; border: 0; }

/* grid */

table.grid { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

table.grid tr th { padding: 3px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; overflow:hidden; background-color: #ccc; }

table.grid tr td { padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow:hidden; }

table.grid tr { border-top: 1px solid #ccc; }

/* tablelisting */
table.listing { border-collapse: collapse; }

table.listing th { background: #939aad; color: #fff; font-weight: bold; padding: 5px 5px; text-align: left; border-right: 1px solid #fff; }

table.listing td { padding: 5px 5px; border-bottom: 1px solid #eee; vertical-align: top; }

table.listing tr.old td { background: #ecf6fc; }

table.listing tr.over td { background: #bcd4ec; }

table.tablelisting tr.tablefooter td { border-top: 1px solid #ccc; border-left: none; background: #f1f1f1; }

#maincol .article { padding: 0 20px; } 

#middlecol .article { padding: 10px; }

#leftcol .article { padding: 10px 5px; }

#rightcol .article { padding: 10px }

.panel { padding: 5px; margin: 5px 0; color: #444; background: #fff; border: 1px solid #d3d3d3; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; }

div.hero { background-color: #d0f0f3; }


#maincol ul, #sidebar ul { margin: 0 0 20px 0;}
#maincol ol, #sidebar ol { margin: 0 0 20px 20px; }
#maincol li { color: #777; padding: 0 0 0 15px; font-size: 1.076em; line-height: 1.428em; }
#sidebar li { color: #555; padding: 0 0 0 15px;}
#maincol ul li { background: url(widgets/bullet_08a.gif) 3px 8px no-repeat;}
#maincol ol li { list-style-type: decimal; padding: 0;}
#sidebar ul li { background: url(widgets/bullet_777.gif) 3px 7px no-repeat; font-size: 0.923em; line-height: 1.5em;}

.home #maincol h2 { margin: 10px 0; font-family: "Lucida sans", sans-serif; font-size: 1.230em; line-height: 1.25em;}
.home #maincol blockquote p, .pullquote { margin: 10px 0; font-family: "Lucida sans", sans-serif; font-style: italic; font-size: 1.230em; line-height: 1.25em;}

#directorylisting, 
.addressblock, .collection_fld {padding: 10px 0;}

div.filterbox {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0;
	background-color:#f7faea;
	}
	
div.filterbox div.searchbox { padding: 10px 0 0 0;}

div.filterbox div.paginator { padding: 10px 0 0 0;/* position: relative; clear: both; padding: 6px 0 12px 0; margin: 0px; text-align: left;*/ }

.paginator a,
.pageList .this-page { padding: 2px 4px; border: solid 1px #ddd; background: #fff; text-decoration: none; }

.paginator a:visited { padding: 2px 4px; border: solid 1px #ddd; background: #fff; text-decoration: none; }

.paginator .break { padding: 2px 4px; border: none; background: #fff; text-decoration: none; }

.paginator .end { padding: 2px 4px; border: solid 1px #ddd; background: #fff; }

.paginator .this-page { padding: 2px 4px; border:1px solid #ccc; font-weight: bold;  background: #fff; }

.paginator a:hover { color: #fff; background: #a90; border-color: #a90; text-decoration: none; }

#slideshow img { display: none }
#slideshow img.first { display: block }

.newsdetails {font-size:.83em; color: #aaa}

.newssynopsis p {margin-bottom: 6px;}

.newstory {border-bottom:1px solid #ccc; margin-bottom: 20px}

#directorylisting {line-height: 1.428em; }

h4.toggleswitch {border-top:1px solid #ccc; padding-top:10px;}