body { font-family: Arial, Helvetica, sans-serif; }

/*strong { color: #000000; font-weight: strong; font-size: small; text-decoration:none; margin-bottom:0px;}	*/
.error{ color:red }
.highlight {color: #FF0000}
.highlight2 {color: #3333CC}

.optional{ color:red; font-size:70% }
/*
** ------------------------------- Page Structure ----------------------------------------------------
*/

/* page div required to control width as content is floated and cannot be controlled using body tag??
*/
.page { width: 759px; }

.menu	{
		background-color: #003300; width: 100%; height: 20px; padding: 10px 0px 5px 5px;
		color: #000000; border: solid #000000 0.1px; border-bottom: solid #FFCC00 4px; 
		border-right: hidden #336633 0.1px; border-left: hidden #336633 0.1px;
		}
		
.main 	{
		clear: left; width: 100%; padding: 10px 0px 0px 5px; 
		color:#000000; text-align: left; border: solid #FFFFFF 0.1px; 
		}
		
/** Note: border is 1px thick to make side menu same size as tab pic (required for NS4)
*/		

.sideMenu	{ 
		float: left; background-color: #336633; margin-right: 0px; width: 140px; height: 310px; padding: 0px 0px 0px 0px; 
		color: #ffffff; border: solid #336633 0.1px; 
		border-right: hidden #336633 0.1px; border-left: hidden #336633 0.1px;
		}
.sideMenu table{ 
		background-color: #336633;
		}
.sideMenu form { 
		background-color: #336633;
		}
.sideMenuBreak { 
		background-color: #336633;
		}
		
.content{
		float: left; clear: right; width: 80%; vertical-align:top; padding: 0px 0px 0px 10px; 
		}
.homeContent{
		clear: right; width: 99%; vertical-align:top; 
		}
.homeContent h4{
		border-bottom: solid #990000 1px;
		}
		

/*
** ------------------------------- End Page Structure ------------------------------------------------
*/


h1 { font-family: Arial, Helvetica, sans-serif; 
	 font-weight: strong; text-align: center; font-size: 20pt; color: #003300; margin-top: 0px; 
}
h2 { font-family: Arial, Helvetica, sans-serif; 
	 font-weight: bold; font-size: 1em; color: #003300; 
	 width:100%; border-bottom: solid #990000 2px; float: left; text-align: left;
	 color: #003300;  margin-top: 0px;
}

h3 { font-family: Arial, Helvetica, sans-serif; 
	 font-weight: strong; text-align: center; font-size: 14pt; color: #003300; margin-top: 0px; 
}
h4 { font-family: Arial, Helvetica, sans-serif; 
	 font-weight: strong; text-align: center; font-size: 16px; color: #003300; margin-top: 0px;  padding-top: 0px;
}
h5 { font-family: Arial, Helvetica, sans-serif; 
	 font-weight: strong; text-align: left; font-size: 14px; color: #003300; margin-top: 0px;  padding-top: 0px;
	 width:100%; border-bottom: solid #FFCC00 1px; margin-top: 0px;
}
h6 { font-family: Arial, Helvetica, sans-serif; 
	 font-weight: strong; text-align: left; font-size: 14px; color: #003300; margin-top: 0px;  padding-top: 0px;
	 width:100%;
}

/*
** Note: to use styles on tables each cell MUST have content (&nbsp can be used to ensure this) **
th { border: solid black 1; font-weight: strong; text-align: center; font-size: 11pt; }
td { border: solid black 1; font-weight: strong; text-align: center; font-size: 11pt; }
*/

/**
.pageTitle {font-weight: bold; text-align: center; font-size: medium;}
*/
.siteTitle {font-weight: bold; text-align: left; font-size: 17pt; width: 285px; padding-bottom:20px}

A:link { color: #0000FF; text-decoration:none }
A:visited { color: blue; text-decoration:none  }
A:hover { color: red; text-decoration:underline  }

.header:link { color: blue; text-decoration:underline }
.header:visited { color: blue; text-decoration:underline  }
.header:hover { color: red; text-decoration:underline  }

.menuLinkWrapper { float: left; background-color: #003300; padding-right:25px; padding-bottom:5px;}
.menuLink:link {
			 background-color: #003300; color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none;
			 
			}
.menuLink:visited {
			 background-color: #003300; color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none;
			}
.menuLink:hover {
			 background-color: #003300; color: #FFCC00; font-weight: bold; font-size: 10pt; text-decoration:underline;
			}

.sideMenuLink	{
			 	 background-color: #336633; float:none; text-align:center; margin-right: 0px; padding-bottom:15px;
				}
.sideMenuLink A:link {
			 padding-bottom:15px; background-color: #336633;
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none; 
			}
.sideMenuLink A:visited {
			 padding-bottom:15px; background-color: #336633;
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none; 
			}
.sideMenuLink A:hover {
			 padding-bottom:15px; background-color: #336633;
			 color: #FFCC00; font-weight: bold; font-size: 10pt; text-decoration:underline;
			}
			
.sideMenuLinkSmall	{
			 	float:none; text-align:center; margin-right: 0px; padding-bottom:15px;
				}
.sideMenuLinkSmall A:link {
			 padding-bottom:15px;
			 color: #ffffff; font-weight: bold; font-size: 9pt; text-decoration:none; 
			}
.sideMenuLinkSmall A:visited {
			 padding-bottom:15px;
			 color: #ffffff; font-weight: bold; font-size: 9pt; text-decoration:none; 
			}
.sideMenuLinkSmall A:hover {
			 padding-bottom:15px;
			 color: #FFCC00; font-weight: bold; font-size: 9pt; text-decoration:underline;
			}
			
.searchMenuLink	{
			 	float:none; text-align:center; margin-right: 0px; margin-top:0px
				}
.searchMenuLink	A:link {
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none;  
			}
.searchMenuLink A:visited {
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none; 
			}
.searchMenuLink A:hover {
			 color: #FFCC00; font-weight: bold; font-size: 10pt; text-decoration:underline;
			}		
			
.orderLink:link {
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none; font-style:italic;
			}
.orderLink:visited {
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:none; font-style:italic;
			}
.orderLink:hover {
			 color: #ffffff; font-weight: bold; font-size: 10pt; text-decoration:underline; font-style:italic;
			}			
	
.newsTitle A:link {
			 color: #000099; font-weight: bold; font-size: 13pt; text-decoration:none;
			 
			}
.newsTitle A:visited {
			 color: #000099; font-weight: bold; font-size: 13pt; text-decoration:none;
			}
.newsTitle A:hover {
			 color: #000099; font-weight: bold; font-size: 13pt; text-decoration:underline;
			}
			
.otherNews A:link {
			 Verdana,Arial,Helvetica,sans-serif,"MS sans serif"; color: #000099; font-weight: bold; font-size: 13pt; text-decoration:none;
			 
			}
.otherNews A:visited {
			 Verdana,Arial,Helvetica,sans-serif,"MS sans serif"; color: #000099; font-weight: bold; font-size: 13pt; text-decoration:none;
			}
.otherNews A:hover {
			 Verdana,Arial,Helvetica,sans-serif,"MS sans serif"; color: #000099; font-weight: bold; font-size: 13pt; text-decoration:underline;
			}
			
.azSelectedText A:link {
			 color: #FFFFFF; font-weight: bold; font-size: 8pt; text-decoration:none;
			 
			}
.azSelectedText A:visited {
			 color: #FFFFFF; font-weight: bold; font-size: 8pt; text-decoration:none;
			}
.azSelectedText A:hover {
			 color: #FFCC00; font-weight: bold; font-size: 8pt; text-decoration:underline;
			}
			
.azText A:link {
			 color: #000099; font-weight: bold; font-size: 8pt; text-decoration:none;
			 
			}
.azText A:visited {
			 color: #000099; font-weight: bold; font-size: 8pt; text-decoration:none;
			}
.azText A:hover {
			 color: blue; font-weight: bold; font-size: 8pt; text-decoration:underline;
			}
			
.calendarText A:link {
			 color: #000099; font-weight: bold; font-size: 10pt; text-decoration:none;
			 
			}
.calendarText A:visited {
			 color: blue; font-weight: bold; font-size: 10pt; text-decoration:none;
			}
.calendarText A:hover {
			 color: blue; font-weight: bold; font-size: 10pt; text-decoration:underline;
			}
			
.memberTitle A:link {
			 color: blue; font-weight: bold; font-size: 13pt; text-decoration:none;
			 
			}
.memberTitle A:visited {
			 color: #000099; font-weight: bold; font-size: 13pt; text-decoration:none;
			}
.memberTitle A:hover {
			 color: #000099; font-weight: bold; font-size: 13pt; text-decoration:underline;
			}
			
.blankEventCell A:link {
						color:#003333;
			}
.blankEventCell A:visited {
			 			color:#003333;
			}
.blankEventCell A:hover {
						color:#003333; font-weight:bold;
			}
			
.bookedEventCell A:link {
						color:#FFFFFF; font-weight:bold;
			}
.bookedEventCell A:visited {
			 			color:#FFFFFF; font-weight:bold;
			}
.bookedEventCell A:hover {
						color:#FFCC00; font-weight:bold;
			}
			
.weekCell A:link {
						color: #999999; text-align:left; font-weight:bold;
			}
.weekCell A:visited {
			 			color:#999999; text-align:left; font-weight:bold;
			}
.weekCell A:hover {
						color:#0033FF; text-align:left; font-weight:bold;
			}

.monthLink:link {
						color:#003399;
			}
.monthLink:visited {
			 			color:#003399;
			}
.monthLink:hover {
						color:#0000FF;
			}
			
.buttonLabel { font-size: 9pt; vertical-align:middle; }
			
.deleteX {
	color: #990000;
	font-weight: bold;
	text-decoration:none;
	vertical-align: top;
}
			
/** Note: when colouring a div a border should be given.
*		  when floating a div, marings should not be used.
*/
/** Note: border-left & border-right required as NS6 adds border external to element, other browsers within.
*   Note: border: solid #000000 0.1px; required as NS4 doesnt show box bacground-color unless border
*/	
.banner	{ 
		background-color: #003300; width: 100%; padding: 10px 0px 10px 5px; margin-bottom:5px;
		color: #ffffff; height:65px; border: solid #000000 0.1px;
		border-right: hidden #336633 0.1px; border-left: hidden #336633 0.1px;
		}
/** Note: padding required as NS6 doesnt set width to 100% - width is width of element contained in div.
*/		
.bannerJPG	{ 
		background-color: #003300; width: 100%; margin-bottom:5px; padding: 0px 0px 0px 5px;
		color: #ffffff; border: solid #000000 0.1px;
		border-right: hidden #336633 0.1px; border-left: hidden #336633 0.1px;
		}
.logo	{
		float: left; padding: 0px;
		}
.photosOfSchool	{
		float: left; padding: 0px;
		}
/** Note: padding-bottom for menu class is set to 5px rather than 10. In IE this comes after padding of 
		  menuLinkWrapper (5px) whereas in netscape padding on menuLinkWrapper is alongside this padding. 
		  As netscape border comes after padding (IE before), this combination serves to have a similar padding on
		  Netscape 7 and IE 6
*/

/*********************************************** News / Message styles ********************************************************/
			
.messageArticle th	{
				 color: #FFFFFF; background-color: #336633; padding: 3px;
				 font-size: 0.95em; vertical-align: top; border: none; text-align: left;
}

.altMessageArticle th	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; text-align: left;
				 font-size: 0.8em; vertical-align: middle; border: none;
}

.messageArticle td	{
				 background-color: #99CC99; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}
.altMessageArticle td	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}

.newsAdminArticle th	{
				 color: #FFFFFF; background-color: #336633; padding: 3px;
				 font-size: 0.95em; vertical-align: top; border: none; text-align: left;
}

.altNewsAdminArticle th	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; text-align: left;
				 font-size: 0.8em; vertical-align: middle; border: none;
}

.newsAdminArticle td	{
				 background-color: #99CC99; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}
.altNewsAdminArticle td	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}


.messageAdminArticle th	{
				 color: #FFFFFF; background-color: #336633; padding: 3px;
				 font-size: 0.95em; vertical-align: top; border: none; text-align: left;
}

.altMessageAdminArticle th	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; text-align: left;
				 font-size: 0.8em; vertical-align: middle; border: none;
}
.messageAdminArticle td	{
				 background-color: #99CC99; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}
.altMessageAdminArticle td	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}


.contentAdminArticle th	{
				 color: #FFFFFF; background-color: #336633; padding: 3px;
				 font-size: 0.95em; vertical-align: top; border: none; text-align: left;
}

.altContentAdminArticle th	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; text-align: left;
				 font-size: 0.8em; vertical-align: middle; border: none;
}
.contentAdminArticle td	{
				 background-color: #99CC99; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}
.altContentAdminArticle td	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}

.azText {
		 color: #003300; background-color: #FFCC00; padding: 3px;
		 font-size: 0.85em; vertical-align:middle; border: none; text-align:center;
}

.yearText {
		 color: #003300; background-color: #FFCC00; padding: 3px;
		 font-size: 0.80em; vertical-align:middle; border: none; text-align:center;
}
.yearText select {
		 color: #003300; background-color: #99CC99; padding: 3px;
		 font-size: 0.80em; vertical-align:middle; border: none; text-align:center;
}

.azSelectedText {
				 color: #003300; background-color: #003300; padding: 3px;
				 font-size: 0.85em; vertical-align: top; border: none; text-align:center;
}

.memberAdmin th	{
				 color: #FFFFFF; background-color: #336633; padding: 3px;
				 font-size: 0.95em; vertical-align: top; border: none; text-align: left;
}

.altMemberAdmin th	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; text-align: left;
				 font-size: 0.8em; vertical-align: middle; border: none;
}
.memberAdmin td	{
				 background-color: #99CC99; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}
.altMemberAdmin td	{
				 background-color: #C7EAC7; padding: 0px 5px 5px 5px;
				 font-family: Verdana, Helvetica, sans-serif; 
				 font-size: 0.8em; vertical-align: top; border: none;
}

.calendarTable th	{
						background-color: #FFCC00; color:#003333;font-size: 0.8em; text-align:right;
						color:#003333; font-weight:normal;
					}

.calendarTable td	{
						background-color: #99CC99; font-size: 0.8em; text-align:right;
						color:#003333;		
					}
.eventBooked		{
						background-color: #003333; font-size: 0.8em; text-align:right;
						color:#FFFFFF;		
					}
.calendarWrapperTable td	{
						vertical-align:top;				
					}
.weekCell   {
				text-align:left;
			}
.calendarWrapperTable 	{
						margin-top:10px;		
						}
						
.sideSearchTable	td	{
						font-size: 0.8em; text-align:left; padding:0px; margin:0px;
						color:#003333;		
					}
					
					 
.newsTitle		{
				color: #000099; font-size: 16px; font-weight: bold; text-align: left; margin: 0px 0 5px 0;
				}
.otherNews		{
				color: #000099; font-size: 16px; font-weight: bold; text-align: left; margin: 0px 0 5px 0;
				}
.articleText	{ color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px }
.articleText	td { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px }
.articleText	th{ color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px }

.summaryText	{ color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
				font-weight:bold; }

.eventBody		{
				border-bottom: solid gray 0px; text-align: left;
				color: #003300;  margin-top: 0px; padding-bottom:3px; margin-bottom: 5px;
				}

/** Note: only divs, spans, p should be floated. Elements such as images do not float correctly on all browsers.
		  see reference on float
*/
	
.newsArticle	{
				 width: 100%;  background-color: #FFFFFF; padding: 0px 5px 5px 0px;
				 font-size: 13px; vertical-align: top; border: none;
				}
.newsArticle3	{
				  background-color: #FFFFFF; padding: 0px 5px 5px 0px;
				 font-size: 13px; vertical-align: top; border: none;
				}
.altNewsArticle	{
				 width: 100%;  background-color: #FFFFFF; padding: 0px 5px 5px 0px;
				 font-size: 13px; vertical-align: top; border: none;
				}
.newsArticle th{
				 color: #FFFFFF; font-weight: bold; width: 100%;  
				 padding: 0px 5px 5px 5px; font-size: 11pt; vertical-align: top; border: none;
				}
.newsArticle td{
				 width: 100%; padding: 0px 5px 5px 0px;
				 font-size: 11pt; vertical-align: top; border: none;
				}
				
.memberArticle	{
				 width: 100%;  background-color: #FFFFFF;
				 font-size: 13px; vertical-align: top; border: none;
				}
.altMemberArticle	{
				 width: 100%;  background-color: #FFFFFF;
				 font-size: 13px; vertical-align: top; border: none;
				}
.memberArticle th{
				 color: #FFFFFF; font-weight: bold; width: 100%;  
				 padding: 0px 5px 5px 5px; font-size: 11pt; vertical-align: top; border: none;
				}
.memberArticle td{
				 width: 100%
				 font-size: 11pt; vertical-align: top; border: none;
				}
				
.dateText		{
				 color: #333333; font-size: 9pt; font-weight:normal;
				}
.newsSeperator { background-color:gray; height: 1px; border: 0; margin:3px }
.newsCol		{ float: left; width: 47%; vertical-align:top; padding: 0px 0px 0px 0px; }

.newsSummary { font-weight:bold; }

/*********************************************** Form styles ********************************************************/

.formLabel { font-family: Verdana, Arial, Helvetica, sans-serif;
	 		 text-align: left; font-size: 0.9em;
}
input { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 0.9em;
}
.input { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 0.9em;
}

.generalButton  { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}

.logoutButton  { background-color: #FFCC00; color: #000000; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 0.7em; font-weight: bold;
}

.yearButton  { background-color: #336633; color: #FFCC00; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold; margin:0px; padding:0px;
}

.backButton { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.8em; font-weight: bold;
}

.calendarButton { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.7em; font-weight: bold;
}

.sideSearchButton { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.7em; font-weight: bold;
}

.searchButton { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}

.messageButton  { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}
.memberButton { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}


.newsButton  { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}
.contentButton  { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}
.imageButton  { background-color: #FFCC00; color: #000000; 
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.9em; font-weight: bold;
}

.readonlyInput { border: 1px solid #6699CC; padding: 0 3px 0 3px;
}