body {
	margin: 0px;
	background-color: #FFFFFF;
}

/* used for the row containing the logo and stapline 

background should be #95A4BE for accessiblilty with black text
*/
.headerTable {
	background-color: #8A99B3;
}

/* used for the row containing the naviation bar and  phone number 

background should be #405065 for accessiblilty with white text
*/

.menuTable {
	background-color: #54647E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #FFFFFF;
	font-weight: bold;
}

/* used for the row containing the date */
.timeTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	font-weight: bold;
	color: #555555;
	padding: 5px;
}



/* used for the navigation links */
a.navLink {
	color: #FFFFFF;
	text-decoration: none;
}

/* underlink when mouse is over */
a:hover {
	text-decoration: underline;
}	



/* used to hightlight the page in the main navigation bar the user is on */
.navCurrent {
	text-decoration: underline;
}

/* Adds a margin of 1 em to the top of the table used for the main content of the page. Use the id attribute to assign the css. */
#mainContentTable {
	margin-top: 1em;
	}

/* Adds a margin of 1 em to the top of the footer table. Use the id attribute to assign the css. */
#footer {
	margin-top: 1em;
	}

/* Adds a dotted line downwards */
.dottedlineDown {
	border-left : thin dotted #CCCCCC;
	padding: 5px;
}
	

/* the text in the footer */
.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	border-top: thin solid #CCCCCC;	
}

/* Links used in the footer */
.footerLinks {
	text-decoration: none;
	color: #555555;
}


/* Marks the page the user is currently at in the footers navigation */
.navFooterCurrent {
	text-decoration: underline;
	color: #555555;
}

/* for headings 

colour should be #722372 for accessiblity on a white background
*/
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #3366CC;
	padding-left: 7px;
	padding-top: 20px;
}

/* a sub heading */
.subHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #333333;
	font-weight: bold;
	padding-left: 30px;
}

/* sets the text font, size and colour for a list item */
li.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #555555;
}

/* Will add a margin around its content (lists order or unorder) to bring inline with rest 
of the main content */
div.listPadding {	
	margin-left: 20px;	
}

/* should the below be subheading */

.contactHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	font-weight: bold;
	padding-left: 30px;
}



/* used for the main text content of the site */
.mainTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	padding-left: 30px;
	line-height : 150%;
}

/* main text with out left padding. use inside a table for example */
.mainTxtNoPadding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #555555;
	padding-left: 5px;
	line-height : 150%;
}

/* gives a table a margin of 30 px in come into line with the main content text */
table.tableInMainContent {
	padding-right: 10px;
	padding-left: 10px;
}

/* text for pink angels */
.paTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #555555;
	font-weight: normal;
}

/*.subTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #752675;
	padding-left: 7px;
}*/

/*
Text in the portfolio about the sites, changes though JavaScript
*/
#siteinfo
	{
	text-align: left;
	margin-top : 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #555555;
	line-height : 150%;
	}

/*
Change the colour of links in the portfolio
*/
#porfolioLinks a {
color: #555555;
}

/*
Used to format the element that holds the thumbnail images that appears as a mouse rollover.
*/
#thumbnail
	{
	border: thin solid #999999;
	margin-top: 20px;
	}
.bulletpoints {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	list-style-position: inside;
	list-style-type: circle;
	color: #555555;
}
.portfolioSiteImage {
	margin-left : 30px;
	padding : 3px;
	border : thin dotted #CCCCCC;
}

.bodytextemphasis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #333333;
padding-left: 30px;
	line-height : 150%;
}
.greyborders {
	border: 1px solid #999999;
}
.whiteheadertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}
.rowbackgrounds {
	background-color: #C5CDDA;
}
textarea {
	background-color: #E6E6FA;
	border: thin groove #A9A9A9;
	font-family: sans-serif;
	font-size: smaller;
	padding-left: .8em;
	ruby-align: center;
	scrollbar-base-color: Blue;
	scrollbar-shadow-color: Aqua;
	word-wrap: inherit;
}
.testimonialstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .70em;
	line-height: 1em;
	color: #333333;
}
.iconindent {
	text-indent: 10px;
	padding-left: 10px;
}
.emphasis_colour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #C3000B;
	margin-left: 30px;

}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	color: #666666;
	margin-left: 30px;

}
.showtext {
	position: relative;
	visibility: visible;
}
.tooltip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CC3333;
	background-color: #FFFFCC;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	left: 100px;
	top: 0px;
	padding: 5px;
	width: 200px;
}
hr {
	color: #999999;
	border: dotted Gray;
	height: 1px:;
}
.image_righthandmargin {
	text-indent: 5px;
	margin-right: 5px;
}
.indent {
	padding-left: 10px;
}
.content_container {
	width: 500px;
}