body.body { font-family: Helvetica, Arial, sans-serif; color: #333; background: #FFF; margin-top: 0px; background-color: #DDD; font-size: 0.9em; }

a { color: #00F; font-weight: normal; }
h1 { font-size: 1.2em; font-weight: normal; text-align: left; margin-bottom: 0; margin-top: 0px; padding: 0 0 2px 0; }
h2 { font-size: 20px; font-weight: normal; text-align: left; margin-bottom: 0; margin-top: 0px; padding: 0 0 2px 0; color: #006549; font-family: Georgia, Times, "Times New Roman"; }
h3 { font-size: 0.9em; font-weight: bold; text-align: left; margin-bottom: 0; margin-top: 10px; padding: 0; color: #333; }
ul { margin-bottom: 0; margin-top: 0; }
p { margin: 5px 0 10px 0; line-height: 1.2em; }
img { border: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* menu system */
#navpanel { border: 0px solid #0F0; background-color: #FFF;  margin: 7px 0 30px 0; font-size: 1.2em; width: 870px; height: 50px; }

ul.mainnav { list-style-type: none; padding-left: 0.2em; padding: 0; margin: 0 0 0 0; }
ul.mainnav li { margin-bottom: 5px; float: left; margin-right: 15px; font-size: 15px; background-color: #00A74C; font-family: Georgia, "Times New Roman", serif; text-transform: uppercase; letter-spacing: 1px; padding: 12px 0 12px 0; text-align: center; }
ul.mainnav li.mainnavselected {  }
ul.mainnav li a { color: #FFF; font-weight: normal; text-decoration: none; }
ul.mainnav li a:hover { color: #000; }

ul.mainnav li.nav0 { width: 120px !important; overflow: hidden; padding: 12px 0 12px 0; }
ul.mainnav li.nav0selected { width: 120px !important; background-color: #006549; color: #FFF; padding: 12px 0 12px 0; }
ul.mainnav li.nav1 { width: 140px !important; overflow: hidden; padding: 12px 0 12px 0; }
ul.mainnav li.nav1selected { width: 140px !important; background-color: #006549; color: #FFF; padding: 12px 0 12px 0; }
ul.mainnav li.nav2 { width: 170px !important; overflow: hidden; padding: 12px 0 12px 0;  }
ul.mainnav li.nav2selected { width: 170px !important; background-color: #006549; color: #FFF; padding: 12px 0 12px 0; }
ul.mainnav li.nav3 { width: 240px !important; overflow: hidden; padding: 12px 0 12px 0;  }
ul.mainnav li.nav3selected { width: 240px !important; background-color: #006549; color: #FFF; padding: 12px 0 12px 0; }
ul.mainnav li.nav4 { width: 139px !important; overflow: hidden; padding: 12px 0 12px 0; margin-right: 0; }
ul.mainnav li.nav4selected { width: 139px !important; background-color: #006549; color: #FFF; padding: 12px 0 12px 0; margin-right: 0; }


ul.mainnav li.nav5 { width: 199px !important; overflow: hidden; padding: 12px 0 12px 0; margin-right: 0; }
ul.mainnav li.nav5selected { width: 189px !important; background-color: #006549; color: #FFF; padding: 12px 0 12px 0; margin-right: 0; }

ul.subnav { list-style-type: none; padding: 0px; margin: 0 0 30px 0; display: block; width: 205px; }
ul.subnav li { margin: 0; color: #006549; background-color: #CBE9CD; display: block; height: 1%; padding: 12px 7px 12px 7px; margin: 0 0 7px 0; font-size: 1em; }
ul.subnav li a:hover { text-decoration: underline; }
ul.subnav li a { color: #006549; text-decoration: none; }
.subnavselected { color: #FFF !important; font-weight: normal; background-color: #00A74C !important; }
/* end menu */

#container { width: 870px; margin: 10px auto 0 auto; border: 0px solid #999; padding: 15px; background-color: #FFF; }
#header { width: 870px; background-color: #FFF; }

#maincontents { float: left; background-color: #FFF; width: 420px; padding: 0 8px; font-size: 0.9em; color: #333; text-align: left; margin: 0 8px 10px 8px; border-left: 1px solid #999999; border-right: 1px solid #999999; }
#maincontents h1 { font-size: 1.8em; color: #006549; font-family: Georgia, Times, "Times New Roman"; margin-bottom: 9px; }
#maincontents a { color: #006549; font-weight: bold; text-decoration: none; }


#leftcol { background-color: #FFF; float: left; border: 0px solid #0F0; width: 205px; }
#rightcol { border: 0px solid #F00; width: 210px; float: left; }

#footer { text-align: left; font-size: 0.9em; margin-top: 20px; color: #666; background-color: #FFF; clear: both; position: relative; }
#footer a { color: #666; }

#subnav { margin-top: 0; border: 1px solid #FFF; background-color: #EEE; font-weight: normal; font-size: 10px; color: #333; }

div.leftbox { background-color: #E0F3EC; padding: 7px 0 7px 0; margin-bottom: 28px; width: 205px; }
div.leftbox a.main { font-family: arial, helvetica, sans-serif; color: #006549; font-size: 18px; font-weight: normal; background: url(/images/arrow-right.gif) no-repeat top right; display: block; padding: 0 20px 5px 0; margin: 0 5px 5px 0; text-decoration: none; margin-left: 5px; }
div.leftbox p { margin-left: 5px; font-family: Georgia, "Times New Roman", serif; }
div.leftbox img { width: 205px; }
div.leftbox h3 { margin-top: 0; }
div.leftbox a { color: #006549; text-decoration: none; font-weight: bold; }

div.rightbox { background-color: #FFF; padding: 7px 0 7px 0; margin-bottom: 28px; width: 205px; }
div.rightbox a.main { font-family: Georgia, Times, "Times New Roman"; color: #006549; font-size: 18px; font-weight: normal; background: url(/images/arrow-right.gif) no-repeat top right; display: block; padding: 0 0 5px 0; margin: 0 5px 5px 0; text-decoration: none; }
div.rightbox p { font-family: arial, helvetica, sans-serif; font-size: 12px; }
div.rightbox img { width: 205px; }
div.rightbox h3 { margin-top: 0; }
div.rightbox a { color: #006549; text-decoration: none; font-weight: bold; }

#authorlist { list-style-type: none; margin: 0; padding: 0; }
#authorlist li { margin-bottom: 10px; }
#authorlist div.image { float: left; margin: 10px 0;}
#authorlist div.bio { float: none; clear: both; width: 200px; }
#authorlist a { text-decoration: underline; color: #060; font-size: 1.2em; }

#eventslist { list-style-type: none; margin: 0; padding: 0; }
#eventslist li { margin-bottom: 5px; }
#eventslist div.image { float: left; margin-right: 10px; }
#eventslist a { text-decoration: none; color: #060; }

ul.eventslist { list-style-type: none; margin: 0; padding: 0; }
ul.eventslist a { text-decoration: none; color: #060; font-size: 1em !important; }

#events div.event { margin-bottom: 7px; }
#events h2 { font-family: arial, helvetica, sans-serif; font-size: 1.0em; }
#events a { color: #333; font-size: 1em; font-weight: normal; padding: 0; margin: 0 0 10px 0; text-decoration: none; }
#events div.time { float: left; margin-right: 10px; }
#events div.details { float: left; width: 350px; }
#events div.contents { float: left; /* margin-left: 7px; */ }
#events div.picture { float: left; }
#events div.standfirst { color: #333; font-family: arial, helvetica, sans-serif; font-size: 1em; }
#events div.standfirst a { color: #006549; font-weight: bold; }
#events img { margin-top: 5px; }

#eventdays { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
#eventdays li { float: left; margin-right: 10px; background-color: #E0F3EC; padding: 9px 12px; }
#eventdays li.selected { background-color: #00A74C;  }
#eventdays li.selected a { color: #FFF; }
#eventdays li a { text-decoration: none; font-size: 1.1em; color: #006549; }

#eventbuttons { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
#eventbuttons li { float: left; margin-right: 10px; margin-bottom: 10px; background-color: #E0F3EC; padding: 9px 12px; }
#eventbuttons li.selected { background-color: #00A74C;  }
#eventbuttons li.selected a { color: #FFF; }
#eventbuttons li a { text-decoration: none; font-size: 1.1em; color: #006549; }


div.standfirst { font-family: Georgia, Times, "Times New Roman"; font-size: 1.5em; color: #006549; margin: 0 0 14px 0; }
div.auxnav { position: absolute; top: 4px; left: 220px; }
div.author { display: none; }
img.gallery0 { margin-bottom: 10px; }


input.text, input.password, textarea { width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; }
input.submit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
select.select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; width: 160px; }
select.selectnormal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; width: auto; }

form.standardform { }  
form.standardform label { clear: both; display: block; margin-bottom: 15px;}
form.standardform select, form.standardform input, form.standardform textarea { clear: both; display: block; }
form.standardform textarea { width: 300px; height: 200px; }

#portfolio { position: relative; width: 421px; }

#portfolio div.photographer { position: absolute; top: 14px; right: 0px; font-size: 0.9em; }
#portfolio .panel .overview { position: absolute; bottom: 0; left: 0; padding: 0px; }
#portfolio .panel .details { background:transparent url(/images/text.png) repeat scroll 0 0; left:0; padding:0; position:absolute; top:0; width:421px; color: #FFF; }

#portfolio .panel { position: relative; width: 421px; height: 342px; }
#portfolio .panel .details { position: absolute; top: 0; left: 0; width: 421px; padding: 0; background: url(../images/text.png); }
#portfolio .panel .overview { position: absolute; bottom: 0; left: 0; width: 421px; padding: 15px 0px; background: #FFF; color: #000; }
#portfolio .panel .overview.withButtons { padding-bottom: 30px; }
#portfolio .carouselContainer { margin: 0; padding: 0; list-style-type: none; }

.carouselContainer li { width: 420px; }

.scrollButton { z-index: 9999; position: absolute; display: block; bottom: 5px; height: 27px; line-height: 27px; background: url(../images/arrows.png) no-repeat; }
#scrollLeft { padding-left: 0px; left: 0px; color: #000; background-position: 0 0; font-weight: normal; }
#scrollLeft:hover, #scrollLeft.hover { cursor: pointer; background-position: 0 -27px; }
#scrollRight { padding-right: 0px; right: 0px; color: #000; background-position: right -54px; font-weight: normal; }
#scrollRight:hover, #scrollRight.hover { cursor: pointer; background-position: right -81px; }