.ArialBlueNormal { FONT-WEIGHT: normal; font-style:normal; FONT-SIZE: 14px; COLOR: #000080; FONT-FAMILY: Arial }
.ArialBluebold { FONT-WEIGHT: bold; font-style:normal; FONT-SIZE: 12px; COLOR: #000080; FONT-FAMILY: Arial }
.ArialBluSmall { FONT-WEIGHT: normal; font-style:normal; FONT-SIZE: 10px; COLOR: #000080; FONT-FAMILY: Arial }
.ArialBlueMed { FONT-WEIGHT: bold; font-style:normal; FONT-SIZE: 14px; COLOR: #000080; FONT-FAMILY: Arial }
.ArialBlueHeading { FONT-WEIGHT: bold; font-style:normal; FONT-SIZE: 18px; COLOR: #007EC0; FONT-FAMILY: Arial }
.ArialBlueSubHeading { FONT-WEIGHT: bold; font-style:normal; FONT-SIZE: 14px; COLOR: #000080; FONT-FAMILY: Arial }
.ArialPinkNormal { FONT-WEIGHT: normal; font-style:normal; FONT-SIZE: 12px; COLOR: #FCC9F2; FONT-FAMILY: Arial }
.ArialPinkHeading { FONT-WEIGHT: bold; font-style:normal; FONT-SIZE: 18px; COLOR: #FF00FF; FONT-FAMILY: Arial }
.TableDarkBackColour { COLOR: #FCC9F2;}
.TableLightBackColour { COLOR: #FFFFFF;}

body { FONT-WEIGHT: normal; font-style:normal; FONT-SIZE: 14px; COLOR: #000080; FONT-FAMILY: Arial }

H1, .page_heading 
       { FONT-WEIGHT: bold	; 
         font-style:normal; 
		 FONT-SIZE: 18px; 
		 COLOR: #000080; 
		 FONT-FAMILY: Arial } 

H2, .page_heading 
       { FONT-WEIGHT: bold	; 
         font-style:normal; 
		 FONT-SIZE: 14px; 
		 COLOR: #000080; 
		 FONT-FAMILY: Arial } 

H4, .ArialBlueNormal 
       { FONT-WEIGHT: none	; 
         font-style:normal; 
		 FONT-SIZE: 12px; 
		 COLOR: #000080; 
		 FONT-FAMILY: Arial } 

/* this is the box that contains the logo and menu items */		
#menu  
	{
	FONT-SIZE: 12px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: none;
	text-decoration: none;
	color: #ccc;
	text-indent: 0;
	visibility: visible;
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 30px;
	width: 230px;
	height: 370px
	color: #000080;
	}


/* each menu item is wrapped in a 'menuitem' class */
/* all four menus are identical                    */
.menuitem {
FONT-SIZE: 12px;
	margin-top: 0px;
	margin-left: 0px;
	width: 180px;
	padding-bottom:2px;
	border-bottom: 1px dotted #000080;
	background-color: transparent 
	color: #000080;
	}


/* This is the code that defines the nav bar text. The three states of the menus are defined here in this order */
a, .menuitem a, .baseline a {
FONT-SIZE: 14px;
	color: #000080;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-weight: none;
	text-decoration: none
	}
	
a:visited, .menuitem a:visited, .baseline a:visited  { 
 	color: #000080; 
	text-decoration: none 
	}

a:hover, .menuitem a:hover, .baseline a:hover {
	color: #D25100;
	text-decoration: none 
	FONT-SIZE: 12px;
	}
	
a:active, .menuitem a:active, .baseline a:active { color: #900;
	text-decoration: bold  
	}	
	
	
.snippet {
	background-color: #fcc9f2;
	display: block;
	margin-top: 1.2em;
	margin-bottom: 1.5em;
	padding-top: 0.6em;
	padding-bottom: 0.8em;
	padding-left: 2em;
	width: 90%;
	border: solid 1px #688
	}
	
.caption {
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #696;
	font-size: x-small;
	}


.code  
	{
	color: #579;
	font-family: Courier, "Courier New", monospace
	}
	
.picbox {
	float: left;
	margin-top:10px;
	margin-bottom: 12px;
	width: 100%;
	height: auto
	}
	
.col {
	float: left;
	margin: 0 0 0 0;
	width: 45%;
	height: auto
	}
	
.piccol {
	float: left;
	text-align: center;
	margin: 0 0 0 0;
	width: 32%;
	height: auto
	}
	
.baseline {
	font-size: x-small;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin-top: 16px;
	width: 97%;
	text-align: right;
	border-bottom: solid 1px #9b9;
	}
	
.spacedhead {
	color: #933;
	font-size: medium;
	font-style: bold;
	word-spacing: 0.5em; 
	letter-spacing: 0.5em
	}
	
#footer {
	color: #f8faf8;
	font-size: 4px;
	font-family:  Arial, Verdana, Geneva, sans-serif;
	background-color: #c7ccc6;
	visibility: visible;
	padding-top: 2px;
	padding-bottom: 3px;
	position: absolute;
	height: 12px;
	bottom: 16px;
	left: 45px;
	width: 180px }