/* (c) communimedia.com 2005 latest 21/08/05 */
* { padding: 0; margin: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background:#fff;color:#000;margin:15px;}

li a {text-decoration:none;text-align:center;}
a:hover {background:#d00!important;color:#fff;border-style:dotted;}
#siteBanner {margin:10px 0px 2px 170px;}
img#echoText {width:570px;height:77px;}
img#echoButton {width:50px;position:absolute;top:18px;left:2.6%;}
#breadcrumb {margin-top:1em;padding:0em 0.3em;background:#eee; font-size:x-small; margin-bottom: 1em;}
#breadcrumb p {margin-bottom:4em;}
a.crumb {text-decoration:none;}

/* styles with general applicability go here */
.smallText {font-size:small;}
.largeText {font-size:large;}
h2+p, p  {margin:1em 0;}
p+h1, ul+h1, ol+h1, h3 {margin:1em 0 0.5em;}
h3.likeP {font-size:1em; font-weight:normal; text-decoration:none;}
.redHead, .redText {color:#d00;}
table {border-collapse:collapse;}
img.floatR, img.floatL, .centerP img {margin:1em; display:inline;}
.floatR {float:right;} .alignR {text-align:right;}
.floatL {float:left;} .alignL {text-align:left;}
.clearB {clear:both;line-height:0.1em;font-size:0.1em;}
.clearR {clear:right;line-height:0.1em;font-size:0.1em;}
.centerP, .alignC {text-align:center; margin: 0 auto;}
#mainContent li {margin-left:2em;}
.spacedTop3 {margin-top:3em;}
.veryStrong {font-weight:bold;font-size:large;}

/* main content area */
#mainContent {margin: 0 0 0 170px;}
#mainContent h1 {text-align:right;padding:0 1em 0 0;color:#fff;background:#d00;border:0.1em outset #d00;}
#autoNav {float:left;width:150px;}
#newsScroll, #autoNavDiv, #logosDiv {border:1px solid #aaa;width:150px;clear:left; margin:0 0 1em;background:#fff;}
#newsScroll {height:150px;}
/* IE Mac breaks on overflows \*/ #newsScroll {overflow:hidden;} /* end IE Mac hide */
div.dropcontent * {margin:0em 0.2em 0.2em;}
#newsScroll:hover {border-color:#d00;border-style:dotted;}
div.dropcontent h2, div.dropcontent h3 {font-size:1.2em;}
div.dropcontent p.mmhide_storyDate {font-style:italic;}
div.dropcontent {font-size:0.8em;}
#logosDiv {text-align:center;margin:1em 0;}
#logosDiv a img {max-width:140px;height:auto;border:2px dotted #fff;margin:5px 0;}
#logosDiv a:hover img {border:2px dotted #33f;}

/* navigation system */
a>img {vertical-align:middle;}
#autoNavList, ul#autoNavList ul {width:150px;list-style:none;background:#eee; }
#autoNavList li {border:3px outset #eee;position:relative;text-align:center;}
#autoNavList li:hover {border-style:inset;background:#d00;}
#autoNavList li ul {position:absolute;top:-3px;left:147px;display:none;padding-left:3px;}
#autoNavList li a {min-height:24px;display:block;}
#autoNavList li:hover ul {display:block;}
#autoNavList li ul li a, a.sectionNav {background:#ccc;}

/* Fix IE. see http://www.alistapart.com/articles/horizdropdowns/ ; Hide from IE Mac \*/
* html #autoNavList li { float: left; height: 1%; }
* html #autoNavList li a { height: 1%; }
/* End */

#footer {clear:both;font-size:x-small;border-top:2px solid #999;color:#999;text-align:right;padding:0.5em 0;}
#footerNav {clear:left;font-size:small;margin:1em auto;text-align:center;padding-top:1em;}
#footerNavUL li {list-style:none;display:inline;padding:0 3px;border:1px black solid;border-top:0;border-bottom:0;margin:0 1px;}

/* specific pages -> consider seperate css files */
div.echoCover {float:right; width:160px;margin:1em;}
div.echoCover p {font-size:x-small;color:#666;text-align:center;}
img.fileIcon {width:17px; height:17px; vertical-align:middle;}
#autoNewsLinks {list-style:disc;margin:0 3em;width:auto;}
#autoNewsLinks li {text-align:left;}

/* news page */
div.mmhide_newsStory p.mmhide_storyDate {font-size:small;}
div.mmhide_newsStory p + h3 {background:#fff;}

/* events page */
div.anEvent, div.mmhide_newsStory {margin:0.5em 0;border:1px solid #00d;padding-bottom:0.5em;}
div.anEvent h3, div.mmhide_newsStory h3 {display:block;background:#8bf;padding:0.5em;margin-top:0;}
div.anEvent p, div.mmhide_newsStory p {padding:0 0.5em;}
table.eventData {width:60%;text-align:right;margin:0.5em auto;background:#eee;padding:0 0.5em}
table.eventData tr + tr td {border-top:1px solid #000;padding-top:0.5em}

/* for contacts.php */
div.formDiv{margin:0.5em auto;background:#eee;padding:0.5em;}
div.formRow {margin:0.5em 0 0 0;}
span.formLabel {float:left;text-align:right;width:40%}
span.formData {margin:0 0 0 0.5em;text-align:left;}
span.formData input, span.formData textarea {font-size:1.1em; border:1px solid #aaa;}

/* for community */
#youthLink {margin-top:2em;}
#youthLink img {margin:0.2em;}
#youthLink div {float:none;text-align:center;}

/* for youth pages */
p.sig {text-align:right;}
p.sig span {font-family:cursive,fantasy;font-size:large}

/* for archive listing */
#archiveList {margin-left:2em;}
#archiveList li ul li {margin-left:1em;}
#archiveList li ul li a {font-weight:bold;}
#archiveList span.fileDesc {font-size:small;}
a.archiveListElement {display:block;text-align:left;background:#eee;padding:0.2em;margin:0.2em;font-weight:bold}

/* contact page */
#addressSpan {display:block;text-align:right;width:13em;}

/* diary page */
table.diaryTable {margin-top:3em;}
table.diaryTable tr:hover td {background-color:#ccc;}
table.diaryTable th, .diaryTable td {border:0.05em #d00 solid;padding:0.1em;text-align:center;height:1.8em;}
table.diaryTable th {background:#d00;padding:0.1em;height:2em;font-weight:bolder;font-size:large;vertical-align:middle;border-color:#a00;}
table.diaryTable td {padding:0.1em;vertical-align:top;}
td.eventName {font-weight:bold;color:#c00;}

/* links page */
div.alignC table {margin:0 auto;}

/* galerie styles */
.mmhide_header {display:block; padding:5px 10px 10px 8px; color:#666; background-color:#d00;}
.mmhide_pagetitle {display:block; color:#fff; font-size:x-large;}
.mmhide_header .mmhide_right {float:right;background:#fff;width:100px;text-align:center;}
.mmhide_header .mmhide_right img {position:relative;top:-10px}
.mmhide_small {font-size:small;}
.mmhide_small > span > a {text-decoration:none;color:inherit;}
.mmhide_phototitle {display:block; text-align:left; padding:15px 10px 0px; font-size:large;}
.mmhide_photodate {width: 200px; clear: both; float: right; font-size: 12px; padding:23px 14px 0px; color: #ddd;text-align: right;}
.mmhide_iptc {color: #ddd;}
.mmhide_exif {font-size: 12px;	color: #ddd;}
.mmhide_horizontal {display: block;padding-left: 10px;}

/* CM tag =DO NOT REMOVE= */
#cmTag a {text-decoration:none;color:#999;}
#cmTag img {vertical-align:middle;}