body{font-family: Georgia, Goudy, "Times New Roman", serif; margin:0; padding:0; border:0; width:100%; min-width:600px; background: #dddddd url(bg.jpg); color:#000000;}
p{color: #565656; margin-top: 0px; margin-bottom: 8px; padding-left: 25px; padding-right: 25px;}
ul, ol{color: #565656; text-align: left; margin-top: 0; margin-bottom: 0; padding-right: 25px;}
h1, h2, h3, h4, h5, h6{font-family: Georgia, Goudy, "Times New Roman", serif; color:#de5946; margin:.8em 0 .2em 0; padding:0;}
h1{font-size: 140%;}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 105%;}
h5{font-size: 105%;}
h6{font-size: 105%;}
a{color: #3366FF; text-decoration:none;}
a:hover{color: red; text-decoration:none;}
img{margin:10px 0 5px; border:0;}
.gallery{margin:1px 0 1px; border:1;}
.t{font-size: 85%;}
.tc{font-size: 85%; text-align: center;}
.t24{font-size: 24px; text-align: justify;}
.t23{font-size: 23px; text-align: justify;}
.t22{font-size: 22px; text-align: justify;}
.t21{font-size: 21px; text-align: justify;}
.t20{font-size: 20px; text-align: justify;}
.t19{font-size: 19px; text-align: justify;}
.t18{font-size: 18px; text-align: justify;}
.t17{font-size: 17px; text-align: justify;}
.t16{font-size: 16px; text-align: justify;}
.t15{font-size: 15px; text-align: justify;}
.t14{font-size: 14px; text-align: justify;}
.t13{font-size: 13px; text-align: justify;}
.t12{font-size: 12px; text-align: justify;}
/*Centred Text*/
.t24c{font-size: 24px; text-align: center;}
.t23c{font-size: 23px; text-align: center;}
.t22c{font-size: 22px; text-align: center;}
.t21c{font-size: 21px; text-align: center;}
.t20c{font-size: 20px; text-align: center;}
.t19c{font-size: 19px; text-align: center;}
.t18c{font-size: 18px; text-align: center;}
.t17c{font-size: 17px; text-align: center;}
.t16c{font-size: 16px; text-align: center;}
.t15c{font-size: 15px; text-align: center;}
.t14c{font-size: 14px; text-align: center;}
.t13c{font-size: 13px; text-align: center;}
.t12c{font-size: 12px; text-align: center;}
/*Main heading at top of text section*/
.head{color: #FF6600; font-size: 24px; font-weight: bold; text-align: center; text-decoration: none; margin-bottom: 8px; font-style: italic; }
.head24{font-size: 24px; font-weight: bold; color: #510000; text-align: left; margin-top: 10px; font-style: italic;}
.head22{font-size: 22px; font-weight: bold; color: #510000; text-align: left; margin-top: 10px; font-style: italic;}
.head20{font-size: 20px; font-weight: bold; color: #510000; text-align: left; margin-top: 10px; font-style: italic;}
.head18{font-size: 18px; font-weight: bold; color: #510000; text-align: left; margin-top: 10px; font-style: italic;}
.head16{font-size: 16px; font-weight: bold; color: #510000; text-align: left; margin-top: 10px; font-style: italic;}
.head14{font-size: 14px; font-weight: bold; color: #510000; text-align: left; margin-top: 10px; font-style: italic;}
    #container{width: 900px; margin-left: auto; margin-right: auto;}
/* Header styles */
	#header{clear:both; float:left; width:100%; text-align: center; margin: 0; background-color: #fff; border-bottom:1px solid #000;}
	#header p {text-align:center;}
	#header h1, #header h2{padding:0; margin:0;}
    /*old setting for header: #header h2 {padding:.4em 15px 0 15px; margin:0; */
	#header ul {clear:left; float:left; width:100%; list-style:none; margin:10px 0 0 0; padding:0;}
	#header ul li {display:inline; list-style:none; margin:0; padding:0;}
	#header ul li a {display:block; float:left; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:#dd99fc; color:#510000; text-decoration:none; position:relative; left:15px; line-height:1.3em;}
	#header ul li a:hover {background:#c017ff; color:#fff;}
	#header ul li a.active, #header ul li a.active:hover{color:#fff; background:#000; font-weight:bold;}
	#header ul li a span{display:block;}
/* 'widths' sub menu */
	#layoutdims{clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right;}
	#headernav{text-align:left; font-size: 85%;}
.smaller80pc{font-size: 80%;}
.smaller90pc{font-size: 90%;}
.pageid{font-size: 10px; text-align:right;}
.red{color: red;}
.green{color:#669F38;}
.tdtop{vertical-align: top;}
.formatsleft{float: left;}
.formatsright{float: right;}
/* column container */
.colmask{position:relative;	/* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%;			/* width of whole page */ overflow:hidden;		/* This chops off any overhanging divs */ }
/* common column settings */
.colright, .colmid, .colleft{float:left; width:100%;/* width of page */ position:relative;}
.col1, .col2, .col3{float:left; position:relative; padding:0 0 1em 0;/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden;}
col1s, .col2s, .col3s{float:left; position:relative; padding:0 0 1em 0;/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; font-size:80%;}
/* 3 Column settings */
.threecol{background:#dddddd;/* right column background colour */}
.threecol .colmid{right:28.7%;/* width of the right column */background: #eeeeee;/* center column background colour */}
.threecol .colleft{right:49%;/* width of the middle column */background:#fff;/* left column background colour */}
.threecol .col1{width:46%;/* width of center column content (column width minus padding on either side) */left:102%;/* 100% plus left padding of center column */}
.threecol .col2{width:21%;/* Width of left column content (column width minus padding on either side) */left:33%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.threecol .col3{width:26%;/* Width of right column content (column width minus padding on either side) */left:83.5%;			/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}
/* 2 Column settings */
.twocol{background:#ffd6ce;/* right column background colour */}
.twocol .colmid{right:0%;/* width of the right column */background: #eeeeee;/* center column background colour */}
.twocol .colleft{right:78%;/* width of the middle column */background:#fff;	/* left column background colour */}
.twocol .col1{width:74%;/* width of center column content (column width minus padding on either side) */left:102%;/* 100% plus left padding of center column */}
.twocol .col2{width:21%;			/* Width of left column content (column width minus padding on either side) */left:5.5%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.twocol .col3{width:0%;/* Width of right column content (column width minus padding on either side) */left:90.5%;/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}
/* Footer styles */
	#footer{clear:both; float:left; width:100%; border-top:1px solid #000; background: #CCC;}
	#footer p{padding:10px; margin:0; font-size: 8pt; text-align: center;}

/* ######### Matt Tabs Main Menu Bar CSS ######### */

.matttabs ul{margin: 0;padding: 0;font: bold 12px Verdana;list-style-type: none;border-bottom: 1px solid gray;background: white;overflow: hidden;width: 100%;}
.matttabs li{display: inline;margin: 0;}
.matttabs li a{float: left;display: block;text-decoration: none;margin: 0;padding: 6px 8px; /*padding inside each tab*/border-right: 1px solid white; /*right divider between tabs*/width: 102px;}
.matttabs li a:visited{color: white;}
.matttabs li a:hover{background: #c017ff; /*background of tabs for hover state */}
.matttabs a.selected{background: #c017ff; /*background of tab with "selected" class assigned to its LI */}
input.button {
  color: blue;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}