/* CSS Document */
/* in SRT3 realigned */
/* Basic Elements */


/*_----------------------------------------------------------------------------------*/
/* header sets colour, padding dimensions, and bottom border for header box */
#header {
/*background-color: #ffffff;*/
/*background-color: LightCyan;*/
background-color: #ffffff;
height: 3em;  /* sets header area height  if set to 0 height is determined by the text inserted in p */
padding-left: 50px;
padding-right: 50px;
padding-top: 1px;
padding-bottom: 1px;
/*border-bottom: solid  red 1px;*/ 
/* border: solid  powderblue 6px;*/
border-top: #000080  3.5px;
border: #ADD8E6 6px;
/*border: solid  black  26px;*/


}

/* header p set font size for topmost header box only 
#header p {
font-size: 1em;
font-family: Arial, Verdana, sans-serif;
color: solid 	#000080 ; 
margin:.0em 0 .0em 0;} *//* margin top right bottom left , margin is edge space within header box*/


#header p {
font-size: 1em;
font-family: Arial, Verdana, sans-serif;
color: Navy ; 
margin:.0em 0 .0em 0; /* margin top right bottom left , margin is edge space within header box*/

}
/* ---------------------------------------------------------------------------------- */


/* affects ONLY p text sizes within the colmask class */
.colmask p {
font-size: 3.0em;
text-align: justify;
line-height: 1.0em;
color: green;
}

p {
		margin:.0em 0 .0em 0; /* margin top right bottom left round whole screen area */
		padding:0;
	 }

.col1 p {font-size: 1.5em;  /* font characterics for Col1 Centre p text */
color: black;
font-family: Arial, Verdana, sans-serif;
}

.col2 p {font-size: 1em;  /* font characterics for Col2 Left p text */
color: orange;
}
.col3 p {font-size: 1em;  /* font characterics for Col3 Right p text */
color: green;
}

.col1 h1 	{
color: green;

}

.col1	li	{
color: green;

}

.col1 h2	{
color: black;
font-family: Arial, Verdana, sans-serif;
}

.col1 h3	{
color: black;

}

.col2 h1 	{
color: orange;
}

.col2 h2	{
color: orange;

}

.col2 h3	{
color: orange;

}

.col3 h1 	{
color: blue;

}

.col3 h2	{
color: blue;

}

.col3 h3	{
color: blue;

}

/* ----------------------------------------------------------------------------------- */

body {
		margin:0em; /* the margin around the screen area - top & left ? */
		padding:0em;  /* the padding around the whole screen */
		/*border: solid  purple 6px;*/
		/*this is the border for the whiole screen*/
		border: solid 	gray  6px;
		/*border:solid  red 6px;*/			/* This removes the border around the viewport in old versions of IE */
		width:99%;   /* this controls % of the physical screen used*/
		/*background:#fff;*/
		background:white;
		/* min-width:600px;*/		/* Minimum width of layout - remove line if not required */ 
						/* The min-width property does not work in old versions of Internet Explorer */
/*		font-size:90%;  */
/* do not know what this does */
	}


/* ---------------------------------------------------------------------------------- */


#outer-image{
height: 199px;
/*background-image: url(outer-image.jpg);*/
/*background-image: url(background09.jpg);*/
/* border-bottom: solid darkorchid 1px; */
border-top: solid gray 3.5px;
 border-bottom: solid gray  3.5px; 
background-image: url(background11.jpg);
 
background-position: center top;
}
#inner-image{
height: 200px;
margin-top: 3px;
background-image: url(logo_header.jpg);
/*border: solid  aqua 6px;
border-bottom: solid  aqua 6px;*/
border-bottom: solid  	#00008B 1px;
/*border: solid  darkorchid 6px;*/
/*this is the border for the picture box*/
/* border: solid 		#00008B 6px;*/
background-repeat: no-repeat;  /* controls replication of the images horizontally */
background-position:  165px 20px;
}

/* ----------------------------------------------------------------------------------- */

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page used */
		overflow:hidden;		/* This chops off any overhanging  divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	float:left;
	width:100%;
	position:relative;
	visibility: hidden;

	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	left: -279px;
	top: 16px;
	visibility: visible;
	width: 546px;
	height: auto;







	}

/* -----------------------------------------------------------------------------------*/

/* 3 Column settings */
	.threecol {
	background:#fff;
		/*background:LightCyan;*/		/* right column background colour */
	}
	.threecol .colmid {
		right:18%;			/* width of the right column background color?, alters relative position of the other columns too being a % */
		/*background:#fff;*/				/* center column background colour */
		/*background-color:LightCyan;*/
	}
	.threecol .colleft {
		right:65%;			/* width of the middle column */
	background:#fff;	
	/*background:LightCyan;*/	/* left column background colour */ 
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {        
padding-right: 20px;       			/*padding to right side of left column - moves right border, not color / width*/          
padding-left: 20px;				/*padding to left side of left column*/
border-right: solid  #B0E0E6 2px;

		width:15%;			/* Width of left column content (column width minus padding on either side) */
		left:25%;			/* moves content position of left columnwidth of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		/*width:16%;			/* Width of right column content including border-left(column width minus padding on either side) */ 
padding-left: 7px;	/* moves position of words in right column, but not the border or the nackground color column */
padding-right: 30px;
border-left: solid  #B0E0E6 2px;
		width:15.5%;			/* Width of right column content including border-left(column width minus padding on either side) */
		left:91%;}				/* position of right column content & border on the page*/


/* ----------------------------------------------------------------------------------- */

#navbar{
/*background-color: #daa520;*/
/*position: absolute;
top: 0px;
left: 0px;
width: 198px;*/

}

#navbar ul li {
list-style-type: none;
font-size: 0.8em;
font-family: sans-serif;
font-variant: small-caps;
margin: 0;
padding: 0;

}

#navbar ul {
margin: 0;
padding: 0;
}



#navbar ul li a:link,  #navbar ul li a:visited {
	display: block;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid  #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	color: black;
	/*align: center;*/
	text-transform: none;
}


#navbar ul li a:hover {
/*background-color: #aaddee;*/
background-color: #daa520;
}

/* ---------------------------------------------------------------------------------- */
	/* Footer styles */
	#footer {
		height: 20px;
		/*padding: 5px;*/
		clear:both;
		/*float:left;*/
		width:99.5%;
		 background-color: 	#D3D3D3; 
		/*background-color: red;*/
		border:5px solid Navy ;
	}
	#footer p {
		padding:0px;
		margin:0;
		color: black;
		font-family: Arial, Verdana, sans-serif;
		font-size: 1em;
		font-weight: 700;
	}
	/*  */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

/*g*/