html {
	min-height: 100.02%;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

body {
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #D5D5E8;
}

#wrapper {
	background-color:#fff;
	margin: 0 auto;
	width: 770px;
	font-size: 90%;
	border: 2px solid #39397F;
}

#header {
	background-image: url(../images/masthead.gif);
	background-repeat: no-repeat;
	height: 90px;
	background-color: #ffc125;
	border-bottom: 2px solid #39397F;
}

#header h1 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000066;
font-size: 300%;
text-align: right;
margin-right: 10px;
font-weight: normal;
}

#innerwrapper {
	background-color:#fff;
}

#leftcol {
	float: left;
	width: 180px;
	margin: 15px 0 0 2px;
	border-right: 1px solid #ddd;
}

#leftcol p {
	background-color: #cecee1;
	font-size: 75%;
	padding: 5px;
	margin: 4px;
	border: 1px double #39397f;
}

#leftcol h2 {
	font-size: 100%;
	margin-top: 15px;
	color: #39397F;
	padding: 0 5px;
}

#content {
	width: 550px;
	margin-left: 195px;
	padding: 5px;
}
.pbox {
	margin: 10px;
	padding: 10px;
	width: 520px;
	border: thin solid #006;
}

h1 {
	font-size: 190%;
	padding: 10px 0;
	color: #7f7fb2;
}

h2 {
	font-size: 130%;
	padding: 10px 0;
	color: #39397F;
}

#content p {
	font-size: 85%;
	margin: 10px 5px;
	line-height: 150%;
}

#content a:link, .currentevents a:link {
	color: #009;
	text-decoration: underline;
}

#content a:visited, .currentevents a:visited {
	color: #7f7fb2;
	text-decoration: underline;
}

#content a:hover, #content a:active, 
.currentevents a:hover, .currentevents a:active {
	color: #000066;
	text-decoration: none;
}

#content ul {
margin-left: 50px;
line-height: 2;
font-size: 85%;
}

#content ol {
margin-left: 50px;
line-height: 2;
font-size: 85%;
}

#footer {
	border-top: 1px solid #ddd;
	background-color: #EEEEF6;
	height: 25px;
	clear: both;
}

#footer p {
	font-size: 85%;
	text-align: right;
	color: #ac998a;
	padding: 5px 30px;
}

#footer a {
	color: #ac998a;
	text-decoration: underline;
}

.left {
	float: left;
	border: 1px solid #000;
	margin: 5px 10px 2px 0;
}

.imgleftBorder {
float: left;
border: 1px solid #39397F;;
padding: 8px;
margin: 10px;
}

.imgrightBorder {
float: right;
border: 1px solid #39397F;
padding: 8px;
margin: 10px;
}

#tblForm, #tblList, #tblListLeft {
	border-top: none;
	border-left: 1px dotted #000066;
	border-bottom: 1px dotted #000066;
	border-right: 1px dotted #000066;
	padding-top: 10px;
	font-size: 90%;
}

#tblForm caption, #tblList caption, #tblListLeft caption {
	background-color: #000066;
	color: #fff;
	padding: 5px 0;
}

#tblForm td {
	padding: 5px;
}

#tblList td {
	padding: 3px;
	text-align: center;
}

#tblListLeft td {
	padding: 4px;
	text-align: left;
}

#tblListLeft th {
	text-align: left;
}

.rowColour1 {
	background-color: #fff;
}

.rowColour2 {
	background-color: #eeeef6;
}

#content p.errortext {
font-weight: bold;
color: #cc0000;
}

#valWarning {
background-image: url(../administration/images/warning.gif);
background-position:95% 25%;
background-repeat:no-repeat;
width: 450px;
border: 1px dashed #cc0000;
font-weight: bold;
background-color: #FFF0CC;
color: #cc0000;
margin: 5px;
padding: 5px;
}

.errorcolour {
background-color: #CC0000;
color: #fff;
padding: 4px;
}

.errorCell {
color: #cc0000;
font-weight: bold;
}

#content p.smallprint {
font-size: 80%;
color: #7f7fb2;
border: 1px solid #7f7fb2;
background-color: #FFD772;
padding: 5px;
width: 450px;
}

#faqanswer {
width: 480px;
border: 1px dotted #000066;
padding: 10px 20px;
margin: 10px;
background-color: #ffe193;
}

.standout {
font-weight: bold;
color: #000066;
}

#horizlinks {
background-color: #7f7fb2;
border-bottom: 2px solid #39397F;
height: 1.2em;
}

#horizlinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#horizlinks li {
margin: 0;
padding: 0;
float: right;
width: 10em;
margin-right: 0.5em;
background: #39397f none;
text-align: center;
}

#horizlinks a {
display: block;
width: 100%;
text-decoration: none;
height: 1.2em;
border-left: 1px solid #000066;
border-right: 1px solid #000066;
color: #fff;
}

#horizlinks a:hover {
background: #ffc125 none;
color: #000066;
}

.officer {
	background-color: #e4e4ee;
	padding: 2px 0 2px 20px;
	margin: 5px 0;
}

.linksbox {
	background-color: #e4e4ee;
	padding: 2px 0 2px 20px;
	margin: 5px 0;
	border-left: 5px solid #7f7fb2;
}

#content frmLogin {

}

#mlogin {
border: 1px dotted #7f7fb2;
background-color: #e3e3ee;
width: 400px;
padding: 20px;
margin: 20px 0 50px 10px;
}

#mlogin label {
	font-size: 85%;
	padding: 0;
	margin: 5px;
}

#mlogin input {
	background-color: #cecee1;
}

.eventnews {
	border: 1px dotted #39397f;
	background-color: #e3e3ee;
	color: #39397f;
	padding: 5px;
}

.currentevents {
	background-color: #ffe39b;
	font-size: 85%;
	padding: 5px;
	margin: 8px 4px;
	border: 1px double #39397f;
}

#latestnews {
	background-color: #dfdfec;
	font-size: 95%;
	padding: 5px;
	margin: 8px 4px;
	border: 1px double #39397f;
}

#tblBrochures td {
	text-align: center;
	margin: 10px;
	padding: 15px;
}

#imgcaption {
float: right;
background-color: #f0f0f0;
border: 1px solid #7f7fb2;
text-align: center;
font-size: 75%;
font-weight: bold;
width: 190px;
padding: 3px;
margin: 5px;
}

#warning {
color: #FF0000;
font-weight: bold;
}

.tblDatabank {
border: 1px dotted #000;
width: 100%;
padding: 2px;
margin: 10px 0;
font-size: 85%;
}

.tblDatabank td {
text-align: left;
width: 33%;
padding: 5px;
}

/*::::: PIROBOX RULES::::::::*/

.bg_thumbs{
background:#000;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}

.unloader, .img_box{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:0;height:90%;width:74px;right:0;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_tt.gif) top right no-repeat;}
a:hover.next_in{background:url(next_tt.gif) top right no-repeat!important;background:url(next_tt.gif) center right no-repeat;}
.box_previous_in{position:absolute;top:0;z-index:100012;height:90%;left:0;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_tt.gif) top left no-repeat;}
a:hover.previous_in{background:url(prev_tt.gif) top left no-repeat!important;background:url(prev_tt.gif) center left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:50%;margin-top:-9px;height:18px;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006;}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:18px;width:81px;right:-81px;z-index:1007;background:url(next_t_h.gif) center right no-repeat;}
a:hover.next{background:url(next_t.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:81px;overflow:hidden;z-index:1008;}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:18px;background:url(prev_t_h.gif) center left no-repeat;}
a:hover.previous{background:url(prev_t.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-25px;width:50px;height:50px;border:solid 1px;padding:2px!important;padding:1px;z-index:1002;visibility:hidden; overflow:hidden;}
.img_box img{position:relative;top:0;left:0;border:none;padding:0;z-index:1003;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 5px 5px 0!important;margin:0 5px 3px 0;z-index:100014;background:url(close_t.gif) center right no-repeat!important;background:url(close_t.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px!important;margin-left:-22px!important;margin-top:-15px;margin-left:-20px;width:50px;height:50px;display:block;z-index:1007;}
.loader img{border:none;padding:0!important;padding:0;background:none;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{ background:#000;position:absolute;bottom:0;left:0;margin:0 0 3px 3px!important;margin:0 0 1.5px 2px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text}
.caption p{ margin:0;padding:0; margin-right:82px; font-size: 12px}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/

.single_box{float: right;padding:0;margin:0;height:100%!important;height:auto;text-align:center}
.single{margin:10px!important;margin:5px;font-size: 10px;}
.single img{margin:10px;padding:8px;border: 1px solid #39397F}