/* ==== Set overall font size, color and family in the body tag below === */

body { 
color: #fff;
font-size: 11px; 
font-family: Verdana, Geneva; 

margin: 0px;

background-color: #00609F;
/*background-image: url(../images/pagebak.jpg);*/
}


p, td {
color: #fff;
font-size: 11px; 
font-family: Verdana, Geneva;
}




/* ==== Set link styles within text (not menu - see below) - hover, active and visited colors ==== */

a  {  
color: #ffffff;
text-decoration: none;
}

a:hover {  
color: #ffffff; 
text-decoration: underline;
}


a:visited {  
color: #ffffff; 
text-decoration: none;
}














/* ==== styles for different headers ==== */

h1 { 
color: #fff;
font-weight: normal; 
font-size: 20px; 
font-family: verdana, geneva; 
}

h2 { 
color: #34FDFF;
font-weight: normal; 
font-size: 18px; 
font-family: verdana, geneva; 
}

h3 { 
color: #fff;
font-weight: normal; 
font-size: 16px; 
font-family: verdana, geneva; 
}

h4 { 
color: #fff;
font-weight: normal; 
font-size: 14px; 
font-family: verdana, geneva; 
}

h5 { 
color: #fff;
font-weight: normal; 
font-size: 12px; 
font-family: verdana, geneva; 
}

h6 { 
color: #fff;
font-weight: normal; 
font-size: 9px; 
font-family: verdana, geneva; 
}






/* ==== miscellaneous tags ==== */

ul {
list-style-type: square; 
list-style-image: url(../images/admin/bullet.gif);
}

li {
padding: 1px
}

hr {
color: fff;  
height: 1px; 
}

form {
margin-top: 1px; 
margin-bottom: 1px;
}

input {
font size: 10px;
}








/* ==== Classes - used to change the style of certain things like tables of data or admin functions ==== */

.admin {
color: white;
background-color: red; 
font-size: 10px; 
font-weight: bold;
}


/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}


/* Design for tables of data (rather than layout tables) */
.datatable {
border: 1px black solid;
}

.datatable th {
font-size: 12px;
background-color: #999999;
text-align: left;
font-weight: bold;
}

.datatable td {
font-size: 11px;
background-color: #cccccc;
text-align: left;
}

/* Alternating colours etc for table rows */
.row0 {background-color: none; padding: 5px;}
.row1 {background-color: none; padding: 5px;}


/* Pictures - you can put a border around all images here for instance */
.photo {
margin-bottom: 8px;
}

.photo img {
margin-right: 10px;
margin-left: 10px;
}


/* Captions to go below pictures */
.caption {
font-size: 9px;
text-align: center;
font-face: courier;
}

.newsflash {
background-color: #8FD7FF;
border: 3px double white;
padding: 5px;
margin: 5px;
color: black;
}







/* ==== The Divs ==== */

/* Click to log in - normally at top left hand corner. */
#hiddenlogin {
position: absolute; 
top: 0px; 
left: 0px; 
width: 20px; 
height: 20px;
z-index: 10;}



/* Main Page Content */
#maincontent {
position: relative; 
margin-left: 200px; 
margin-top: 139px;
width: 550px;
height: 300px;
}




/* Divs for X pics on right layout */
#textonleft {
float: left;
width: 250px;
}

#picsonright {
width: 200px;
float: left;
padding-top: 35px;
text-align: center;
}







/* Top Bar including image map navigation */
#topbar {
position: absolute;
left: 163px;
top: 0px;
}



/* Credits - showing Plexus and Site Map etc */
#credits {
font-family: tahoma; 
font-size: 10px; 
color: #888888;
border-top: 1px black solid;
padding-top: 12px;
clear: both;
}

#credits a {
}

#credits a:hover { 
background-color: #532D00; 
color: #fff;
}



/* ============================================== */
/* Styles for NEWS PAGE */
/* ============================================== */

.newstable { 
width: 100%;
border: 1px silver solid;
margin-bottom: 15px;
}


/* ============================================== */
/* Styles for DIARY */
/* ============================================== */

.diary {
border: 1px white solid;
width: 100%;
margin-bottom: 5px;
}

.diaryTDclass1 {
/* normal days */
background-color: transparent;
border: 1px silver solid;
}

.diaryTDclass2 {
/* days of week and bottom note */
background-color: transparent;
border: 1px silver solid;
}

.diaryTDclass3 {
/* today */
background-color: #34FDFF;
color: black;
border: 1px silver solid;
}

.diaryTDclass3 a, a:hover {
color: black;
}

.diaryTDclass4 {
/* hover */
background-color: #34FDFF;
color: black;
border-top: 2px silver solid;
border-left: 2px silver solid;
}

.diaryTDclass4 a, a:hover, {
color: black;
}




/* ============================================== */
/* Styles for GUESTBOOK */
/* unpublished comments are highlighted */
/* ============================================== */


.gb-post-pub {
border-top: 1px solid black;
border-left: 1px solid black;
width: 100%;
}

.gb-post-unpub {
border-top: 1px solid black;
border-left: 1px solid black;
width: 100%;
background-color: #ffffbb;
color: black;
}

.gb-post-unpub td, .gb-post-unpub td a {
color: black;
}

.gb-reply-pub {
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 100%;
margin-bottom: 10px;
}

.gb-reply-unpub {
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 100%;
margin-bottom: 10px;
background-color: #ffffbb;
}

.gb-reply-unpub td, .gb-reply-unpub td a {
color: black;
}



/* ============================================== */
/* Styles for MENU */
/* ============================================== */

/* ============================================== */
/* ==== styles for vertical navigation menu ==== */
/* ============================================== */

/* ==Un-comment background-image lines to add graphic buttons==*/


/* #nav padding-bottom controls amount of menubak image showing below menu - height sets minimum amount of graphic to show */
#nav { position: absolute; left: 0px; top: 20px; width: 163px; text-align: left; background-image: url(../images/menubak.gif); background-position: right bottom; padding-bottom: 40px; height: 150px;}

#nav a { 
	display: block;  
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 14px;
	font: 11px  Tahoma, Verdana,Geneva, Swiss;
	letter-spacing: 1px;
	font-weight: bold; 
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
	
	/*background-image: url(../images/button_off.jpg);*/
	}
#nav a:hover, #nav a.on { 
	color: #34FDFF;  	
	/*background-image: url(../images/button_on.jpg);*/
	}
	
#nav a:hover {
	text-decoration: underline;
	}
	
	

	
#nav-sub { width: 163px; text-align: left;}
#nav-sub a { 
	display: block;  
	padding: 2px 5px 2px 18px;
	font: 10px  Tahoma, Verdana, Geneva, Swiss;
	letter-spacing: 1px;
	color: #fff;
	
	
	background-image: none;
	/*background-image: url(../images/wee-button_off.jpg);*/
	}
	
#nav-sub a:hover, #nav-sub a.on { 
	color: #34FDFF;  	
	background-image: none;
	/*background-image: url(../images/wee-button_on.jpg);*/
	}
	
#nav-sub a:hover {
	text-decoration: underline;
	}
	

/* ==== end of styles for vertical navigation menu ==== */