HTML {
	margin-bottom: 1px;
	height: 100%;
}
body {
	background: #fff;
	font: normal .7em Verdana,Trebuchet, airal, sans-serif;
	color: #000;
	text-align: left;
	margin: 0px;}
#flashgallery {
	width: 378px;
	text-align: center;
	margin: 0px auto;
	border: 1px solid #ccc;
	height: auto;}
.flashgallerycontent {
	width: 378px;
	background: #776302;
	color: #fff;
	font-size: 140%;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
	margin: 0px auto;
	border: 1px solid #776302;
	border-top: 0px;
	height: 30px;}

.center {text-align: center;}

.contentplain ul li {list-style: none;}

.imageleft {background: #fff; border: 1px solid #888; margin: 3px; padding: 5px; float: left;}
.imageright {background: #fff; border: 1px solid #888; margin: 3px; padding: 5px; float: right;}
.imagecenter {background: #fff; margin: 3px; padding: 5px; float:none;}
.adcenter {background: #fff; margin: 1px; padding: 1px; float:none;}
.imageplainleft {margin: 3px; padding: 5px; float: left;}
.imageplainright {margin: 3px; padding: 5px; float: right;}

img {border: 0px; /* for accessability */}
.clear {clear: both;}

a {color: #000; text-decoration: underline;}
a:active, a:hover {color: #990000; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1 {font-size: 160%;}
h2 {font-size: 140%; color: #999;}
h3, h4, h5, h6 { font-size: 130%; color: #888;}

.leadhead{
	background: #000000; 
	color:#ffffff; 
	padding:5px; 
	border: 1px inset #990000; }

.leadhead2{
	font: 70%/130% verdana;
	font-size: 110%;
	background: #ffffff; 
	color:#000000; 
	padding:5px; 
	border: 1px inset #990000; }
    
.leadhead a {font-size: 140%; color :#ffffff; text-decoration:none}
.leadhead a:hover {text-decoration:underline}

li, li li, li li li {list-style-type: square; font: 100% verdana;}


/* Setting some of the major div areas here */

#top {
	width: 1024px;
	text-align: center;
	margin: 0px auto;	}

#banner {
	background: url('../images/bannerbg.jpg');
	width: 1024px;
	height: 135px;	}


#wrapper {
	clear: both;
	margin: 0px auto;
	width: 1024px;
	text-align: left;}

#footer {
	background: #776302;
	clear: both;
	color: #fff;
	padding: 5px 0px 2px 0px;
	width: 100%;
	text-align: center;}
	
/* Setting the title headers */

h1.blue {background: #993333; color: #fff; padding: 5px;}	
h1.gold {background: #776302; color: #fff; padding: 5px;}	
h1.green {background: #f2ebc1; color: #993333; padding: 5px;}	
h1.red {background: #990000;color: #fff; padding: 5px;}

/* Setting thumbnail images */

.tleftimage { width: 150px; height: auto;float:left; padding: 3px; background: #fff; border: 1px solid #333; margin: 3px;}	
.trightimage {width: 150px; height: auto;float: right; padding: 3px; background: #fff; border: 1px solid #333; margin: 3px;}	

/* Setting the content areas-3col */

#body1 { /* main column-leftside */
	width: 424px;
	float: left;
	padding: 10px 10px 10px 10px;
	/* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 404px;}
		
	html > body #body1 {width: 404px;}

#body2 { /* main column-rightside */
	width: 400px;
	float: left;
	padding: 10px 10px 10px 10px;
	/* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 380px;}
		
	html > body #body2 {width: 380px;}

#body3 { /* right column */
	width: 200px;
	margin: 0;
	float: right;
	padding: 10px 0px 10px 0px;}
		
	.rightcontent {padding: 0px;}

	
/* Setting the content areas-2col */

#body1b { /* main column */
	width: 824px;
	float: left;
	padding: 10px 10px 10px 10px;
	/* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 804px;}
		
	html > body #body1b {width: 804px;}

.body1b {font-size: inherit;}
table.body1b ul li {list-style: none; margin: 0;}
		
#body2b_orig { /* right column */
	width: 200px;
	margin: 0 0px 0 0;
	float: right;
	padding: 10px 10px 10px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;}
	html > body #body2b_orig {width: 190px;}
	
#body2b {/*right column */
	width: 200px;
	margin: 0;
	float: right;}

		
		
#bottomtxt {
	padding: 5px 0 0 0;
	margin: 0 0 0 725px;
	color: #fff;
	font: 120% 'tebuchet ms', trebuchet, verdana;}


/*setting rotating image area */

.rotate {
	width: 380px;
	height: 300px;
	background: #000;}
.rotatebanner {
	background: #064d6b;
	color: #fff;
	padding: 3px 0 3px 5px;
}

/*setting the news feeds area */

.feedarea {
	margin: 10px 0 10px 0;
	width: 380px;
	border-top: 10px solid #cca400;
	border-bottom: 2px solid #993333;
	background: #FBF9EC;
	padding: 5px 5px 5px 5px;
	/* box model hack */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 368px;	}

	html > body .feedarea {width: 368px;}
	
.feedcontent h1 a {
	color: #064d6b;
	text-decoration: none;
	margin: -10px 0 -10px -10px;}

.feedcontent {
	margin: 5px 15px;
	font: 80%/150% verdana;}

.feedcontent p {margin: -5px 0 0 0;}

.feedcontent2 h1 a {
	color: #064d6b;
	text-decoration: none;
	margin: -10px 0 -10px -10px;}

.feedcontent2 {
	margin: 5px 15px;
	font: 85%/155% verdana;}

.feedcontent2 p {margin: -5px 0 0 0;}
	
	
#body1 .welcome  {
	font-size: 120%;
	background-color: #FBF9EC;
	padding: 0px 10px;
	}

.eventarea {margin: 5px 10px 5px 0px;}

.eventarea h1 {}

.eventheadline {
	line-height: 100%;
	color: #888;
	margin-left: 8px;
	padding: 0px;
	font-size: 110%;
	font-weight: normal;}

.eventcontent {	margin: 0px 20px;}

.eventdetail {
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 60px;
	font-size: 100%}

.eventname {
	font-size: 110%;
	font-weight: normal;
	color: #776302;
	margin-left: 20px;
	margin-top: 5px;}

.plain {list-style-type: none;}