/* Margins and padding: top,right,bottom,left */
body {
	font: 			11pt Verdana, Helvetica, Arial, sans-serif;
	background:	 	#999999;
    	color: 			Black;
	max-width:		1800px; /* IE wont understand these, so we will use javascript magick */
	min-width:		900px;
	border:			1px solid #436976;
	margin:			0px;
}

table {
	empty-cells:		show;
}

a {
	text-decoration: 	none;
/*	color: 			#33505A; */
	color: 			#2F629D;
	background-color: 	transparent;
}

a:hover {
	text-decoration: 	underline;
}

#page {
	position:	relative;
	z-index: 	1;
}

#top {
	background-color:	#CCDDDD;
}

#topleft {
	width:			220px;
}

#top h1 {
	margin-top:	10px;
	margin-bottom:	0px;
	line-height:	1em;
	font-style:	italic;
}

#top h2 {
	font-style:	italic;
	font-size:	85%;
	margin-top:	0px;
	margin-bottom:	10px;
}

#leftSide {
	vertical-align:	top;
	width:		160px;
	background-color:	#E6E8E8;
/*	border-right:	1px solid #436976; */
	border-right:	3px solid #FDB827;
}

#leftSide h2 {
	color:		#436976;
	text-align:	left;
	font-weight:	bold;
	font-size:	120%;
	border:		1px solid #B38D33;
	border-bottom:	3px solid #B38D33;
}

.loginLeft .loginEntry {
	width:		140px;
}

#main {
}

#centre {
	vertical-align:		top;
	background-color: 	#E9EBEB;
	padding: 	      	5px 10px 10px 10px;
}

#footer {
	font: 		80% Verdana, Helvetica, Arial, sans-serif;
	font-weight:	bold;
	background: 	#7AB5E5;
	border-top: 	1px solid #436976;
	border-bottom: 	1px solid #436976;
	clear: 		both;
	float: 		none;
	padding: 	0.1em 0.1em 0.1em 5.1em;
	text-align: 	left;
}



/* Menus Start */
/* Fix for Opera 8 */
.clearb { clear: both; }

.menu { 
	/* Fix for Opera 8 */ 
	/*   overflow: hidden;  */ 
	background-color:	#7AB4E5;
	border-bottom:		1px solid #C0C0C0;
	width:			100%;
	margin-left:		1px;
	margin-right:		1px;
/*	border-top:		2px solid #ffffff; */
	position:		relative;
	z-index:		10;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#menu-top li li { 
	width:			200px;
}


/* Unless you know what you do, do not touch this */ 
#menu-top, #menu-top ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
}
#menu-top ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#menu-top ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#menu-top li { 
   margin-left: -1px;
   float: left; 
}
#menu-top li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#menu-top a { 
	display:		block; 
	margin:			0px; 
	padding:		5px 10px; 
	text-decoration:	none;
	color:			#000000;
}
#menu-top li a { 
	border-right:		1px solid #C0C0C0;
	border-left:		1px solid #C0C0C0;
}
#menu-top li li a { 
	border:			1px solid #C0C0C0;
}	
#menu-top li, #menu-top li.menuparent { 
	background-color:	#7AB4E5; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#menu-top li.menuactive { 
	background-color:	#F0F0F0; 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#menu-top ul li.menuparent, 
#menu-top ul li.menuparent:hover
#menu-top ul li.menuparenth {
	/* arrow for menuparents */
	background-image:	url(images/arrow.gif); 
	background-position:	center right; 
	background-repeat:	no-repeat; 
}


/* Styling the apperance of menu items on hover */
#menu-top li:hover,
#menu-top li.menuh, 
#menu-top li.menuparenth, 
#menu-top li.menuactiveh{
	background-color:	#F0F0F0; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#menu-top ul, 
#menu-top li:hover ul, 
#menu-top li:hover ul ul, 
#menu-top li.menuparenth ul, 
#menu-top li.menuparenth ul ul {
	display: none; 
}

#menu-top li:hover ul, 
#menu-top ul li:hover ul, 
#menu-top ul ul li:hover ul, 
#menu-top li.menuparenth ul, 
#menu-top ul li.menuparenth ul, 
#menu-top ul ul li.menuparenth ul {
	display: block; 
}

/* IE Hacks */
#menu-top li li { 
	float: left; 
	clear: both; 
}
#menu-top li li a { 
	height: 1%; 
}
/* Menus End */



.error {
	color: 			#FF0000;
}

.editError {
	color: 			#FF0000;
}

.viewList th {
	color:	#436976;
}

/* Data display and input forms */
.BView {
	background-color:	#F0F0F0;
}
.BView pre {
      	font: 			100% Verdana, Helvetica, Arial, sans-serif;
}
.BViewList {
	background-color:	#F0F0F0;
}
.BViewList th {
	color:			#436976;
}
.BEdit {
	background-color:	#F0F0F0;
}
.linkView {
	background-color:	#F0F0F0;
}
.DataView {
	background-color:	#F0F0F0;
}

div.help {
	margin: 1em 0 1em 0em;  /* margin for the entire div surrounding the news list */
	border: 1px solid #000; 
	background: #A9D6FF; 
}

div.adminItem {
	margin:		0em 0em 0em 0em;  /* margin for the entire div surrounding the news list */
	border:		1px solid #000; 
	background:	#FFE9AF;
	width:		400px;
}

/* Forums */
div.Block {
	margin: 5px;
	padding: 0;
	border: 1px solid #000; 
	background: #FFFFFF;
}

div.Block h1 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b;
	font-size: 1.5em;  
	color: #294B5F;
}

div.Block h2 {
	margin: 0;
	padding-left: 5px;
	border-bottom: 1px solid #e7ab0b; 
	font-size: 1.2em;  
	color: #294B5F;
}

div.Block div {
	padding: 5px;
}

div.Forum {
	margin: 5px;
	border: 1px solid #000; 
	background: #FFFFFF; 
}

div.Forum h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
	line-height: 1.5em;
}

div.ForumEntry {
	margin: 0;
	padding: 5px;
	border: 1px solid #e7ab0b; 
	background: #FFFFFF; 
}

div.ForumEntry .ForumEntryHeader {
	margin: 0 10px 0 0;
	color: #294B5F; 
}

div.ForumEntry .ForumEntryLine {
	margin: 0 10px 0 0;
}

div.ForumEntry h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.0em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1px solid #e7ab0b; 
}

div.Diary {
	margin: 5px;
	border: 1px solid #000; 
	background: #FFFFFF; 
}

div.Diary h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
	line-height: 1.5em;
}

div.DiaryEntry {
	margin: 0;
	border: 1px solid #000; 
	background: #FFFFFF; 
	border-bottom: 1px solid #ccc; 
}

div.DiaryEntry h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.0em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1px solid #e7ab0b; 
}


/* Special bits */
.calendar table {
	background-color:	#FFE9AF;
}
.calendar #calendarYear {
}
.calendar #calendarMonth {
	text-align:	left;
}
.kidsZoneLink {
	vertical-align:	top;
	color:	#FFFFFF;
}
.kidsZoneLink a {
	color:	#FFFFFF;
}

/* Old bits */
.beam_title {
	background-color:  #FFFFFF;
}

.even {
    background-color: 	#F0F0F0;
}

.odd {
    background-color: 	transparent;
}

.highlight {
    background-color: 	#F0F0F0;
}

.heading {
	text-align:		left;
	background-color: 	#7AB5E5;
}

[name=select] .Button {
	background-color:	lightgreen;
	font-size:		150%;
}