.thumb {
  border: 1px solid #000000;
  }
.dotbox{
  border: 1px dashed Gray; padding: 5px
}

td.c{
  text-align: center;
}

#footer{
width:900px;

background-color:#ffffff;
margin:auto;
font-size:11px;
overflow:hidden;
}



  textarea {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
    font-size: 10px;
	background-color:white;
	}

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	}
h1 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
	
h3 {
	padding: 5px 0px 5px 0px;

	font-family: arial, verdana, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#234a76;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#09c;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
/*a:visited {color:#07a;}*/


#Header {
	margin:10px 0px 10px 0px;
	padding:17px 0px 0px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#eee;

/* http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
	}
/* Another hack to compensate for one above */
body>#Header {height:14px;}


#thehead{
	width:900px;
	margin:auto;
}

#contain{
width:900px;
border:1px solid #516E9D;
background-color:#ffffff;
margin:auto;
font-size:11px;

}

#content {
	margin:0px 0px 0px 0px;
	width:720px;
	float:left;
	padding:0px;
  /*  height:550px;*/
	}

#menu {
	margin: 0px 0px 0px 0px;
	width:179px;
	padding:0px;
	background-color:#f5f5f5;
	border-right:1px solid #516e9d;
	line-height:17px;

/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:179px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:180px;}


.singlefeature{
margin:1px 5px 2px 0px;
float:right;
	padding:0px;
	width:675px;
	clear: none;
font-family: verdana, arial, helvetica, sans-serif;
/* background-color:#ffff55;*/
	border:  1px solid #666;
}



.feature{
margin:0px 5px 0px 0px;
float:right;
	padding:0px;
	width:325px;
	clear: none;
font-family: verdana, arial, helvetica, sans-serif;
/* background-color:#ffff55;
	border:  1px solid #cccccc;*/
}

/************** .feature styles ***************/


.feature h3{
	padding: 5px 0px 5px 0px;

	font-family: arial, verdana, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#234a76;
}
.feature p{

	font-size:11px;
	}
.feature .ftitle{
font-size:12px;
font-weight:bold;
padding: 0px 0px 5px 0px;
}	
.feature img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000000;
}
/* adjust margins to change separation between the feature image and text flowing around it */



#recent{
margin:0px 0px 10px 0px;
float:right;
	padding:0px 0px 0px 5px;
	width:355px;
	clear: none;
		border-width: 0 0 0px 1px;
		border-color: #234a76;
	border-style: solid;
	/*	background-color:#aaff55;*/

}

.recentgal {
	width: 340px;
	height: 92px;
	background-color: #f5f5f5;
	float: left;
	padding: 0px;
	margin: 2px 2px 2px 2px;
	text-align: left;
	clear: none;
	border: 1px solid #cccccc;
	vertical-align: text-top;
}

.recentgal .thumb{
margin-right:5px
}


#eventlist{
margin:0px 5px 0px 0px;
float:right;
	padding:5px;
	width:675px;
	clear: both;
	border-width:1px 0 0 0;
	border-color: #234a76;
	border-style: solid;
/*	background-color: Aqua;
	border-width: 1px;
	*/
}


#eventlist .tr1{
background-color:#f5f5f5;
}
#eventlist .tr2{
background-color:#cef3ff;
}


.smallnorm {font-size: 10px}

#gallery {
  width: 150px; 
  height:160px;
  background-color: #f5f5f5;
  float: left;
  padding:15px 5px 5px 5px;
  margin:5px 5px 5px 5px;
  text-align:center;
  clear:none;
  border: 1px solid #cccccc;
  }

.gallery p {
   text-align: center;
   }

#galleries {
	width: 330px;
	height: 92px;
	background-color: #f5f5f5;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	text-align: left;
	clear: none;
	border: 1px solid #cccccc;
	vertical-align: text-top;
}

#galleries .thumb{
margin-right:5px
}
#bigimage{
  width: 400px;

  background-color: #f5f5f5;
  float: left;
  padding:10px 10px 10px 10px;
  margin:2px 2px 2px 2px;
  text-align:center;
  clear:none;
  border: 1px solid #cccccc;
}


/*********** #menu link styles ***********/

#menu ul a:link, #menu ul a:visited {display: block;}
#menu ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menu li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #menu li {border-bottom: none;}




.buttonscontainer {width: 150px;}
.sectitle a {color: #ffffff;
background-color: #234a76;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #cccccc;
font: bold 11px  Arial, sans-serif;
/*font-weight: bold;*/
text-decoration: none;
text-align: left;
margin-top: 1px;}

.sectitle a:hover {
background-color: #234a76;
border-left: 10px solid #f5f5f5;
text-decoration: none;
color: #f5f5f5;}


.menub a {color: #0077aa;
background-color: #f5f5f5;
padding: 2px 2px 2px 2px ;
padding-left: 10px;
margin-left:2px;
display: block;
border-left: 10px solid #0077aa;
font: 11px Arial, sans-serif;

text-decoration: none;
text-align: left;
margin-top: 1px;}

.menub a:hover {border-left: 10px solid #0099cc;
background-color: #eeeeee;
text-decoration: none;
color: #0099cc;}















/* These following bits are to do with the tooltips that show on hover   */

div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336;
  width:150px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}

div.tp1 { font-size:12px; color:#336; font-style:italic }