﻿/*Testubg css layout*/

#bodybox
	{
	height: 48cm;
	width: 23cm;
	}

	
#mheadbox  /*masthead box division*/
	{
	background-color:#006699;
	height: 140px;
	width: 22.2cm;
	margin-left: 10px;
	}
	
#wholepagemheadbox /*Masthead for whole page*/	
	{
	background-color:#fff;
	border: solid #006699 3px;
	height: 3.2cm;
	width: 96%;
	margin-left: 13px;
	
}
	
	
#wholepagebox /*Whole Page Container Splash Page*/
	{
	background-color:#006699;
	border: solid #006699 2px;
	height: 20cm;
	width: 22.2cm;
	margin-left: 9px;
	}

#wholepagebox2 /*Whole Page Container Site Page*/

	{
	background-color:#fff;
	border: solid #006699 2px;
	height: 12cm;
	width: 10cm;
	margin-left: 13px;
	}

	
	

.nav  /*navigation */
    {	
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	text-align: center;
	background-color: #fff;
	overflow:hidden;
	width: 22.4cm;
	margin-left: 9px;
	padding-left:0;
	height: 31px;
	color:#fff;
	margin-top:0;
	
}
		
.nav ul 
	{
	list-style-type: none;
	width: 99%;
	margin-left: 0;
	padding-left: 0;
	
	
	}
	
.nav li 
	{
	list-style-type: none;
	float: left;
	margin-left:0;
	padding-left:0;
	padding-top:0px;
	width: 7em;
	height: 24px;
	
	
	
}



.nav a 
	{
		
	color: #fff;
	text-decoration: none;
	display: block;
	padding:5px;
	text-decoration:none;
	}
	
	

	
.nav a:hover 
	{
	color:#000;
	text-decoration: none;
	border: 1px solid #0099ff;
	background-color: #0099ff;
	margin-left: 0;
	padding-left:0;	
	
	}
	


ul.nav li{
	border:collapse;	
	float: left;
	width: 6.325em;
	background-color:#036;
	
}

ul.nav li ul{
	
	width: 6em;
	position:absolute;
	left:-999em;
	
		
}

.nav li:hover ul{
	left: auto;
	}
	
.nav li:hover ul li
	{
	background-color:#6666FF;
    border-top: 1px solid #fff;
	
}


	
	
	
	
	
.mheadtext01  /*large text*/
	{
	font-family: "Brush Script MT";
	background-color:#006699;	
	text-align: right;
	margin-right:10px;
	font-size: 38px;
	color: #FFFFFF;
	font-weight: 700;
	position:absolute;
	right: 8%;
	top: 55px;
		}
	
.mheadtext02 /*small text*/
	{
	font-family: "Brush Script MT";
	background-color:#006699;
	text-align: left;
	margin-left:10px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 700;
	position:absolute;
	left: 24%;
	top: 85px;
	}
	
.mheadtext03 /*medium text*/
	{
	font-family: "Brush Script MT";
	background-color:#006699;
	text-align: left;
	margin-left:10px;
	font-size: 34px;
	color: #FFFFFF;
	font-weight: 700;
	position:absolute;
	left: 25%;
	top: 45px;
	}
	
	
.mheadsidetext01 /*Master Heard Right Text*/	
	{
	font-family: Arial;
	background-color: #006699;
	text-align: right;
	font-size: 10pt;
	color: #fff;
	font-weight: 700;
	position:absolute;
	left:20.5cm;
	top: 45px;
	width: 65px;
	position:absolute;
}

	
	
	
.logobox /*logo box*/
	{
	background-color:white;
	border: solid #006699 2px;
	height: 3.6cm;
	width: 3.5cm;
	
	position:absolute;
	left: 21px;
	top:15px;
	}
	
		
.logo /*logo image*/
	{	
	top: 15px;
	margin-left: 2%;	
	position: absolute;
	left: 21px;
	right: 28px;
	height: 114px;
	}
	
.masthead01 /*Masthead Background*/
	{
	top: 17px;
	position: absolute;
	left: 4cm;
	} 




#navigation  /*navigation box division*/
    {
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	text-align: center;
	background-color: #003366;
	overflow:px; hidden;
	width: 97%;
	margin-left: 1.05%;
	margin-right:3%;
	height: 29px;
}
		
#navigation ul 
	{
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
#navigation li 
	{
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 8.0%;
	height: 21px;
}
#navigation a 
	{	
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	text-decoration:none;
	}
	
#navigation a:hover 
	{
	color: #000;
	text-decoration: none;
	border: 1px solid #0099ff;
	background-color: #0099ff;;
	}
	


.h1	/*Page Heading*/  
    {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#3366FF;
	text-align:center;
	margin-left:1%;
	margin-right:0%;
	width: 97%;
	height: 18px;
}


.h1cols3/*Page Heading*/  
    {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#3366FF;
	text-align:center;
	margin-left:5px;
	margin-right:auto;
	width: 98.75%;
	height: 18px;
}


.h2 /*Right Content Heading Centred*/
	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;		
	font-weight: bold;
	background-color: #009999;
	text-align:center;
	margin-top: 5px;
	height: 17px;
}
	
h3 	/*Item Heading*/
	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;		
	font-weight:normal;
	background-color: #fff;
	text-align:left;
	}
	
	
.h4  /*Footer Copyright Bar*/
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	background-color:navy;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:18cm;
	color:#ffffff;
	margin-bottom: 8px;
}

.emptylinespace
	{
	height:9pt;
	}

		
.imgbox
	{
	border: 5px solid black;
	margin-left: 0%;
	margin-right: 90%;
	float: left;
	max-width: 10%;
	vertical-align: text-top;
	text-align: center;
	}
	
	
.itemtext
	{
	background-color: white;
	font-size:9pt;
	font-family: Arial;
	font-weight:normal;
	color: #003366;
	text-align: justify;
	text-decoration:none;
	margin-left:.25cm;
	margin-right:.25cm;
	}
	
.textitemjustify
	{
	background-color: white;
	font-size:9pt;
	font-family: Arial;
	color: #003366;
	text-align: justify;
	text-decoration:none;
	margin-right:.25cm;
	margin-left:.25cm;
}

.textitemcentre
	{
	background-color: #FFFFFF;
	font-size: 9pt;
	font-family: Arial;
	text-align: center;
	text-decoration: none;
	color:#003366;
	margin-right: .25cm;
	margin-left: .25cm;
	height: 15px;
}





.textbold /*Bold Text*/

	{	
	font-weight: bold;
	text-align: justify;
}		
	
.textitalic /*Italic Text*/

	{		
	font-style: italic;
	}


.textcentre /*Centre Text*/

	{		
	text-align:center;
	}



.textbolditalic /*Bold and Italic Text*/

	{	
	font-weight: bold;
	font-style: italic;
	}
	
.textcaptionpics /*Picture Captions*/
	{
	font-family: "Times New Roman", Times, serif;
	font-size:9pt;
	font-weight: 700;
	font-style:italic;
	color:maroon;
	text-align:center;
}		

.textwhite /*White Text Heading*/
	
	{
	color: white;
	text-decoration: none;
	background-color: #006699;
	font-weight: 700;
	font-size: medium;
	}

.textwhite10pt 
	{
	color: #FFFFFF;
	font-size: 10pt;
	background-color:#009999;
	}

.textdecnoneblue {
	text-decoration: none;
	color:#3333FF;
	font-weight: 700;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif;
}



.textlistformatting /*formatting text list*/
	{
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: medium;
	text-align: justify;
	text-decoration: none;	
	font-weight: bold;
	background-color: #006699;
	}

.itemimg
	{
	border-width: 0px;
	float: left;
	vertical-align: text-top;
	padding: 0px 10px 0px;
	}

.rssfeeds 
	{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: #006699;
	}
	
.textdecnone 
	{
	text-decoration: none;
	color: #FFFFFF;
}

a:hover 
	{
	border-style: none;
	color: black;
	background-color: #0099FF;
	font-size:9pt;
}
	
a:visited:
	{
	color:#CC00FF;
	} 

	
#endbox /8ooter division box*/
	{
	background-color:silver;
	position:absolute;
	bottom: 1%;
	background-color:fuchsia;
	border: solid #00669 3px;
	height: 4cm;
	width: 96%;
	text-align:center;
	}
	
#copyright /*Footer Copyright*/
	{	
	height: 15px;
	width: 22cm;
	/*border: solid teal 1px;*/
	text-align:center;
    margin-left:auto;
    margin-right:auto;
	}

	
