﻿/*------------------------------------------------------------------
[Master Stylesheet]
-------------------------------------------------------------------*/

@import "reset.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 11px/18px Arial, Helvetica, sans-serif; color: #000; background: #e6e6e6;}

h1										{font: bold 2.1818em/1.4em Arial, Helvetica, Sans-Serif; color: #5d9929;}
h2										{font: bold 1.5455em/1.4em Arial, Helvetica, Sans-Serif; color: #5d9929;}
h3										{font: bold 1.4545em/1.4em Arial, Helvetica, Sans-Serif; color: #484848; border-bottom: solid 1px #e5e5e5; padding: 0 0 4px;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Skiplinks
--------------------------------------------------------------------------------------------------*/

#skip a									{position: absolute; left: 0; top: -500px; height: 1px; width: 1px; overflow: hidden;}
#skip a:active, #skip a:focus			{position: static; width: auto; height: auto; margin: 0 auto;}

/*--------------------------------------------------------------------------------------------------
Structure
--------------------------------------------------------------------------------------------------*/

div#masthead							{background: transparent url(../gfx/masthead-bg.png) repeat-x top; display: block; height: 136px;}
div#masthead div#masthead-content		{width: 960px; margin: 0 auto; position: relative;}

div#page-container						{width: 960px; margin: 0 auto;}

div#footer								{background: transparent url(../gfx/footer-bg.png) no-repeat bottom; display: block; margin: 0px 0 0; height: 200px;}
div#footer div#footer-content			{width: 960px; margin: 0 auto; position: relative;}

/*--------------------------------------------------------------------------------------------------
Masthead objects
--------------------------------------------------------------------------------------------------*/

div#masthead div#masthead-content div#logo {position: absolute; left: -7px; top: 0;}
div#masthead div#masthead-content div#top-navigation {position: absolute; left: 177px; top: 25px;}
div#masthead div#masthead-content div#navigation {position: absolute; left: 160px; top: 80px;}

/* Top-navigation */
div#top-navigation ul li				{display: inline;}
div#top-navigation ul li a				{display: block; float: left; color: #fff; text-decoration: none; padding: 0 3px;}
div#top-navigation ul li a:hover		{text-decoration: underline;}

/* Navigation */
div#navigation ul li					{display: inline;}
div#navigation ul li a					{display: inline-block; color: #fff; font-weight: bold; padding: 0 20px 11px; text-decoration: none; font-size: 1.3636em;}

div#navigation ul li a:hover, div#navigation ul li.on a {background: transparent url(../gfx/navigation-item-bg.png) no-repeat bottom;}
div#navigation ul li.on a				{color: #2e560b;}

/*--------------------------------------------------------------------------------------------------
Page container objects
--------------------------------------------------------------------------------------------------*/

div#page-container div#secondary-navigation {float: left; width: 180px; margin: 0 10px 0 0; background-color: #fff;}
div#page-container div#content			{float: left; width: 510px; padding: 10px; background-color: #fff;}
div#page-container div#secondary-content {float: left; width: 230px; margin-left: 10px;}

div#page-container.wide div#content		{width: 490px; padding: 0 !important; background-color: transparent !important;}
div#page-container.wide div#secondary-content {width: 460px;}

/* Secondary navigation */
div#secondary-navigation div#currentpage a, div#secondary-navigation div#currentpage span {background: #000 url(../gfx/currentpage-bg.png) repeat-x top; display: block; color: #fff; text-decoration: none; padding: 10px 10px 7px;}
div#secondary-navigation ul				{padding: 5px 10px 10px;}
div#secondary-navigation ul	li a		{display: inline-block; width: 139px; border-bottom: solid 1px #e6e6e6; padding: 6px 6px 6px 15px; background: transparent url(../gfx/arrow.png) no-repeat left; color: #666; text-decoration: none;}
div#secondary-navigation ul	li a:hover, div#secondary-navigation ul	li.on a {color: #5c8836;}
div#secondary-navigation ul li.on a		{font-weight: bold;}

/* Content */
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {margin: 0.3em 0;}	
div#content	p							{margin: 0 0 1em;}
div#content a							{color: #5d9929;}
div#content a:hover						{text-decoration: none;}
div#content a:visited					{color: #555;}
div#content strong.category				{color: #5d9929;}
div#content p.date						{font-weight: bold; color: #5d9929;}
div#content ul, div#content ol			{margin: 10px 10px 10px 25px; padding: 0;}
div#content ul li						{list-style-type: disc;}
div#content ol li						{list-style-type: decimal;}

ul.breadcrumbs							{margin: 0 0 10px !important; padding: 0 !important; list-style: none !important; clear: both;}
ul.breadcrumbs li						{margin-right: 5px; padding: 0; display: inline; float: left; color: #646464;}
ul.breadcrumbs li strong				{color: #939393;}
ul.breadcrumbs li.delimiter				{background: #fff url(../gfx/arrow.png) no-repeat; text-indent: -9999px; width: 5px; height: 8px; margin: 6px 0 0; padding: 0 3px; float: left; display: block;}

div#headnews, div.newsitem				{background-color: #fff; padding: 10px;}						
div#headnews strong, div.newsitem strong {color: #5d9929;}						
div#headnews							{padding: 10px 10px 20px;}
div#headnews h2							{font-size: 2.3636em; color: #444; margin: 0 0 0.3em !important; letter-spacing: -0.03em}
div#headnews h2 a						{color: #444; text-decoration: none;}
div#headnews img						{display: block; margin: 0 0 10px;}

div.newsitem							{margin: 5px 0 0;}
div.newsitem img						{float: left; margin: 0 10px 0 0;}
div.newsitem h3							{font-size: 1.9091em; border: 0 !important; margin: 0 0 0.1em !important;  letter-spacing: -0.03em}
div.newsitem h3 a						{text-decoration: none; color: #444 !important;}

div#headnews a, div.newsitem a			{color: #000 !important; text-decoration: none;}
div#headnews a:hover, div.newsitem a:hover {text-decoration: underline;}
div#headnews h2 a:hover, div.newsitem h3 a:hover {text-decoration: none !important;}

div.newsitem-newspage img				{margin: 10px 0 5px; padding: 0;}
div.newsitem-newspage .preamble p		{font-weight: bold;}
div.newsitem-newspage .archive			{clear: both; border-top: solid 1px #e9e9e9; margin: 20px 0 0; padding: 10px 0 0;}

div.newsitem-newspage div.photoview		{margin: 20px 0 10px; border-top: solid 1px #e9e9e9; padding: 20px 0 0;}
div.newsitem-newspage div.photoview a	{width: 153px; height: 115px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
div.newsitem-newspage div.photoview a:hover {color: #000; background-color: #f5f5f5;}
div.newsitem-newspage div.photoview a img {display: block; clear: both; margin: 0 !important;}
div.newsitem-newspage div.photoview a span {width: 150px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

div.toolbox								{width: 160px; float: right; margin: 0 0 0 10px;}
div.toolbox div.box						{border: solid 1px #e9e9e9; margin: 0 0 10px; padding: 5px;}
div.toolbox div.box h3					{border: none !important; font-size: 0.9091em; text-transform: uppercase; color: #5d9929;}
div.toolbox div.box ol					{padding: 3px 0 !important; margin: 0 !important;}
div.toolbox div.box ol li				{display: block; padding: 3px 0 !important; margin: 0 !important;}
div.toolbox div.box ol li a				{color: #444 !important; text-decoration: none;}
div.toolbox div.box ol li a span		{font-weight: bold; color: #5d9929;}
div.toolbox div.box ol li a:hover		{text-decoration: underline !important;}

div.toolbox div.share	a				{text-indent: -9999px; display: block; height: 24px; width: 24px; float: left; margin: 0 5px 0 0;}
div.toolbox div.share	a.twitter		{background: transparent url(../gfx/icons/twitter.png) no-repeat;}
div.toolbox div.share	a.delicious		{background: transparent url(../gfx/icons/delicious.png) no-repeat;}
div.toolbox div.share	a.facebook		{background: transparent url(../gfx/icons/facebook.png) no-repeat;}

/* Secondary content */

div#secondary-content .searcharea		{background: #518921 url(../gfx/searcharea-bg.png) repeat-x top; padding: 10px; position: relative; display: block; height: 80px; margin: 0 0 10px; clear: both;}
div#secondary-content .searcharea h3	{color: #fff; border-bottom: none !important; font-size: 1.2727em; margin: 0 0 0.2em;}

div#secondary-content .searcharea fieldset legend {display: none;}
div#secondary-content .searcharea fieldset input.txt {width: 200px;}
div#secondary-content .searcharea fieldset input.btn {position: absolute; right: 10px; bottom: 10px;}
div#secondary-content .searcharea fieldset label.overlabel {display: none;}
div#secondary-content .searcharea fieldset label.overlabel-apply {position: absolute; left: 15px; top: 38px; font-size: 1.0909em; color: #5c5c5c;}

div#page-container.wide div#secondary-content .searcharea {background: #518921 url(../gfx/searcharea-bg.png) repeat-x bottom; height: 50px;}
div#page-container.wide div#secondary-content .searcharea fieldset input.txt {width: 380px;}
div#page-container.wide div#secondary-content .searcharea fieldset input.btn {bottom: 16px;}

div#secondary-content .module			{background-color: #fff; padding: 10px 10px 15px; margin: 0 0 10px;}
div#secondary-content .module h3		{border: 0 !important;}
div#secondary-content .module.list		{margin: -8px 0 10px;}
div#secondary-content .module .mh		{position: relative;}
div#secondary-content .module .mh .items-pager {position: absolute; right: 0; top: -2px;}
div#secondary-content .module .mh .items-pager a {display: inline-block; width: 5px; height: 5px; background: transparent url(../gfx/step-item-bg.png) no-repeat top; margin: 0 0 0 3px;}
div#secondary-content .module .mh .items-pager span {display: none !important;}
div#secondary-content .module .mh .items-pager a.activeSlide, div#secondary-content .module .mh .items-pager a:hover {background-position: bottom;}
div#secondary-content .module .mh h3	{color: #444 !important; font-size: 1.1818em !important;}
div#secondary-content .module.view h3, div#secondary-content .module.list h3 {color: #5d9929 !important;}

div#secondary-content .module .mb span.date {font-weight: bold; color: #5d9929; display: block; margin: 0 0 3px;}
div#secondary-content .module .mb h3	{color: #5d9929 !important; font-size: 1.1818em !important;}
div#secondary-content .module .mb h3 a	{font-size: 1.1538em !important; color: #444 !important; text-decoration: none; margin: 1.1538em 0 !important; line-height: 1.5em;}

div#secondary-content .module.view .mb ul.slider li {width: 193px; padding: 0 10px 0 0;}

div#secondary-content .module.list .mb a:hover {text-decoration: underline !important;}
div#secondary-content .module.list .mb ul li {display: block; border-bottom: solid 1px #e9e9e9; padding: 6px 0;}
div#secondary-content .module.list .mb ul li span {display: inline !important; margin: 0 10px 0 0 !important;}
div#secondary-content .module.list .mb ul li a {color: #444; text-decoration: none;}

div#secondary-content .module-container {margin: 0 0 10px; clear: both; padding: 0;}
div#secondary-content .module-container.merge {background-color: #fff; margin: 0 0 10px; height: 100%;}
div#secondary-content .module-container .module {float: left; width: 205px; margin: 0;}
div#secondary-content .module-container .module.alpha {margin: 0 10px 0 0;}
div#secondary-content .module-container .module.border {border: solid 1px #e0e0e0; width: 203px; height: 190px; display: inline-block; overflow: hidden;}

div#secondary-content .module.flickr	{clear: both; border: solid 1px #e0e0e0; padding: 15px 10px 10px 15px; text-align: center;}
div#secondary-content .module.flickr img {margin: 0 4px; padding: 0 !important; width: 75px; height: 75px; overflow:hidden;}
div#secondary-content .whff             {text-align: right;}

table.calendar							{width: 100%;}
table.calendar tr						{margin: 0 0 1px;}
table.calendar tr th					{text-align: center; padding: 5px 0; color: #232323;}
table.calendar tr td					{padding: 4px 5px; text-align: center; vertical-align: middle; border: solid 1px #fff; border-left: 0; border-top: 0; font-weight: bold; color: #414141; min-width: 15px;}
table.calendar tr td.empty				{background-color: #fff; color: #b0b0b0 !important; font-weight: normal;}
table.calendar tr td.hasnt				{background-color: #f8f8f8;}
table.calendar tr td.has				{background: #5d9929 url(../gfx/currentpage-bg.png) repeat-x bottom;}
table.calendar tr td.has a				{color: #fff; text-decoration: none !important;}
table.calendar tr td.has a:hover		{text-decoration: underline !important;}
table.calendar tr td.week				{background-color: #e3e3e3;}

table.calendar tr td.month				{color: #5d9929; text-transform: capitalize; padding: 10px 0 0;}
table.calendar tr td.today				{background-color: #fff;}
table.calendar tr td.today a			{color: #000; text-decoration: none !important;}

table.calendar tr td.left				{padding: 10px 0 0;}
table.calendar tr td.right				{padding: 10px 0 0;}

/*--------------------------------------------------------------------------------------------------
Footer objects
--------------------------------------------------------------------------------------------------*/

div#footer-content address.footer		{position: absolute; left: 0; top: 130px; font-style: normal !important; color: #fff;}

div#footer-content address.footer strong {display: none;}
div#footer-content address.footer span.tel strong {display: inline;}
div#footer-content address.footer span.fax strong {display: inline;}
div#footer-content address.footer span.fn {font-weight: bold;}

div#footer-content div#quotes			{position: absolute; right: 15px; top: 130px; color: #fff; font: 1.4545em Georgia, Times New Roman, Serif;}

/*--------------------------------------------------------------------------------------------------
Generics
--------------------------------------------------------------------------------------------------*/

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0; padding: 5px; background-color: #ededed;}
img.right								{float: right; margin: 0 0 5px 10px; padding: 5px; background-color: #ededed;}

div.company					            {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;}

ol.list-view							{list-style: none !important; margin: 0 !important; padding: 0 !important;}
ol.list-view li							{border-bottom: solid 1px #e6e6e6; padding: 15px 0 !important; margin: 0 !important; list-style-type: none !important;}
ol.list-view li	h3						{font-weight: bold; border: none !important;}
ol.list-view li	h3 a, ol.list-view li	h3 a:hover {text-decoration: none !important;}
ol.list-view li p.date					{padding: 0 0 5px; font-weight: bold; color: #5d9929; margin: 0 !important;}
ol.list-view li img						{float: left; margin: 0 10px 0 0;}
ol.list-view li strong					{color: #5d9929;}
ol.list-view li	a						{text-decoration: none !important; color: #000 !important;}
ol.list-view li	a:hover					{text-decoration: underline !important;}

table.default-view						{margin: 0 0 15px; width: 100%;}
table.default-view tr td				{padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;}
table.default-view tr td.last			{border-right: 0;}
table.default-view tr.odd td			{background-color: #f2f2f2;}
table.default-view tr.header th			{text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold; border-bottom: solid 1px #e6e6e6;}
table.default-view tr th				{padding: 5px 5px 5px 15px; text-align: left !important;}
table.default-view tr.list-head th		{background: #f8f8f8; border-bottom: solid 1px #fff;}
table.default-view tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;}
table.default-view tr td.middle			{vertical-align: middle !important;}

table tr.pager td, table tr.pager td table tr td {border: 0;}
table tr.pager td 						{font-weight: bold;}
table tr.pager td a						{font-weight: normal !important;}


/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #e9e9e9; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 1em Arial, Helvetica, Sans-Serif !important; display: block;}
address.staff span.wrapper				{width: 300px; float: left; display: block;}
address.staff span.photo				{width: 120px; margin: 15px 0 0 5px; float: right;}
address.staff h3						{margin: 0 !important; padding: 0 !important;}
address.staff span.title				{margin: 10px 0; color: #000 !important;}
address.staff span.tel, address.staff strong {color: #000 !important; margin: 0 0 10px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; border-bottom: solid 1px #e6e6e6;}
a.gallerydir							{width: 153px; height: 140px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 153px; height: 140px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 153px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 8px; left: 5px;}

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 20px 0; padding: 10px; background-color: #f6f6f6;}
fieldset.contact legend					{margin: 0px; padding: 0; font: bold 12px sans-serif; color: #000; text-indent: -9999px;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block; font-weight: bold;}
fieldset.contact label .rfv				{color: #f00; font-weight: normal !important;}
fieldset.contact input					{width: 250px; padding: 3px 2px; font: normal 1em Arial, Helvetica, sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 480px; height: 140px; padding: 2px; font: normal 1em Arial, Helvetica, sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary						{list-style: none; margin: 0; padding: 0;}
ul.documentlibrary li					{line-height: 20px; border-bottom: solid 1px #e6e6e6; padding: 0 0 5px;}
ul.documentlibrary li img				{vertical-align: middle;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}
