.NavigationLinkCell{
	border: 1px solid #000000;
	font-size: 85%;
	text-transform: capitalize;
	background-color: #6666FF;
	cellspace: 2;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.NavigationLinkCell a{
	color: white;
	font-style: italic;
	text-decoration: none;
}
.NavigationLinkCell a:visited{
	//this can be left empty if nothing is wanted to change on links that have been visted
}
.NavigationLinkCell a:hover{
	color: #000000;
	background-color: #7799FF;
}
.tableBorder{
	border: 1px solid #000000;
}

/*the headings styles, change from default if you want, just
click between the {}s and edit using the CSS Styles window in Dreamweaver, or
add the text yourself if you have an idea what is going on
*/
p{
	color: #335566;
}
H1{
	color: #335566;
	font-family: "Lucida Calligra", "Times New Roman", Arial;
}
H2{
	color: #335566;
	font-family: "Lucida Calligra", "Times New Roman", Arial;
	font-size: 18px;
}
H3{
	font-family: "Lucida Calligra", "Times New Roman", Arial;
	font-size: 18px;
	font-weight: lighter;
}
H4{}
H5{}
H6{}
H7{}

/* This makes the links change colour when a mouse moves over it */
a.link{
	color:#557788;
 } /* default colour for links */
a.hover{
	color: #113344;
}/*What happens to it when rolled over */
a.visited{ } /* what it looks like if already visted */