/* index.css */ 

body { 
	background: #BDE7FF;	/*#99ffff ; yellow*/
background-image: url("Images/tout.jpg" );
 /*	color: #00FFFF; */
	font-family:Century Gothic,Courier,arial,helvetica,sans-serif; 	
	margin-left: 0;
	width:auto;
	margin: 0px;
	background-image: url("Images/starfish.gif" );
	background-attachment: fixed;
	background-repeat: repeat-y; 
	}
body { 
	
	background-image: url("Images/tout.jpg" ),url("Images/starfish.gif" );
	background-position: center, top left;
	background-attachment: fixed, scroll;
	background-repeat: repeat-n, repeat-y;
	
	}

A { 
	text-decoration:none 
	}
 
h1 { 
	text-decoration: none;
     color: blue; /*#84CEF7;*/
  	font-size:1.8em;
 	font-family:Verdana,Century Gothic,Courier,arial,helvetica,sans-serif;
 /*	margin-top: 5px; 
 	margin-bottom:5px; */
 	font-weight: bold;
 
	} 
h2 { 
	color: blue;   /*black;*/
  	font-size:1.2em;
 	font-family:Verdana,Century Gothic,Courier,arial,helvetica,sans-serif ;
   /*	margin-top: 5px; 
 	margin-bottom:5px;
	font-weight: bold;*/
	} 

h3 { 
	color:red; 
	font-size:14px; 
	background:transparent; 
	} 
h4 { 
	color:silver; 
	font-size:12px; 
	background:transparent; 
	}
	
/*main title block on title page */

	 
	
#top-banner {	
	margin-left : 20%; 
	padding-left : 0.5em; 
	margin-right : 10%; 
	padding-right : 0.2em;
	padding-top : 0.1em;
	
/*	padding: 10px;
	border: 1px solid blue; 
	background-color:#F3F1F4 ; */
	background-image: url("Images/blue26h.jpg");
/*	height: 70px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 50px; */
	text-align:center;
	}
	
	#top-text {
	font-family:Century Gothic,Courier,arial,helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	color:#336699;  /*blue*/
	font-size:1.0em;
	margin-left : 20%; 
	padding-left : 0.5em; 
	margin-right : 10%; 
	padding-right : 0.5em;
	}

/*main text block on title page */


#textblock {
	color:black;
	font-size:0.9em;
	margin-left: 8em;	
	margin-right: 6em
	}

#textblock-updated {
	color:black;
	font-size:0.6em;
	margin-left: 15em;	
	}


#textblock-c {
	color:black;
	font-size:0.9em;
	margin-left: 40%;	
	}

#textblock-cal {
	color:black;
	font-size:0.9em;
	margin-left: 30%;	
	}
	
	#textblock-cent {
	color:black;
	font-size:0.9em;
	text-align : center;	
	}

#textblock-right {
	color:black;
	font-size:0.9em;
	margin-right: 10%;
	text-align : right;	
	}





	
/*	
table.center {width:40%; margin-left:15%; margin-right:15%;}
*/


.type1 {
	text-decoration: none;
     color: blue; /*#84CEF7;*/
  	font-size:1.8em;
 	font-family:Verdana,Century Gothic,Courier,arial,helvetica,sans-serif;
 /*	margin-top: 5px; 
 	margin-bottom:5px; */
 	font-weight: bold;
  	}
  	
.type2 {
     color: blue;   /*black;*/
  	font-size:1.2em;
 	font-family:Verdana,Century Gothic,Courier,arial,helvetica,sans-serif ;
   /*	margin-top: 5px; 
 	margin-bottom:5px;
	font-weight: bold;*/
  	}

.type3 {
	text-decoration: none;
	text-align:right;
     color: silver;
	font-size:0.85em;
	font-weight: bold;
 	font-family:Century Gothic,Courier,arial,helvetica,sans-serif 
  	}
	

	.type4 {
	text-decoration: none;
	text-align:RIGHT;
     color: blue;
	font-size:0.7em;
 	font-family:Century Gothic,Courier,arial,helvetica,sans-serif 
  	}

	
	.type5 {
	text-align:left;
     color: black;
	font-size:1.1em;
 	font-family:Century Gothic,Courier,arial,helvetica,sans-serif;
 	font-weight: bold;

  	}

	
p,td,ul,li { 
	font-size:1em; 
	font-family:Century Gothic,Courier,arial,helvetica,sans-serif; 	/*font-weight: bold;*/ 
	}
	
	
	

a:link { 
	color:blue; /*#999966; */
	background:transparent; 
	}
 
a:visited { 
	color:#669999; 
	background:transparent; 
	}

a:hover { 
	color:white; 
	background:blue; 
	}
 
a:active { 
	color:#cc0033; 
	background:transparent; 
	} 

/* Horizontal navigation bar */


p.navigation-bar {
font-family:Verdana,arial,helvetica,sans-serif;
	background-image: url("Images/blue26m.jpg");
	/*border : 1px solid blue; */
	margin-left : 20%; 
	padding-left : 0.5em; 
	margin-right : 10%; 
	padding-right : 0.5em; 
	font-size : 0.8em;
	text-align : center; 
	font-weight: bold;
	} 

p.navigation-bar a:link {
	color : black; 
	text-decoration : none; 
	}
	
p.navigation-bar a:visited {
	color : black; 
	text-decoration : none; 
	}
	
p.navigation-bar a:hover {
	background-color : #4A88BE; 
	color : white; 
	text-decoration : none; 
	} 

p.navigation-bar a:active {
	background-color : #DAE4F0; 
	color : black; 
	text-decoration : none; 
	} 

#active {
	background-color: blue;
	color: white;
	text-decoration: none
	}



/*vertical list buttons */



#activelink-v a:link, #activelink-v a:visited, #activelink-v a:hover {
	font-family:Verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	border: 1px solid blue; /*border color */
	background-color: #369; 
	color: #fff; 
	}

 
#navblock-v  ul { 
	list-style-type:none; 
	padding: 0; 
	float : right;
	margin-right :0.5em;
	} 
	
#navblock-v  a { 
	display: block; 
	color: black; /* text colour */
	background-color: #F3F1F4; /*#ddd*/ 
	background-image: url("Images/blue25.jpg");
	background-repeat: no-repeat;
	width:12em; 
	/*padding:6px 30px; */
	text-align:center;
	text-decoration: none;

	}
	
#navblock-v  a:hover { 
	background-color: #B6B7D5; /* hover colour */
	color: white; 
	}
	
	
	#navblock-v  a:hover span { 
	display:block;
	position:absolute;
	font-family:Verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	color: white;
	background:#8CAAE6;  /* MS blue;*/

	
	margin: 0 15% 0 0;

	top:400px;
	right:5%;
	width:200px;
	
	}

	
	
/*#navblock-v li {
	background-color: red;  hover colour 
	margin: 0 0 8px 0;
	}*/

	
	

	
	
/*address and telephone details on title page */
	
#titleblock {
text-align:right;
	color:blue;
	font-size:1em;
	/*margin-left: 4em;*/	
	}
	
	
 /* image control block */
 img.dsc210 {
 	float: left;
 	text-align : right;
 /*	width: 20%;
 margin-left: 4em;
 	height: auto */
 	
 	}
 	
 	
 	img.dsc-left {
 	
 	text-align : right;
 /*	width: 20%;*/
 margin-left: 12em;
 	height: auto; 
 	
 	}

 	
img.dsc263 {
 	float: left;
 	text-align : right;
 	 /*	height: 40%;
 	width: 40% */
 	}


img.dsc-right {
 	float: right;

 	margin-right: 12em;

 	text-align : left;
  	}

 	
.caption210 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #3300CC; 
	text-align: left
	}

.caption263 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #3300CC; 
	vertical-align:text-bottom
	}
	
#cap01{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #3300CC; 
	vertical-align:text-bottom
	}
	
	
	
	
	.caption-left {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #3300CC; 
	text-align: left
	}

	.caption-right {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #3300CC; 
	margin-right: 16em;
	text-align: right
	}

	
	
 
 .header01 {
	font-family: Century Gothic,Courier,Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	color: blue;  /* #3300CC */
	vertical-align:text-bottom
	
}


	


.selected {
background-color: blue;
	color: white;
	text-decoration: none

}

#dsc {
 	margin-left : 20%;
 	text-align : right;
 	}

.showtext {
display:none;
}


.align-bot {
margin-left : 40%;

}


.textstyle{
font: bold 12px Verdana;
line-height: 1.5;
}

/* email background colour */

.formstyle{
background-color: #FFFFFF; /* #E1E1E1; */
}