@charset "UTF-8";
/* CSS Document */

/* CS Green Colour #00A145 */
/* CS Green Light Colour #abe0c2 */
/* CS Blue Colour #1668b1 */
/* CS Blue Light Colour #abcde6 */


* {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

h1 {
font-size:22px;
font-weight:bold;
color:#1668b1;
}

h2 {
font-size:18px;
font-weight:bold;
color:#1668b1;
}

h3 {
font-size:14px;
font-weight:bold;
color:#1668b1;
}

h4 {
font-size:12px;
font-weight:bold;
color:#00A145;
}

p
{
clear:both;
font-size:12px;
} 

/* CLASS formating I have set up. Applied using an DIV tag to many elements */


.largeText 
{
	font-weight:bold;
	color:#7b7b7b;
	font-size: 24px;
}

.whiteText 
{
	font-weight:bold;
	color:#ffffff;
}

/* unvisited link */
.whiteText:link {
	text-decoration: none; 
}

/* visited link */
.whiteText:visited {
	text-decoration: none; 
}

/* mouse over link */
.whiteText:hover {
	text-decoration: none; 
	color: #000000; 
	background: #ffffff;
}

.redTextStrike 
{
	text-decoration: line-through;
	color:#F00;
}

.redText 
{
	font-weight:bold;
	color:#F00;
	font-size: 18px;
}

.greenText 
{
	font-weight:bold;
	color:#00A145;
	font-size: 14px;
}

.blueText 
{
	font-weight:bold;
	color:#0068B1;
	font-size: 14px;
}

.blackText 
{
	font-weight:bold;
	color:#000000;
	font-size: 14px;
}

.greenBackground
{
bgcolor:ABE0C2;
}

.menuCSS
{
	color:#666;
	text-decoration:none;
}

/* unvisited link */
.menuCSS:link {
	text-decoration: none; 
}

/* visited link */
.menuCSS:visited {
	text-decoration: none; 
}

/* mouse over link */
.menuCSS:hover {
	text-decoration: none; 
	color: #FFF; 
	background: #00A145;
}

/*Refers to any element that currently has focus activated by keyboard or any other user action. 
.menuCSS:focus {
	text-decoration: none; 
	color: #FFF; 
	background: #ABE0C2;
}*/

/* selected link */
.menuCSS:active {
	text-decoration: none; 
	color: #FFF; 
	background: #0068B1;
}
 

.logoCSS
{
margin-bottom:10px;
margin-right:10px;
float:left;
} 

.bodyCSS
{
clear:both;
font-size:12px;
} 

.left
{
float:left;
}

.right
{
float:right;
}

/* ID formating I have set up. Applied using an ID attribute to an element */

#footerCSS
{
text-align:center;
font-size:smaller;
} 

#leftCSS
{
float:left;
}
 
#rightCSS
{
float:right;
}

#nofloatCSS
{
clear:both;
}

