body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000242;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000099;
	font-style: italic;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
	color: #000099;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
}
h4 {
	color: #000099;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000099;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000099;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000099;
}
.tablelink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00B359;
}
.tablelink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9966;
}
.tablelink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00B359;
}
.tablelink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00B359;
}
	
table#groovy {                                            /*the outer table that contains all - its padding and spacing done in html not css*/
 background-color: #FFFFFF; 
 border: 0px ;
 /*border: 1px solid #284279;*/
} 
table#planner {                                           /*the inner table inside the red dashed line that is the form - 
                                                           its percentage width and blank lines above and below create the space around it*/
	border: 1px solid #000099;
	background-color: #F4FAFD;
}
#planner td {                                             /*this is table#planners cell properties*/
 padding-left: 12px;
 padding-right: 12px;
 font-size:11px;
 color: #101072
}
.celltext {			                                     /* this is the cells with no fields in them - had to use the 
                                                            span tag in the html to get the class to be recognized*/
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #101072; 
 padding: 6px;
 padding-top: 6px;
 }
 .fieldcelltext {										/*this is the text typed in a cell with fields ie. Child 4-14 yrs
 														 - had to use the span tag in the html to get it all to work*/
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #101072; 
 }
 .fieldcell { 											/*this it the cells with fields in them*/
 background-color: #D9F1FF; 
 color: #101072; 
 text-align: left; 
 border: 1px solid #284279; 
 margin-right: 0px; 
 padding: 6px; 
} 
.fieldcell input { 
 width: 200px; 
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #F4FBFF; 							/*this it the background colour inside the text fields*/
 color: #101072; 										/*this it the text colour inside the text field when typed in internet explorer*/
 border: 1px solid #284279; 
 margin-right: 0px; 
}
textarea { 
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #F4FBFF; 							/*this it the background colour inside the text area fields*/
 color: #101072; 										/*this it the colour inside the text area field when typed in internet explorer*/
 border: 1px solid #1E454F; 
}
select { 												/*these are the dropdowns ie. select*/
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFF3F8; 
 color: #101072; 										/*this it the colour of the menuu items in the dropdowns*/
 border: 1px solid #284279; 
}
 .fieldcellsmall input { 								/*this it the small field ie tick boxes and radio buttons*/
 width: 20px; 
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #DFF4FF; 
 color: #101072; 										/*this doesnt do anything*/
 border: 1px solid #284279; 
 margin-right: 0px; 
}
 .fieldcellsmall { 
padding: 6px;
}
.button {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #D9F1FF; 							/*the background colour of the button*/
	color: #101072; 										/*the text colour of the button*/
	border: 1px solid #284279; 							/*if you dont put a border it will automatically bevel it*/
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
	height: 24px; 										/*the height of the button*/
	width: 66px; 										/*the width of the button*/
}
.detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3e3ec6;
}