body {                                                    /*body text and colour*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
table#groovy {                                            /*the outer table that contains all - its padding and spacing done in html not css*/
 background-color: #B7E3E3; 
 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 #214B56;
	background-color: #F1F9FE;
}
#planner td {                                             /*this is table#planners cell properties*/
 padding-left: 12px;
 padding-right: 12px;
 font-size:11px;
 color:#4F3166
}
.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: #1E454F; 
 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: #3C4464; 
 }
 .fieldcell { 											/*this it the cells with fields in them*/
 background-color: #E2F0F3; 
 color: #CFE6EB; 
 text-align: left; 
 border: 1px solid #9FB3C6; 
 margin-right: 0px; 
 padding: 6px; 
} 
.fieldcell input { 
 width: 200px; 
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFF3F8; 							/*this it the colour inside the text fields ie name address country at bottom*/
 color: #3C4464; 										/*this it the 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: #EFF3F8; 
 color: #3C4464; 										/*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: #405177; 										/*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: #66FF99; 										/*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: #E2F0F3; 							/*the background colour of the button*/
	color: #333E64; 										/*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*/
}