/** Global settings **/

/*
body {
  font-family: "Lucida Grande","Luxi Sans","Trebuchet MS",helvetica,arial,sans-serif;
  background-position: center;
  background-repeat: repeat-y;
  background: #ededed;
  background-image: url(/ksng-bg.png);
}*/

/*
 * purple -  77  33 119 - #4d2177
 * green  - 132 164  11 - #84a40b
 * mauve  - 139   0 102 - #8b0066
 * orange - 237 119   3 - #ed7703
 * blue   -   0 105 144 - #006990
 * brown  - 157  85  45 - #9d552d
 * grey   -  65  90 104 - #415a68
 * black  -   0  19  35 - #001323
 */

h1			{ margin: 0px; margin-bottom: 10px; }
h1			{ font-weight: bold; /*font-family: 'TheSerifBlack',verdana,arial;*/ font-style: italic; font-size: 12pt; }

body			{ background-position: center; background-repeat: repeat-y;
  			  /*background-image: url(/images/lines-blue.jpg);*/
			}

body			{ font-size: 9pt; padding-left: 10px; background-color: #008AB8; color: #78a13f;
			  font-family: Verdana, Arial }

div#canvas		{ overflow: hidden; }
div#canvas		{ width: 1024px; margin: auto; background: white; padding: 10px; }

#selectMenu		{ background-color: #84a40b; color: white; width: 100%; height: 40px; }
/*#selectMenu		{ background-image: url(/images/red-bg.png); background-repeat: repeat-x; }*/
#selectMenu h1		{ color: white; padding: 4px 10px; }
#selectMenu a 		{ color: white; }
#selectMenu a.menu_sel	{ color: yellow; }
#selectMenu a:hover 	{ color: #ed7703; }

#page			{ width: 100%; background-color: white; border-top: none; }

div#main		{ min-height: 500px; padding: 10px; }
div.narrow		{ padding: 10px; width: 640px; float: right; }

div#fb-root		{ float: right; }

div#left_menu		{ overflow: hidden; display: inline-block; /* IE6 */ }
div#selectMenu		{ overflow: hidden; display: inline-block; }
#editmenu		{ overflow: hidden; display: inline-block; }
#pageupdated		{ overflow: hidden; display: inline-block; }
#pagefooter		{ overflow: hidden; display; }
#pageviewfooter		{ overflow: hidden; display: inline-block; }
div.thumbnails		{ overflow: hidden; display: inline-block; }
div#p2eimages		{ overflow: hidden; display: inline-block; }
div#p2efiles		{ overflow: hidden; display: inline-block; }
div#menubar		{ overflow: hidden; display: inline-block; }
div#section_logos	{ overflow: hidden; display: inline-block; }
div.slide		{ width: 400px; margin-left: 0px; }

div#section_logos	{ border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; }

/*.pagetable		{ overflow: auto; display: inline-block; }*/

#main a			{ text-decoration: none; color: blue; }
#main a:hover		{ color: #c00; }
#main h1		{ background: #84a40b; color: white; padding: 5px 10px; }
.mainh1			{ background: #84a40b; color: white; padding: 5px 10px; }
/*#main h1		{ background-image: url(/images/red-bg.png); background-repeat: repeat-x; }*/

div#map_canvas		{ width: 100%; height: 500px; margin-top: 10px; }

#spacer			{ width: 100%; min-height: 30px; margin:auto; text-align: center; padding: 3px; }
div.submenu		{ padding: 5px 0px; border-top: 1px dashed #84a40b; }
div.submenu:first-child	{ border-top: none; }
#spacer a 		{ color: #ed7703; }
#spacer a.menu_sel 	{ color: #8b0066; }
#spacer a:hover	 	{ color: #8b0066; }

div#pagefooter		{ width: 1024px; height: 100px; margin: auto; }
#pagefooter		{ margin-top: 0px; padding: 10px; font-style: italic; /*border: 1px solid #aaa;*/ }
div#pagefooter		{ background: white; /* background-image: url(/images/hillsbg1024.jpg); */
  			  background-repeat: no-repeat;
  			  background-position: bottom;
			}

#pagefooter .jumpcode	{ color: blue; text-align: center; }
#pagefooter .usersonline{ color: blue; text-align: center; }
#pagefooter .copyright	{ color: #aaa; text-align: center; margin-top: 10px; }

div#menuadd		{ text-align: center; padding: 10px; }

div#menubar_menu	{ background: transparent; margin: 10px; font-style: italic; width: 230px; }
#menubar_menu a		{ background: transparent; color: #78A13F; margin: 0px; }
#menubar_menu a:first-child { border-bottom: 1px solid #ccc; color: #4d2177; font-size: 12pt; margin-bottom: 5px;}
#menubar_menu a:hover	{ color: red; }

/*#left_menu a		{ margin: 2px 0px; }*/
#left_menu a:first-child	{ margin-top: 0px; }
#left_menu a		{ border: 1px solid #eee; }
#left_menu a:hover	{ background: transparent; }

.hmenu			{ background: transparent; font-weight: bold; /*font-family: Georgia;*/ font-style: italic; font-size: 9pt; }
#topmenu .hmenu		{ padding: 2px; }
#topmenu		{ background: transparent; margin-bottom: 5px; }

#topmenu a		{ color: #ed7703; border-left: 1px solid blue; }
#topmenu a:first-child	{ border-left: none; }
#topmenu a:lsst-child	{ border-left: none; }
#topmenu a:hover	{ background: transparent; color: #78A13F; }

.hmenu a		{ color: #ed7703; border-left: 1px solid white; border-right:none; }
.hmenu a:first-child	{ color: #ed7703; border-left: none; }
.hmenu a:hover		{ background: transparent; color: #78A13F; }

#indexleft		{ width: 280px; min-height: 700px; float: left; }
#indexmiddle		{ width: 280px; min-height: 700px; float: left; margin-left: 10px; }
#indexright		{ width: 420px; min-height: 700px; float: right; }

div.article_hide1	{ opacity: 0.70; filter:alpha(opacity=70); }
div.article_hide2	{ opacity: 0.50; filter:alpha(opacity=50); }
.article		{ padding: 15px; margin: 0px; border-top: 3px solid #ed7703; }
.first			{ border-top: none; }
.article i		{ float: right; color: #aaa; font-size: smaller; }

#news .article h1	{ background: transparent; color: #4d2177; padding: 0px; }
#news div:first-of-type	{ border: none; }
#indexleft h1		{ background: transparent; color: #4d2177; padding: 0px; }
#indexmiddle h1		{ background: transparent; color: #4d2177; padding: 0px; }
#indexright h1		{ background: transparent; color: #4d2177; padding: 0px; }
.widearticle		{ margin: 15px 0px; padding: 15px, 0px; border-top: 1px solid #eee; }

.vmenu, .vmenu a	{ background: transparent; color: #4d2177; }

div.searchresult	{ background: wheat; border: 1px solid brown; padding: 15px; margin:15px 0px;}
a.searchtitle		{ display: block; margin-bottom: 5px; text-decoration: underline; background: transparent; }
a.searchtitle		{ font-weight: bold; /*font-family: Georgia;*/ font-style: italic; font-size: 12pt; }
p.searchtitle		{ display: block; margin-bottom: 5px; color:blue; }
p.searchtitle		{ font-weight: bold; /*font-family: Georgia;*/ font-style: italic; font-size: 12pt; }

div#p2eimages		{ float: none; width: 80%; display: block; margin: 1px solid red; padding: 10px; }
div#p2efiles		{ float: none; width: 80%; display: block; margin: 1px solid red; padding: 10px; }



.floatright		{ float: right; }
.floatleft		{ float: left; }
.cyan			{ color: cyan; }
.grey			{ color: #c0c0c0; }

b, .red			{ color: red; }
.black			{ color: black; }
.main3			{ border: 1px solid #f0f0f0; }
#left_menu		{ float: left; width: 250px; /*border: 1px solid red;*/ }
#submenubar_menu	{ width: 230px; }

.htabmenu ul		{ padding-top: 10px; }
.htabmenu a		{ color: #90c; }
.htabmenu a:hover	{ color: yellow; }
.htabmenu_banner	{ background: white; }

/** Sub Menu **/

/*
.submenu p		{ width: 100%; border: 1px solid blue; margin: 5px; }
div.submenu		{ width: 100%; margin: auto; padding: 0px; }
div.subsection		{ margin: 5px; }
.subsection div		{ margin: 5px; padding: 1px; }
.submenu a		{ padding: 0px 10px; }
.submenu h1, .btBox h1	{ font-size: 10pt; padding: 0px 10px; margin: 0px; margin-bottom: 2px;
			  margin-right: 10px; border-bottom: 1px solid blue; }
*/

/** Small title bar **/

.smallbar		{ background: #f2f4f4; width: 100%; height: 3em; border: 1px solid #90c; }
.smallbar em		{ background: transparent; float: left; padding: 2px 0px 0px 185px;
			  position: relative; font-size: x-large; color: #90c; font-style: normal; }
.smallbar input		{ margin-top: 0.4em; margin-right: 0.5em; font-size: 0.9em; float: right; }

div#getff		{ border: 1px solid #415a68; margin-left: 10%; margin-right: 10%; margin-top: 1em; padding: 0.5em; }
#getff a		{ text-decoration: underline; color: red; }

#freefind		{ font-family: arial, helvetica; }
#freefind input		{ font-size: small; }
#freefind a		{ display: inline; }

/** Jargon buster **/

.jargon table		{ margin: 5px; border: 1px solid #ddd; border-collapse: collapse; width: 100%; }
.jargon h3		{ padding-top: 10px; padding-bottom: 10px; }
.jargon a		{ border: 1px solid #ddd; text-decoration: none; margin: 0.2em; padding: 0.2em 0.4em; }
.jargon a:hover		{ text-decoration: none; background: yellow; }
.jargon .sel		{ background: #0ff; }
.jargon th		{ text-align: left; padding: 1px 10px; }
.jargon td		{ vertical-align: top; border: 1px solid #e0e0e0; padding: 4px 10px; }

/** Calendar **/

.calendar th		{ /*background: brown;*/ color: white; padding: 5px; }
.calendar th		{ background: url('/images/shade.jpg') repeat-x center;}
.calendar td		{ /*border: 1px solid #e0e0e0;*/ padding: 5px; }
.calendar a		{ text-decoration: none; color: red; }

/** Diary **/

.diary th		{ border: 1px solid #e0e0e0; }
#month			{ text-align: left; font-size: 125%; color: #84a40b; background: #ffe4c4; padding-left: 1em; }
.diary td		{ text-align: left; background: #e8e8e8; }

/** Camp Site Listing **/

.campsite		{ float: left; margin-left: 1em; }
.campsitelist a		{ display: block; border: 1px solid #f2f4f4; border-top: none; padding: 1px; padding-left: 1em; }
.campsitelist a:first-child { border-top: 1px solid #f2f4f4; }
.campsitelist a:hover	{ text-decoration: none; }

/** PageView **/

div#pageview		{ min-height: 500px; }
#pageview .imageright	{ float: right; padding-left: 5px; padding-right: 5px; }
#pageview .imageleft	{ float: left; padding-left: 5px; padding-right: 5px; }
#pageview img		{ border: 0px; margin:5px; vertical-align: middle; }
#pageview a		{ text-decoration: none; font-weight: bold; color: blue; }

#pageview .fb_button	{ margin: 0px; }
div#google_button	{ margin: 0px; }
div#tweet_button	{ margin: 0px; }
div#email_container	{ width: 40px; margin-left: 25px; margin-top: 3px }

div#pageicons		{ width: 100%; float: left; vertical-align: middle; margin: 0px; padding: 0px; margin-bottom: 10px;}
#pageicons div		{ float: right; padding: 3px;}
#pageicons img		{ margin: 0px; padding: 0px; }

#pageview h2		{ font-weight: bold; /*font-family: Georgia;*/ font-style: italic; font-size: 12pt; }
#pageview h2		{ border-bottom: 1px solid #ccc; width: 100%; }

#pageview table		{ margin: 5px; border: 1px solid #ddd; border-collapse: collapse; }
#pageview tr		{ vertical-align: top; }
#pageview td		{ padding: 10px; }

#pageview .filelist td	{ padding: 2px 10px; margin: 0px; }

.pagetable th		{ padding: 5px; }
.pagetable th		{ background: #ffe4c4; }
.pagetable td		{ padding: 2px 0.7em; }
.pagetable a		{ text-decoration: none; font-weight: bold; color: blue; }
#page_table img		{ padding: 0px; margin: 0px; }

div#pagemenu_menu	{ float: none; background: #8b0066; padding: 10px;}
#pagemenu_menu a	{ color: white; }

div#pageviewfooter	{ margin: 20px 0px; border-top: 1px solid #ccc; }
#pageviewfooter		{ color: #ccc; }
#pageviewfooter i	{ font-size: 2; }
#pageviewfooter a	{ padding: 3px 10px 5px 10px; border-left: 1px solid #ccc; ; color: #ccc; }
#pageviewfooter a:first-child { border-left: 0px; }

div#editmenu		{ margin-top: 20px; }
#editmenu a:hover	{ color: yellow; }

/** Site Map **/

.sitemap		{ width: 40%; float: left; margin-left: 9px; margin-top: 20px; }
.sitemap		{ margin: auto; float: none; }
.sitegroup		{ border: solid 1px #aaa; padding: 0px; padding-bottom: 5px; margin: 0px; margin-top: -1px; }
.sitegroup a:first-child { border-bottom: solid 1px #aaa; color: white; text-align: left; margin: 0px; padding: 2px 7px 2px; }
.sitegroup a		{ display: block; text-decoration: none; color: #888; padding-left: 15px; }
.sitegroup a:hover	{ text-decoration: none; background: #e0e0e0; }
.sitegroup a:first-child:hover { text-decoration: none; color: red; background: #aaa; }
.sitegroup .level1	{ padding-left: 15px; }
.sitegroup .level2	{ padding-left: 30px; }
.sitegroup .level3	{ padding-left: 45px; }

/** Places to visit... **/

/*.places			{ margin: 10px 10px 0px 10px; }*/
.place			{ border: 1px solid #f0f0f0; padding: 0px 0px 0px 20px; margin-top: 10px; }
.places td		{ padding-left: 10px; padding-right: 10px; }
.places a		{ color: blue; }
.place a		{ margin-left: 20px; }
.place p		{ margin: 5px 5px 5px 6px; }
.place p:first-child	{ margin: 0px; margin-left: -20px; padding: 2px 2px 4px 8px; color: red; background: #f0f0f0; }
.place p:first-child em	{ font-weight: bold; }

/** Diary editor **/

.diaryEditor td		{ padding-left: 5px; padding-right: 5px; }
.diaryEditor th		{ text-align: left; }
.diaryEditor a		{ text-decoration: none; color: red; font-weight: bold; }
.diaryEditor .boxed	{ border-style: solid; border-width: 1px; padding: 2px; padding-top: 10px; }
.diaryEditor td.edit	{ background: #ccc; }

/** Menu editor **/

.menueditor		{ background: white; }
.menueditor table	{ margin: auto; }
.menueditor td		{ background:#e0e0e0; }

/** kent groups **/

.kentgroups td		{ border: 1px solid #eee; }
.kentgroups td a	{ padding: 2px 3px 4px 3px; margin: 4px 10px; }
.kentgroups td a	{ display: block; }

/** Section Horzontal Layout **/

.sectionPadding		{ width: 5%; float: left; }
.sectionH		{ margin: 0px 12px; float: left; }
.sectionH a		{ display: block; }

/** Latest Event Picture and links **/

.EventsPicture		{ width: 25%; float: left; }
.EventsText		{ float: left; }

/** Notices **/

.NoticeBox1		{ width: 50%; float: left; text-wrap: normal; padding-bottom: 15px; padding-right: 5px; }
.NoticePic		{ width: 8%; float: left; }
.NoticeHeading		{ width: 41%; float: left; text-transform: capitalize; }
.NoticeText		{ width: 60%; float: left; text-wrap: normal; padding-bottom: 10px; }

/** Top Hits Sequence Number **/

.TopHitsSequence	{ border: 1px solid #ddd; text-decoration: none; margin: 0.2em; }

/** misc **/

.thumbnails		{ margin: 0px 5%; display: block; }
.thumbnail		{ float: left; padding: 3px; border: 1px solid #ddd; }
.small			{ font-size: 8pt; color: #888; }

/** page edit **/

.pageedit td		{ padding: 2px 10px; background: #eee; }
.pageedit th		{ padding: 2px 10px; background: #eee; text-align: left; }
.pageedit a		{ text-decoration: none; font-weight: bold; color: blue; }
td.right		{ text-align: right; }

.left			{ float: left; }

.diary2 td		{ background: bisque; padding: 2px 3px; }
.diary2 th		{ padding: 2px 3px; }
table.month		{ border-spacing: 10px; }
tr.month		{ margin: 10px; padding: 5px; }
td.month		{ border: 1px solid black; margin: 10px; padding: 5px; vertical-align: top; }
.confirmed		{ background: red; }
.diary2 span		{ padding: 3px 4px; }
div.calendar		{ float: left; width: 68%; padding: 5px; margin: 5px; }

div.caldetail		{ float: left; width: 28%; padding: 5px; margin: 5px; }
/*
div.caldetail		{ position: fixed !important; top: 13em; left:700px; width: 280px; height:100px; padding: 5px; margin: 5px; }
*/

div.detail		{ overflow: hidden; display: inline-block; width: 97%; }
div.detail		{ background: #ed7703; margin: 5px 0px; padding: 10px; color: white; font-weight: bold; vertical-align: middle; }

.detail hr		{ color: red; border:none; border-bottom: 1px dashed lime; }
.detail b		{ color: #4d2177; }
.detail a		{ color: lime; }
.calendar tr, .calendar { vertical-align: top; }
.calendar span		{ padding: 0px; }
.event a, .event p	{ margin: 0px; font-size: smaller; display: block; margin-bottom: 5p; padding: 2px 0px; border-bottom: 1px dashed red; }
td.calendarblank	{ background: #eee; }
td.calendarpast		{ background: #ccc; }
td.calendartoday	{ background: yellow; }

/** blog **/

.blogpromoteL		{ float: left; text-align: center; padding-left: 15px; vertical-align: top; width: 14%; }
.blogpromoteR		{ float: left; text-align: center; padding-left: 10px; vertical-align: top; width: 10%; }

/** gallery upload **/

.GalleryUploadForm th	{ text-align: right; }
.GalleryIndexImage img	{ border: 1px solid black;  }
img.GalleryImage	{ border: 1px solid black;  }
div.GalleryIndexImage	{ width: 210px; height: 230px; padding: 10px;  }
div.GalleryIndexSpacing	{ padding: 5px; float: left; }
div.GalleryIndex	{ margin: auto; }

table.taglist		{ width: 600px; }
.taglist td		{ padding: 3px 10px; border: 1px solid #ccc; }
.taglist th		{ vertical-align: center; }

.whitebg		{ background: white; }
td.whitebg		{ background: white; }

div.profile		{ border: 3px solid #ed7703; padding: 20px; margin: auto; width: 500px; margin-top: 50px; }
/*
.profile table		{ border: 1px solid black; border-collapse: collapse; }
.profile th		{ border: 1px solid black; }
.profile td		{ border: 1px solid black; }
*/
.profile th		{ text-align: right; padding: 5px 10px; background: transparent; }
.profile td		{ text-align: left; padding: 5px 10px; }

div.login		{ border: 3px solid #ed7703; }
.login th		{ text-align: right; padding: 5px 10px; background: transparent; }
.login td		{ text-align: left; padding: 5px 10px; }



.topbanner              { border: 0px; margin: 10px; float: left; width: 100%; }
.topbanner img          { float: left; margin: 0px 50px; }
.topsections            { padding-top: 20px; padding-left: 150px; }
.topsections a          { padding-left: 20px; padding-right: 20px; }
.topsections a:hover    { text-decoration: none; }

div.topbannerbg         { background: url('/images/blob.jpg') repeat-Y; }
div.topbannerbg         { width: 100%; height: 100px; margin-top: 10px; padding: 5px 10px; }

div.topbannerfade       { background-color: white; opacity: 0.70; filter:alpha(opacity=70); }
div.topbannerfade       { width: 980px; height: 100px; }
div.topbanner           { float: left; padding: 5px 0px; margin: 5px 0px; }

.topbanner img          { opacity: 1; filter:alpha(opacity=100); }

.clearfloat		{ clear: both; }
div.dateicon		{ float: left; margin: 5px 10px; padding: 0px; }
div.dateicon		{ width: 50px; border: 1px solid #8b0066; vertical-align: middle; }
.dateicon ul		{ list-style: none; padding: 0px; margin: 0px; }
.dateicon li:first-child { color: white; background: #8b0066; font-weight: normal; text-align: center;
			   margin: 0px; font-size: 10pt; vertical-align: middle; padding: 3px 0px; }
.dateicon li		{ width: 100%; text-align: center; background: white; color: black; margin: 0px; padding: 10px 0px;
			  vertical-align: middle; text-align: center; font-weight: bold; font-size: 12pt; }

.rounded		{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.rounded20		{ -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }

.shadow			{ -moz-box-shadow: 5px 5px #ddd; -webkit-box-shadow: 5px 5px #ddd;
			  -khtml-box-shadow: 5px 5px #ddd; box-shadow: 5px 5px #ddd; }

.border			{ border: 1px solid black; }

div.detail_text		{ margin-left: 80px; padding-left: 10px; border-left: 1px solid orange; vertical-align: middle; }

div.news		{ overflow: hidden; display: inline-block; width: 97%; }
div.news		{ background: #4d2177; margin: 5px 0px; padding: 10px; color: white; font-weight: bold; }

#page .news h1		{ color: yellow; background: #84a40b; padding:5px 10px;  }
#page .news a		{ color: yellow; }
#page .news a:hover	{ color: red; }
#page .news p		{ padding: 5px 0px; }

.news h1		{ margin: -10px -10px 0px -10px; }
.news i			{ float: right; color: #aaa; font-size: smaller; }

ul#slideshow		{ list-style: none; padding: 0px; margin: 0px; }

div.whitebox		{ border: 2px solid #4d2177; margin: 10px 0px; padding: 10px; }
.whitebox h1		{ border-bottom: 1px solid  #4d2177; }

div#adult h1		{ color: #ed7703; }
div#adult p		{ font-weight: bold; }
div#adult center	{ font-weight: bold; font-style: italic; font-size: large; color: #ed7703; }

div.social		{ margin: 20px; }

.debug			{ color: white; }

div#down		{ width: 50%; margin: auto; margin-top: 50px; padding: 20px;}
#down h1, #down h2	{ text-align: center; color:red; }