/**********************************************************
 LAYOUT
 **********************************************************/

body { background-color:#eee; }
#shell { background-color:White; border:1px dotted silver; }
#pagehead { background-color:#fff; color:White; }
#container { background-color:#F0F2B1; }
#leftcol { background-color: #E7EFDF; }
#content { background-color:White; }
#pagefoot { background-color:#009C63; font-size:7pt; color:White; }

/**********************************************************
 FONTS
 **********************************************************/
p, a, td, th, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:Black;
}
h1, h2, h3, h4, h5, h6
{
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight:normal;
	color:#02461C; /* Midnight Green */
}
a, a:link, a:visited { font-weight:bold; color:#009C63; text-decoration:none; }
a:active, a:hover { color:#02461C; text-decoration:none; }

h1
{
	font-size:20pt;
}

h2
{
	font-size:14pt; margin:0; padding:8px 2px; 
}

h3
{
	font-size:12pt;
}

td#Welcome
{
	background-image:url(../img/welcome.gif);
	background-repeat:no-repeat;
	height:40px;
}

td#Contact {
    text-decoration: none;
	text-align: right;
	font-size: 11px;
	color: #999999;
}
td#Contact A {
	text-decoration: none;
	font-weight: bold;
	color: #999999;
}
td#Contact a:hover {
	text-decoration: underline;
	color: #999999;
}

td#Banner
{
	background-color:#009966;
	background-image: url(../img/banner.gif);
	background-repeat:no-repeat;
	width:760px;
	height:60px;
}

.navBar {
    text-decoration: none;
	color: white;
	background-color: Black;
	padding: 0 10px;
	margin:0;
	height:27px;
}

.navBar a, .navBar a:link, .navBar a:visited { text-decoration: none; font-weight:bold; color: #FFFFFF; }
.navBar a:active, .navBar a:hover { text-decoration: none; color: #FFFFC0; }

.page-title {
	font-family:Times New Roman, Roman, Serif;
	font-size:16pt;
	font-style:italic;
	font-weight:normal;
}

.page-intro {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:small;
	font-weight:normal;
	color:#708090; /*SlateGray;*/
}

.ColLeft {
	vertical-align: top;
	font-size: 13px;
	margin: 5px;
	width:180px;
}
.ColLeft .Banner {
	text-align: center;
	padding-top: 30px;

}
.ColLeft .Title {
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: dotted;
	border-top-color: #009966;
	border-right-color: #009966;
	border-bottom-color: #009966;
	border-left-color: #009966;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;

}
.ColLeft .Item {
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.ColLeft a {
	color: #009966;
	text-decoration: none;
}
.ColLeft a:hover {
	color: #000000;
	text-decoration: underline;
}

.ColMain {
	vertical-align: top;
	font-size: 13px;
	padding: 10px;
}

.ColMain IMG {
	/*border: 1px solid #000000;*/

}

p.normal {
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 0px;
}

a.editlink
{
    font-size:8pt;
    color:Blue;
    text-decoration:none;
}

td.LeftCol
{
	width:200px;
	background-color:#F0F2B1;
	vertical-align:top;
	font-size:x-small;
}

td.MainCol
{
	width:760px;
	background-color:White;
	vertical-align:top;
}

td.RightCol
{
	width:200px;
	background-color:#F3F3F3; /*#C3D3FD; */
	border-left:#C0C0C0 2px dotted;
	vertical-align:top;
	padding-left:6px;
}

div.ColRight {
	font-size: 13px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width:180px;
}
.ColRight a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
}
.ColRight a:hover {
	color: #000000;
	text-decoration: underline;
}
.ColRight .Item {
	padding: 5px;
}
.ColRight .Item IMG {
	padding: 2px;
}
.ColMain .Box .Title {
	font-weight: bold;
	padding: 5px;
	background: #009966;
	color: #FFFFFF;
}
.ColMain .Item {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ColMain .Item A {
	color: #009966;
	font-weight: bold;
	text-decoration: none;
}
.ColMain .Item A:HOVER {
	text-decoration: underline;
}

.ColMain .Box .Text {
	padding: 5px;
	background: #F1F1E7;

}
/* ----------------------------------
   VILLAGE HALL STYLES
   ---------------------------------- */
.hall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border-bottom:silver 1px dotted;
}

table.diary td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

span.SideMenuTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
	padding:0;
	margin:0;
}

/* ----------------------------------
   USEFUL TABLE STYLES
   ---------------------------------- */

.bluebox {
  border:solid 2px #4080C0;
  color:#4080C0;
  background-color:#eeeeff;
  text-align:center;
  width:360px;
  padding: 12px;
  font-family:Times New Roman, Roman, Serif;
  font-weight:normal;
  font-style:italic;
  font-size:11pt;
}

.bluebox a { color:#4080C0; font-weight:bold; text-decoration:none; }
.bluebox a:hover { text-decoration:underline; }


table.pinkbox {
 background-color:#FFE4E1; /*MistyRose; */
 border:lightpink 2px solid;
 padding:12px;
}

table.pinkbox th {
 background-color:#FFC0CB; /*Pink; */
 color:white;
 font-family: Verdana, Arial, Sans-Serif;
 font-size:11pt;
 font-weight:bold;
 text-align: center;
}
table.pinkbox td {
 color:black;
 font-family: Verdana, Arial, Sans-Serif;
 font-size:8pt;
 font-weight:normal;
 text-align: left;
 padding:6px 6px 6px 6px;
 vertical-align:top;
}

table.brownbox {
 background-color:#FFEBCD; /*BlanchedAlmond; */
 border:burlywood 2px solid;
 padding:12px;
}

table.brownbox th {
 background-color:#DEB887; /*BurlyWood; */
 color:#A52A2A; /*Brown;*/
 font-family: Verdana, Arial, Sans-Serif;
 font-size:11pt;
 font-weight:bold;
 text-align: center;
}
table.brownbox td {
 color:black;
 font-family: Verdana, Arial, Sans-Serif;
 font-size:8pt;
 font-weight:normal;
 text-align: left;
 padding:6px 6px 6px 6px;
 vertical-align:top;
}

td.thread-text
{
 color:black;
 font-family: Verdana, Arial, Sans-Serif;
 font-size:8pt;
 font-weight:normal;
 vertical-align:top;
}

table.letter {
 background-color:#FFFFF0; /*Ivory; */
 border:Bisque 1px dotted;
 padding:12px;
}

table.letter td, table.letter td p {
 color:black;
 font-family: Comic Sans MS, Arial, Sans-Serif;
 font-size:11pt;
 font-weight:normal;
 text-align: left;
 vertical-align:top;
}

span.Title1
{
 color:Black;
 font-family: Tahoma, Arial, Sans-Serif;
 font-size:16pt;
 font-weight:normal;
}

hr {
	height:1px;
	color:#E0E0E0;
}

a.notification-flag, a.notification-flag:link, a.notification-flag:visited {
	font-size:8pt;
	color:Blue;
}

a.notification-flag:active, a.notification-flag:hover {
	font-size:8pt;
	color:Navy;
}

/* ----------------------------------
   DIARY STYLES
   ---------------------------------- */
table.diary-grid
{
	background-color:#FFFFFF;
	border:solid 1px silver;
}

table.diary-grid th
{
	background-color:#EEEEEE;
}

table.diary-grid td
{
	background-color:#EEEEEE;
}

table.diary-grid td.dayname
{
	text-align:center;
	color:#4080C0;
	font-weight:bold;
	background-color:#EEEEEE;
}

table.diary-events
{
	background-color:#FFFFFF;
	border:solid 1px silver;
}

li.error
{
	font-size:small;
	color:Blue;
}

/* ----------------------------------
   FORUM STYLES
   ---------------------------------- */
a.hot, a.hot:link, a.hot:visited { color:#F0CD2C; font-size:8pt; font-weight:bold; text-decoration:none; }
a.hot:active, a.hot:hover { color:#AC931E; text-decoration:none; }

a.smallblue, a.smallblue:link, a.hot:smallvisited { color:Gray; font-family:Verdana;  font-size:7pt; font-weight:normal; text-decoration:none; }
a.smallblue:active, a.smallblue:hover { color:#4080c0; text-decoration:underline; }

table.forum-rules
{
	width:180px;
}

table.forum-rules td p
{
	padding-left:8px;
	font-size:8pt;
	line-height:1.4em;
}

table.forum-topics
{
	width:480px;
	margin-left:24px;
	border-collapse:collapse;
}

table.forum-topics td.topic-text
{
	color:#304050;
	line-height:1.75em;
	border-top:solid 2px #708090;
	padding-bottom:20px;
	padding-left:12px;
}

table.forum-topics tr.txt
{
	/*background-color:#EFEFFF;*/
}

table.forum-topics td
{
	font-family:Tahoma;
	font-size:small;
	vertical-align:top;
	line-height:1.8em;
}

table.topic-title {
 background-color:#FFFAF0; /*FloralWhite;*/
 border:#DCDCDC 1px solid; /* Gainsboro */
 padding:12px;
}

table.topic-title td, table.noticeboard td p {
 color:black;
 font-family: Verdana, Arial, Sans-Serif;
 font-size:small;
 font-weight:normal;
 text-align: left;
 vertical-align:top;
}

td.topic-text { border-top:solid #787878 4px; vertical-align:top; color:#304050; line-height:1.75em; }
td.topic-author { border-top:solid #DAD885 4px; text-align:right; vertical-align:top; color:#304050; line-height:1.75em; font-size:8pt; }


/* ----------------------------------
   BUS TIMETABLE
   ---------------------------------- */
table.timetable
{
	background-color:#FFFFFF;
	border:solid 1px silver;
	font-family:Arial, Sans-Serif;
	font-size:8pt;
	border-collapse:collapse;
}

table.timetable th
{
	background-color:#EEEEEE;
	border:solid 1px gray;
}

table.timetable td
{
	background-color:white;
	border:solid 1px gray;
	padding:4px 4px 4px 4px;
}

.flat
{
	font:normal 9pt verdana,arial,sans-serif;
	background-color:white;
	border:solid 1px gray;
	color:#304050;
}

.loginBox { border:dotted 1px Olive; padding:0.4em; }

.loginPanel1 { background-color:Olive; color:White; padding:0.4em; }
.loginPanel2, .loginPanel2 a { font-size:8pt; }

#leftcol ul { margin:0 22px; padding:0; }
#leftcol li { list-style-type:square; }
#leftcol a, #leftcol a:link, #leftcol a:visited { text-decoration:none; }
#leftcol a:active, #leftcol a:hover { text-decoration:underline; }

td.prompt { font-size:8pt; font-weight:normal; color:#808080; }