body {margin:0; padding:0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#222; }

iframe {background:transparent;}

body#calendar {background-color:transparent;}

img {border:0;}

p {margin:0.2em 0 0.9em;}

form {margin:0;}

input, textarea, select {font-size:1.0em; font-family:Arial, Helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6 {margin:0.2em 0; color:#ce6e0a;}

h1 {font-size:1.6em;}

h2 {font-size:1.4em;}

h3 {font-size:1.2em;}

h4 {font-size:1.1em;}

h5 {font-size:1.0em;}

h6 {font-size:1.0em;}

a {color:#ce6e0a; text-decoration:none;}

a:hover {color:#285aa5; text-decoration:underline;}

#main {width:1020px; font-size:1.2em; line-height:1.7em; }

#header {background:url(graphics/orange_bg.gif) repeat-x bottom; padding:0 0 10px 0;}

.logo {float:left;}

#slideshow {width:808px; float:left; height:201px; overflow:hidden;}

#holder {background:url(graphics/holder_bg.gif) repeat-y; width:1020px;}

#nav {background:url(graphics/nav_bg.gif) repeat-x; font-size:1.05em; min-height:236px; height:auto!important; height:236px; padding:0; width:212px; float:left;}

#navigation ul, #fish_nav ul {margin:0; padding:0 0 0 20px; list-style:none;}

#navigation li, #fish_nav li {background:url(graphics/bullet.gif) no-repeat 0px 17px; padding:10px 0 0 25px;}

#navigation a, #fish_nav a {color:#285aa5; text-decoration:none; font-weight:bold;}

#content {width:568px; float:left; padding:15px 20px 74px 20px; background:url(graphics/footer.gif) no-repeat bottom; min-height:407px; height:auto!important; height:407px;}

#right_col {width:200px; float:left; background:url(graphics/right_bg.gif) no-repeat;}

.signup {background:url(graphics/news_bg.gif) no-repeat; height:67px; text-align:center; padding:40px 0 0 0; width:200px;}

.signup input {border:0;}

div.clear {clear:both; visibility:hidden; height:0px; overflow:hidden;}

.copyright {clear:both; background:url(graphics/blue_bg.gif) repeat-x top #fff; padding:35px 0 0 0; text-align:center; width:100%;}

.imgleft {float:left; padding:0 10px 10px 0;}


.imgright {float:right; padding:0 0 10px 10px;}

.minievent {margin:0; padding:0; list-style:none;}

.minievent li {padding:0 0 10px 0;}

/* -----------------------------------------------------------------------
Below you'll find the nuts and bolts of what shapes this site. These 
styles detail the height, width, size, and shape of everything you see on 
the site. feel free to modify or delete what you see below.
----------------------------------------------------------------------- */

/* Pagination */
.pagination {color:#888;}
.pagination a, .pagination a:link, .pagination a:visited{text-decoration:none;}
.pagination .prevnextCurrent, .pagination .prevnextWindow {border:solid 1px #ccc;margin:0;padding:4px 6px;font-size:11px;margin-right:2px;line-height:3;}
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover {border:solid 1px #86AC63;color:#000;line-height:3;}
.pagination .prevnextCurrent {background:#86AC63;color:#fff;font-weight:bold;padding:4px 6px;}
.pagination a.prevnextLink {border:1px solid #dedede;color:#888;padding:3px 6px 4px;margin-right:2px;line-height:3;}
/* End Pagination */

/* ModuleBegin::events */
/* -----------------------------------------------------------------------
Lister for Events Module:
Each numbered item represents a different lister style
----------------------------------------------------------------------- */
.eventsListerWrapper {padding:0 10px; }
.eventsListerWrapper p.eventItem {border-bottom:1px dashed #ccc;padding-bottom:15px;}
#sidebar .eventsListerWrapper p.eventItem:last-child {padding-bottom:0;}
.eventsListerWrapper p.eventItem span {display:block;padding:0;}

#sidebar .eventsListerWrapper {position:relative;}
#sidebar .eventsListerWrapper p.eventItem {border:none;}

/* Box style lister -- each box has fixed width and floats left to fill available space */
.eventsListerWrapper1 * {background-color: #eef;}
.eventsListerWrapper1 p {width: 200px; display: block; float: left; margin-right: 24px;}
.eventsListerWrapper1 span.title {display: block;}
.eventsListerWrapper1 span.title:after {color: #999; font-weight: bold; content: " \000BB";} /* Unicode hex for » */
.eventsListerWrapper1 span.date {display: block; font-size: 75%; float: left;}
.eventsListerWrapper1 span.time  {display: block; font-size: 75%; float: right;}
.eventsListerWrapper1 span.date b {display:block;}
.eventsListerWrapper1 span.time b {display:block;}
.eventsListerWrapper1 span.desc {display: block; clear: both; margin-top: 14px;}

/* Simple lister -- each entry has fixed width and flows down a column */
.eventsListerWrapper2 * {background-color: #efe;}
.eventsListerWrapper2 p {width: 200px; }
.eventsListerWrapper2 span.title {display: block;}
.eventsListerWrapper2 span.date {display: block; font-size: 75%;}
.eventsListerWrapper2 span.time  {display: block; font-size: 75%;}

/* Paragraph lister -- each entry flows as in a paragraph */
.eventsListerWrapper3 {background-color: #fee;}
.eventsListerWrapper3 * {margin: 0; padding; 0;}
.eventsListerWrapper3 p {margin-left: 24px; text-indent: -24px; margin-bottom: 6px;}
.eventsListerWrapper3 b {font-weight: normal;}
.eventsListerWrapper3 span.title {font-weight: bold;}
.eventsListerWrapper3 span.title:after {content: ". ";}
.eventsListerWrapper3 span.date b {display: none;}
.eventsListerWrapper3 span.date:after {content: " at ";}
.eventsListerWrapper3 span.time b  {display: none; }
.eventsListerWrapper3 span.time:after {content: ". ";}

/* -----------------------------------------------------------------------
Events Detail
----------------------------------------------------------------------- */
p.eventItem {border-bottom:1px dashed #ccc;padding-bottom:15px;}
p.eventDetail span {display:block;}
p.eventDetail .eventTime {margin-bottom:15px;}
p.eventDetail .eventLocationAddress {margin-bottom:15px;}
.eventDateHeader {font-size: 120%;font-weight:bold;margin:0;}
.eventsListerWrapper .eventNavigation {margin:0 auto;text-align:center;}

/* -----------------------------------------------------------------------
Events Month-at-a-Glance
----------------------------------------------------------------------- */
#calendarWrapper .iframe { background: transparent; }
#calendarWrapper .eventTD .eventHeadline{padding-bottom:5px;font-weight:bold;}
#calendarWrapper .calDayOn {background:#86AC63;}
#calendarWrapper .calDayOn a{color:#fff;font-weight:bold;}
#calendarWrapper .calDayOn a:hover{color:#000;font-weight:bold;}
#calendarWrapper .calTodayOff, #calendarWrapper .calTodayOn{border:1px solid navy;background-color:#ffffb8;}
#calendarWrapper .calendarDays .weekdays{height:30px;background-color:#bbb;font-weight:bold;}
#calendarWrapper .calendarDays .weekend{background:#eee;font-weight:bold;}
#calendarWrapper .calendarDays .emptyDay{text-align:left;vertical-align:top;background-color:#eee;}
#calendarWrapper .calendarDays .eventToday{text-align:left;vertical-align:top;background-color:#ffffb8;padding-left:5px;}
#calendarWrapper .calendarDays .eventOff{text-align:left;vertical-align:top;padding-left:5px;}
#calendarWrapper .calendarDays .eventOn{text-align:left;vertical-align:top;padding-left:5px;}
#calendarWrapper table,#calWrapper table{width:100%;table-layout:fixed;}
#calendarWrapper .calTop{margin-left:10px;}
#calendarWrapper .calMonth{position:relative;top:5px;left:0px;text-align:center;font-weight:bold;margin-left:20px;margin-right:20px;}
#calendarWrapper .printCalendar {font-size:50%;}
#calendarWrapper .calBottom{text-align:left;margin-left:20px;}
#calendarWrapper .calMonthGlance{padding-top:10px;}
#calendarWrapper .calendarMonths{background-color:#000;text-align:center;vertical-align:middle;}
#calendarWrapper .calendarMonths a{display:block;color:#fff;font-weight:bold;font-size:11pt;text-decoration:none;padding:5px 0px 5px 0px;}
#calendarWrapper .calendarMonths a:hover{background-color:#ffffb8;color:#000;}
#calendarWrapper .calendarDays{border-collapse:collapse;table-layout:fixed;}
#calendarWrapper .calendarDays .title{font-size:12pt;font-weight:bold;color:#333;padding:10px 0px 10px 0px;}
#calendarWrapper .calendarDays .prevLink,#calendarWrapper .calendarDays .nextLink{font-size:11pt;background:#fff;}
#calendarWrapper .calendarDays .normal{display:none;}
#calendarWrapper .calendarDays td{text-align:center;border:1px solid #000;}
.eventsGlanceWrapper a {margin-bottom:5px;}
#calendarWrapper .calendarDays .weekend, #calendarWrapper .calendarDays .emptyDay, #calendarWrapper .calendarDays .eventToday, #calendarWrapper .calendarDays .eventOff, #calendarWrapper .calendarDays .eventOn{height:60px;}

/* -----------------------------------------------------------------------
Small calendar for Events module:
Each numbered item represents a different lister style
----------------------------------------------------------------------- */
/* Events Sidebar Calendar */
/* Nav and Month on top; Calendar in middle; Glance and Events on bottom */
.cal1 {position:relative;width:180px; color:#285aa5; padding:10px;}
.cal1 a {}
.cal1 .calPrev {float:left;width:20px;text-align:center;}
.cal1 .calMonth {float:left;width:140px;text-align:center;}
.cal1 .calNext {float:right;width:20px;text-align:center;}
.cal1 table {clear:both;}
.cal1 table.calGrid {margin:-1px 0 0 0;padding:0;table-layout:fixed;width:100%;}
.cal1 table.calGrid td {text-align:center;margin:0;padding:0; height:25px; width:25px;}
.cal1 table.calGrid td a {}
.cal1 .calWeek td {font-weight:bold;border-left:0;}
.cal1 .calDayOff {}
.cal1 .calTodayOff {background:#285aa5; color:#fff;}
.cal1 .calTodayOff a {color:#fff;}
.cal1 .calMonthGlance {}
.cal1 .calMonthMore {}
/* ModuleEnd::events */

/* ModuleBegin::photo */
/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #86AC63;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {color:#ccc;font-size:90%;}
.thumbnail {float:left; margin:0 5px 10px 0;border:1px solid #ccc;padding:5px;position:relative;width:170px;}
.thumbnail:hover {border:1px solid #86AC63;}
.thumbnail img {padding-bottom:5px;}
.thumbnail span {height:20px;width:150px;overflow:hidden;display:block;}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */