/* --- COLOURS --- */
/* Light blue: #C8DFED --- Pale orange: #E59968 --- Pale green/yellow: #FBFCDD --- Light green: #DBF1A8  */
/* Blue: #202AE4 --- Orange: #D67241 --- Dark blue: #427387 */
/* --- Layout ---*/
#page { margin: 0 auto; width: 830px; /* width + border for IE 5.x */
			w\idth: 800px; /* real width */
			text-align: center;
}
#colleft {
  float: left; 
  width: 130px; 
  border: 0 dashed #333;
  
}
#colleft2 {
  float: left; 
  width: 160px; 
  border: 0 dashed #333;
}
/* #colright { 
  float: right; 
  width: 10%; 
  border: 0 dashed #333;
  
}*/

#mainpage { 
  margin: 5px 5px 5px 131px; /* top right bottom left*/
  border: 5px groove #202AE4;	
} 
#mainpage2 { 
  background: #FBFCDD;
  margin: 0 5px 0 161px; /* top right bottom left*/
  padding: 1em 1em;
  border: 0 dashed  #333; 
}
#menu1 {
  position:absolute;
  width: 100px;
  margin: 5px 5px 5px 0;
}
#clearleft {
  clear: left;
}
#clearrigth{
  clear: right;
}
#clearall {
  clear: both;
}
#heading {
  border: 8px inset #202AE4;
	background: #C8DFED url("images/banner.jpg") no-repeat left;
}
#heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 { 
   margin: 10px 10px 10px 10px; color: #202AE4;
   font-family: Times, serif, Verdana, Arial, Helvetica, sans-serif; text-align: right;
	 font-style: italic;
}
#heading h1 {
	font-size: 2.1em;
}
#heading h2 {
  font-size: 1.8em;
}
#heading h3 {
  font-size: 1.6em;
}
#heading h4 {
  font-size: 1.4em;
}
#heading h5 {
  font-size: 1.2em;
}
#heading h5 a {
  font-size: 0.8em;
	text-decoration:none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#heading h6 {
  font-size: 1.1em;
	color: #BE461E;
}
#navbar { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; }
#navbar a:link { color : #294A7B; text-decoration: none;}
#navbar a:hover { color : red; text-decoration: underline; }
#navbar a:visited { color: #D67241; text-decoration: none;}
/* --------- HTML --------- */
body {
  margin: 1em 1em;
  background: #C8DFED url("images/back.jpg") repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  font-size : 1em;
}
/* --- LINKS ---*/
a:link { 
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.8em;  
  text-decoration: none; 
}
a:visited { 
  font-weight: bold; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size : 0.8em;  
  text-decoration: none; 
}
a:hover, a:active { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size : 0.8em;  
  text-decoration: underline;
}
a img {
  border: none;
}
/* --- Headings ---*/
h1, h2, h3, h4, h5, h6 {
  margin: 10px 10px 10px 10px;
  color: #202AE4;
  /*font-family: "AuntBertha", "Times New Roman", Times, serif, Verdana, Arial, Helvetica, sans-serif; */
  font-family: Times, serif, Verdana, Arial, Helvetica, sans-serif;
}
.other  {
 color: #BE461E;
 font-family: Times, serif, Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.1em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
}
/* --- Paragraphs ---*/
p {
	color : #000000;
	margin: 8px 10px 5px 10px; /* top right bottom left*/
	padding: 0 0 0 0;
	font-size : 1em;
	font-family : "Times New Roman", Times, serif, Verdana, Arial;
	font-weight: normal;
	text-align:justify;
}
p a:link {
	color : #294A7B;
}
p a:hover {
	color : #D67241;
}
p a:visited { 
  color: #D67241;
  font-weight: bold; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size : 0.8em;  
  text-decoration: underline; 
}

p img {
  border: none;
  margin: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/
  padding: 0;
  float: left;
}

.pdf {
  margin: 8px 10px 5px 10px; /* top right bottom left*/
	padding: 0 5px 0 0;
}

img.pdf {
  border: none;
	display: block;
  margin: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/
  padding: 0 5px 0 0;
	vertical-align: middle;
}


/* --- Lists --- */
ul {
	margin: 5px 30px 5px 30px; /* top right bottom left*/
	padding: 5px 8px;
	}
	
	
li {
  font-family : "Times New Roman", Times, serif, Verdana, Arial;
  font-size: 0.9em;
  text-align: left;
  vertical-align: middle;
  list-style: disc inside; /* type position image ***url('arrow.gif')*** */ 
}

/* --- Tables ---*/
table {
  border: none;
  width: 80%;
  margin: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/ 
  padding: 1em ;
  vertical-align: top;
}
td {
  vertical-align: top;
  font-size : 1em;
  font-family : "Times New Roman", Times, serif, Verdana, Arial;
  font-weight: normal;
  text-align: left;
}
tr {
  vertical-align: top;
}

/* --------- End HTML --------- */

/* --- Classes --- */
.dashbox {
  border: 1px dashed #202AE4; /* 'border-width' 'border-style' 'color' */
  padding: 3px 3px 3px 3px; /* top right bottom left*/
}
.borderblue {
  border: 8px inset #202AE4;
  
}
.boxblue {
  background-color: #C8DFED;
  margin: 3px 3px;
  padding: 3px 3px 3px 3px; /* top right bottom left*/
}
.boxorange {
  /* background: #E59968; */
  margin: 3px 3px;
  padding: 3px 3px 3px 3px; /* top right bottom left*/
}
.boxyellow {
  background: #FBFCDD; 
  margin: 3px 3px;
  padding: 3px 3px 3px 3px; /* top right bottom left*/
}
.alignr {
  text-align: right;
}
.logo {
 background-color: #C8DFED;
 background-image: url("images/banner.jpg");
 background-repeat: no-repeat;
 background-position: left;
}
.spacer {
  width: 100px;
  height: 100%
}
.imageFader { 
  position:relative; 
  filter:alpha(opacity=40); 
  -moz-opacity:40% 
}
.imgright {
  border: none;
  margin: 0.5em 0.5em 0.5em 1.8em; /* top right bottom left*/
  padding: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/
  float: right;
  width: 175;
}

.imgleft {
  border: none;
  margin: 0.5em 1.8em 0.5em 0.5em; /* top right bottom left*/
  padding: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/
  float: left;
  width: 175;
}
.imgright5 {
  border: none;
  margin: 0.5em 0.5em 0.5em 1.8em; /* top right bottom left*/
  padding: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/
  float: right;
  width: 500;
}
.imgleft5 {
  border: none;
  margin: 0.5em 1.8em 0.5em 0.5em; /* top right bottom left*/
  padding: 0.5em 0.5em 0.5em 0.5em; /* top right bottom left*/
  float: left;
  width: 500;
}
.imgcentre5 {
  border: none;
  vertical-align: middle;
  text-align: center;
  width: 500;
}

.imgrightw {
  border: none;
  float: right;
}
.imgleftw {
  border: none;
  float: left;
}
.imgcentrew {
  border: none;
  vertical-align: middle;
  text-align: center;
  width: 90%;
}
.imgcentre8 {
  border: none;
  vertical-align: middle;
  text-align: center;
  width: 750;
}

.paleo {
 color: #E59968;
}
.paleb {
 color: #C8DFED;
}
.darko {
 color: #D67241;
}
.darkb {
 color: #427387;
}
.blue {
  color:#202AE4;
}
.centre {
  text-align: center;
}

.centre td {
  vertical-align: middle;
  text-align: center;
  font-size : 0.9em;
  font-family : "Times New Roman", Times, serif, Verdana, Arial;
  font-weight: normal;
}
.centre img {
  vertical-align: middle;
  text-align: center;
}
.centre p {
	color : #000000;
	margin: 8px 10px 5px 10px; /* top right bottom left*/
	padding: 0 0 0 0;
	font-size : 1em;
	font-family : "Times New Roman", Times, serif, Verdana, Arial;
	font-weight: normal;
	text-align: center;
}

.caption {
  text-align: center;
  font-size: 0.6em;
  font-weight: bold;
  font-family : Arial;
}
.tbleft {
  border: none;
  margin: 0 0 0 0 ; /* top right bottom left*/
  padding: 0 0 0 0 ; /* top right bottom left*/
  float: left;
  width: 175;
}
.tbright {
  border: none;
  margin: 0 0 0 0 ; /* top right bottom left*/
  padding: 0 0 0 0 ; /* top right bottom left*/
  float: right;
  width: 175;
}
.tbcentre {
  border: none;
  margin: 0 0 0 0 ; /* top right bottom left*/
  padding: 0 0 0 0 ; /* top right bottom left*/
  align: center;
}


.lite {
  color: #888888;
}
.footer {
  color: #000000;
  font-size : 0.8em;
  font-family : Arial;
  font-weight: normal;
  text-align: center;
	border-top: 1px solid #000000;
}
.footer a:link {
	color : #294A7B;
}
.footer a:hover {
	color : #D67241;
}
.footer a:visited { 
  color: #D67241; 
  text-decoration: underline; 
}


/*--- Scrollbar Colours ---*/
body,html 	{
	scrollbar-face-color: #FBFCDD; 
	
	scrollbar-highlight-color: #C8DFED; 
	scrollbar-shadow-color: #C8DFED; 
	scrollbar-base-color: #C8DFED; 
	scrollbar-track-color: #C8DFED;
	
    scrollbar-arrow-color: #C8DFED;
    scrollbar-3dlight-color: #FBFCDD;
    scrollbar-darkshadow-color: #FBFCDD;
}

.c500 {
  margin: 0 auto;
  width: 500px;
  text-align: center;
  border-collapse:collapse;
}

.c500 table {
  width: 499px;
  border-collapse:collapse;
}
.c500 td{
  
  vertical-align: middle;
  text-align: center;
 
}
.border1 {
  margin: 2px auto;
	width: 600px;
  border: 1px solid #FBFCDD;
	padding: 2px 2px;
  
}
.gallery_left
  {
  margin: 7px auto 2px auto;    
  height: auto;
  width: 205px;
  float: left;
  text-align: center;
  }
.gallery_right
  {
  margin: 7px auto 2px auto;  
  height: auto;
  width: 205px;
  float: right;
  text-align: center;
  }
.gallerymain {margin: 0 auto 0 3px; text-align:center; }
.gallery
  {
  margin: 2px 5px;
  border: 1px solid #03c;
  height: auto;
  width: 205px;
  height: 215px;
  float: left;
  text-align: center;
  }
.gallery img
  {
  display: block;
  margin: 3px;
  border: 1px solid #ffffff;
  }
.gallery a:hover img
  {
  border: 1px solid #009933;
  }
.desc
  {
  background-color: #A3B6EC;
  text-align: center;
  font-weight: normal;
  margin: 2px;
  }
.clear { clear:both;}	
#comm_nav {  margin: 0 auto;   }
#comm_nav a { float: left; width: 85px; text-align:center; display:block; height:34px;  line-height: 1.5;}
#comm_nav a:hover { color: red; text-align:center;}
.scroll { width: 100%; border-collapse: collapse;}
.red {color: red;}
.heading1 { text-decoration: underline;}
.facebook { text-align: right; }