body {
	font: 			90% Verdana, Helvetica, Arial, sans-serif;
	background:	 	#999999;
    	color: 			Black;
	max-width:		1280px; /* IE wont understand these, so we will use javascript magick */
	min-width:		800px;
	border:			1px solid #436976;
}

table {
      	font: 			100% Verdana, Helvetica, Arial, sans-serif;
}

a {
	text-decoration: 	none;
	color: 			#436976;
	background-color: 	transparent;
}

a:hover {
	text-decoration: 	underline;
}

#page {
}

#top {
	background-color:	#F0F0F0;
}

#topleft {
	width:			220px;
}

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

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

#leftSide {
	vertical-align:	top;
	width:		160px;
	background-color:	#F0F0F0;
	border-right:	1px solid #436976;
}

#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 {
	font-size:		95%;
	vertical-align:		top;
	background-color: 	#ffffff;
	padding: 	      	5px 10px 10px 10px;
/*	max-width:		1130px; */
}

#footer {
	font: 		80% Verdana, Helvetica, Arial, sans-serif;
	font-weight:	bold;
	background: 	#B9DAEC;
	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:	#B9DAEC;
	border-bottom:		1px solid #C0C0C0;
	width:			100%;
	margin-left:		1px;
	margin-right:		1px;
	border-top:		2px solid #ffffff;
}

/* 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:	#B9DAEC; 
}

/* 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;
}

/* File Uploaders */
.PictureUploader {
	border:	1px solid black;
}

.PictureUploader_Filelist {
	min-width: 500px;
	height: 200px;
}

.PictureUploader_Filelist table, .PictureUploader_Filelist th, .PictureUploader_Filelist td {
	border-collapse: collapse;
	border: 1px solid black;
	padding: 2px;
}

.PictureUploader_Filelist input {
	min-width: 300px;
}

.PictureUploader_Button {
}



/* 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:  #F0F0F0;
}

.even {
    background-color: 	#F0F0F0;
}

.odd {
    background-color: 	transparent;
}

.highlight {
    background-color: 	#F0F0F0;
}