/* CSS Document */

/* CSS for Ketley Parish COuncil website at ketleyparishcouncil.co.uk
Contains main styling for entire site
© copyright Ketley Parish Council 2008 */

/* Generic Redefined HTML tags */
* {margin:.0em;padding:.0em;border:.0em;}
html {font-size: 62.5%;}
body {font-family: arial, helvetica, sans-serif; color:#000000; text-align:center;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {background-color:#FFFF00;}
h1 {}
h2 {}
h3 {color:#666666; font-size:2.2em; padding:0.5em 0em 0.3em 0em;}
h4 {color:#007733; font-size:1.8em; padding:0.6em 0em 0.4em 0em;}
h5 {color:#009933; font-size:1.6em; padding:0.4em 0em 0.2em 0em;}
h6 {}
input,textarea {border:solid 1px #dddddd; background-color:#eeeeee; font-family:arial, helvetica, sans-serif; color:#000000;}
select {font-size: 1em; border:solid 1px #dddddd; background-color:#eeeeee;}
table td {font-size:1.4em;}

/* Generic Class Styles */

.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#009933; font-size:1.5em;}
.colour2 {color:#666666;}
.colour3 {color:#FF0000;}

/* Main Layout */

#mainContainer {margin:.0em; width:100%; height:100%;}
#mainContent {	width:80.0em; height:100%; background-color:#ffffff; margin: 0 auto 0 auto; text-align: left;}
#eventsTable table, td, th {padding:0.4em;font-size:1em; border-width:0.1em; border-style:solid; border-color:#dddddd;}
#eventsTable tr { text-align:left; vertical-align:top}

/* Styles for Middle Container */

#middleContainer {float:left;}

/* Main Menu */
#mainNav {padding:0em 0.6em 2.0em 0.5em; float:left; width:14.0em;}

#homePage #mainNav #mainnavHome a, 
#communityPage #mainNav #mainnavCommunity a,
#contactPage #mainNav #mainnavContact a, 
#councilPage #mainNav #mainnavCouncil a,
#parishPage #mainNav #mainnavParish a, 
#youthPage #mainNav #mainnavYouth a,
#eventsPage #mainNav #mainnavEvents a, 
#storiesPage #mainNav #mainnavStories a,
#suggestionsPage #mainNav #mainnavSuggestions a, 
#forumPage #mainNav #mainnavForum a,
#linksPage #mainNav #mainnavLinks a, 
#infoPage #mainNav #mainnavInfo a,
#photoPage #mainNav #mainnavPhoto a,
#newsPage #mainNav #mainnavNews a,
#moundPage #mainNav #mainnavMound a,
#directoryPage #mainNav #mainnavDirectory a
{display: block; background-color: #007733;}

#mainNav a, #mainNav a:visited 
{ font-size:1.8em; display: block; padding: 0.1em 0.1em 0.1em 0.9em; background-color:#009933; color:#FFF; text-decoration:none; 
border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#FFFFFF;}
#mainNav a:hover {background-color: #666666; color: #FFFFFF;}
#mainNav a:focus {background-color:#FFFF00; color:#000;}

/* Main Content */
#pageContent {width:62.8em;text-align: left;float:left;border-top-width:0.1em;border-top-style:solid;border-top-color:#666666; padding:1.0em 0em 0em 2em;}
#pageContent h2 {font-weight:bold;font-size:3em;color:#009933; padding:.0em 0em 0.2em 0em}
#pageContent p {font-size:1.6em; padding:0.7em 0em 0.5em 0em;text-align:justify;width:60%;}
#pageContent li {font-size:1.4em; padding:.0em 0.8em 0.4em 0.4em;margin:0.2em 0em 0.2em 1.5em;list-style-position: outside;list-style-image: url('http://www.ketleyparishcouncil.co.uk/images/bullet.png');}
#pageContent a:visited {font-size:1em; color:#33a;}
.rightImage {height:100%;float:right; display:block; padding:5.0em 0em 2.0em 4.0em;}


#pageContent #newsflash {border: solid 1px #ff0000; padding:0em 1em 1em 1em; background-color:#eee; font-size:1.2em; width:40em; margin:1em 0em 0em 0em;}
#pageContent #newsflash p {width:100%;}
#pageContent .subNav li {margin:0.3em 0em 0.3em 0em;font-weight:bold;display:block; padding:0em;list-style:none;background-color:#f6f6f6;list-style-image:none;}
#pageContent .subNav a:link {font-size:1.2em;color:#009933;display:block;}
#pageContent .subNav a:visited  {font-size:1.2em;color:#009933;display:block;}
#pageContent .subNav a:hover {color:#666666; background-color:#eeeeee; display:block;}
#pageContent .subNav {margin:0em 0em 2.0em 0em;padding:.0em 0em 2.0em 0em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ddd;}

#pageContent .storyPosted {color:#666666; font-size:1.2em;}
#pageContent .storyBy {color:#006633; font-size:1.4em; padding:0em; font-weight:bold;}
#pageContent .storyImage {float:right; padding:2em 4em 2em 1em;} 
#pageContent .storyText {text-align:left; padding:0em 0em 0em 0em;color:#333; font-size:1.4em; line-height:1.4em;}
#pageContent .storyTitle {padding:2em 0em 0em 0em;}
#pageContent .moreInfo {font-weight:bold;margin:1em 0em 1em 0em;}
#pageContent .moreInfo a {}

#password_reminder input {color:#333; padding:0.3em; font-weight:bold;}
#password_reminder input.password_submit {color:#006633;}
#password_reminder input.password_submit:hover {cursor:pointer; background-color:#666; color:#FFF;}

#resultsMenu {font-size:1em;font-weight:bold; color:#ff0000; margin:2em 0em 0em 0em;}
#resultsMenu a {color:#009933; padding:0em 0.6em 0em 0.6em;}
#resultsMenu a:visited {color:#009933;}
#resultsMenu a:hover {color:#ff0000;}
#resultsNumber {font-size:0.8em;color:#999;padding-left:1em;}

.councillorInfo {float:left;width:55em; background-color:#f9f9f6;margin:1em 0em 2em 0em; padding:0em 0em 0em 2em;}
#pageContent .councillorInfo p {width:65%; font-size:1.4em;}
#pageContent .councillorInfo p.jobTitle {font-size:1.6em;font-weight:bold;color:#666;}
.councillorPhoto {float:left;margin:5em 4em 0em -15em; border:solid 1px #000;}

#pageContent .eventPanel {width:50em;background-color:#f9f9f4; padding:0em 0em 1em 1.5em; margin:0em 0em 1.5em 0em;}
#pageContent .eventPanel p {width:90%;}
#pageContent .eventPanel h4 {padding:0.8em 0em 0.2em 0em;}
#pageContent h3.eventMonth {padding:1em 0em 0.4em 0.7em;}
#pageContent p.eventStatus {padding:0em 0em 0.4em 0em;font-size:1.2em; font-weight:bold; color:#666;}
#pageContent p span.eventOn {color:#009933;}
#pageContent p span.eventTBC {color:#cc6666;}

#editForm form p {text-align:left; width:30em}
#editForm form label{padding:0.1em 0.5em 0.1em 0em; font-weight:bold; color:#007733;}
#editForm form input {padding:0.1em 0.5em 0.1em 0.3em; background-color:#f9f9f4; border:solid 1px #ccc;}
#editForm form textarea{padding:0.4em 0.5em 0.1em 0.5em;background-color:#f9f9f4; border:solid 1px #ccc;}
#editForm form input.submit {font-weight:bold; color:#fff; background-color:#009933; border-color:#000; cursor:pointer;}
#editForm form input.submit:hover {font-weight:bold; color:#009933; background-color:#f9f9f4; border-color:#ccc;}

/* Footer Menu */

#pageTop {float:right; margin:0em 26em 0em 0em;}
#pageTop a {color:#009933;font-size:1.2em; font-weight:bold;}

#footerMenu {width:64.4em;float:left;padding:1.5em 0em 0em 0em;margin-left:15.5em; 
border-bottom-width:0.1em;border-bottom-style:solid;border-bottom-color:#666666;}
#footerMenu li{float:left;}
#footerMenu a {font-size:1.3em; color:#666666; float:left; padding:.0em 0.5em 0.5em 0.5em; border-right-width:1px;border-right-style:solid;border-right-color:#333333;}
#footerMenu a:visited {color:#333333;}
#footerMenu a:hover {text-decoration:underline;color:#009933;} 
#footerMenu a.footerFirst {padding:0em 0.7em 0.7em 0em;}/* To remove indent */
#footerMenu a.footerLast {border-right-width:0em;}/* To remove last border line */

/* Remaining Footer */
#footerNotes {display:block;float:left; width:80.0em; padding:1.0em 0em 1.0em 0em;}
#copyright { font-size:1.3em;padding:0em 0em 0em 11.9em;color:#666666;float:left;}
#developer {float:right; padding-right:o.8em;}
#developer a {color:#ee8800;}
#developer a:hover {color:#ff0000; text-decoration:underline;}
#cssLink {padding:1.5em 0em 0em 1.0em;clear:left;float:right;}
#xhtmlLink {padding:1.5em 0em 0em 1.0em;float:right;}


#pageContent h4.storyTitle a {color:#009933;}