html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000; 
background: #eadda8 url(/templates/img/body-bkg.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%; 
font-weight: normal;
margin: 8px 0;  /* Use margin: XXpx 0; to add space at the top of the layout */
}
#editor { background: #eadda8; padding: 4px; }

p  {margin: 10px 0; padding: 0 6px;}

h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Sans-serif; }
h1 { font-size: 1.25em; color: #9a0000; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 0.9em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

.clear { clear: both; }
#spacer {height: 0px; }
a {text-decoration: none; color: #06f;}
img {border: none; }

.wide {
background: #9a0000;    /* header and footer colours */
width: 100%; 
color: #000;
text-align: left;
}

.wide p {margin: 0; padding: 5px; position: relative;}

.top { display: block; border-bottom: 1px solid #949494; background: #fff url(/templates/img/web-header.gif) no-repeat; height: 140px; margin-top: 0;}
.top h1 { display: none; }

.banner { position: relative; top: 55px; left: 300px; }

.bottom {border-top: 1px solid #000; position: relative;}
.footer { width: 100%; padding-top: 4px; font-size: 10px; text-align: center; }

.menu_main { background-color: #9a0000; border-top: 2px solid #fff; }
.menu_footer { padding-left: 12px; width: 700px; font-size: .8em; }

/* .newschannel_1 { background: url(/templates/img/newsheader.jpg) no-repeat; padding-top: 130px; } */

.photo_bar img { border-bottom: 2px solid #fff; }
.photo_bar { border-bottom: 1px solid #949494; }

.splitleft {
	float: left;
	width: 49%;
	text-align: left;
}
.splitright {
	float: right;
	width: 49%;
	text-align: right;
} 

div.gallery {
	float: left;
	padding: 2px 2px 2px 2px;
	margin: 1px 1px 1px 1px;
}
div.gallery p {text-align: center;}

ul.thumbGallery {
  list-style: none;
  padding: 0;
  margin: 0;  /* different browsers style this different so go for sure */
 /* line-height: 1em; */
  text-align: center;
/* font-size:smaller;
  font-weight:lighter; */
  color: #666;
}
ul.thumbGallery li {
  float: left;
  border: 1px solid #ccc;
  background: #fff;
  padding: 3px;
  margin-bottom: 3em;
  margin-right: 1em;
  white-space: nowrap;
}
ul.thumbGallery li p { display: none; visibility: hidden; margin: 0; padding; 0; }
ul.thumbGallery li a, li a:visited {
  border-bottom: 0px;
  text-decoration: none;
}
ul.thumbGallery a img {
  border: 1px solid #ccc;
/*  margin-bottom: 5px; */
}

div.photo {
	padding: 4px 4px 4px 4px;
	margin: 6px 2px 6px 2px;
	text-align: center;
}
div.photo p {font-size: .75em; text-align: center;}
div.photo img {
	border: 1px solid #aaa;
}

#gallery_paging_links { display: block; clear: both; width: 100%; text-align: center; margin: 8px; padding: 4px; text-transform: lowercase; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
.gallery_home_link { border: 1px solid #ddd; background: #eee; color: #77787b; padding: 2px 4px; margin: 0 4px; }
.gallery_prev_link { border: 1px solid #ddd; background: #eee; color: #77787b; padding: 2px 4px; margin: 0 4px; }
.gallery_prev_link_inactive { border: 1px solid #ddd; background: #eee; color: #ccc; padding: 2px 4px; margin: 0 4px; }
.gallery_next_link { border: 1px solid #ddd; background: #eee; color: #77787b; padding: 2px 4px; margin: 0 4px; }
.gallery_next_link_inactive { border: 1px solid #ddd; background: #eee; color: #ddd; padding: 2px 4px; margin: 0 4px; }
.gallery_page_link { border: 1px solid #ddd; background: #eee; color: #77787b; padding: 2px 4px; margin: 0 4px; }
.gallery_currentpage { background: #aaa; color: #fff; }	
.gallery_currentpage a { color: #fff; }

div#event {
	color: #444;
	background: transparent;
}
div#event h2 {
	font-size: 1.5em;
	margin: 5px 0 5px 9px;
	padding: 0px 0 0px 4px;
	color: #047;
}
div#event h3 {
	margin: 5px 0 5px 9px;
	padding: 0px 0 0px 5px;
	font-weight: bold;
	border-top: 1px solid #047;
	border-bottom: 2px solid #333;
	background-color: #444;
	color: #fff;
}
div#event h3 a, h3 a:visited {
	color: #fff;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}
div#event h4 {
	margin: 1px 0 0px 12px;
	padding: 0px 0 0px 4px;
	font-weight: lighter;
}
div#event p {
	margin: 1px 0 1px 12px;
	padding: 0px 0 0px 4px;
	font-weight: normal;
}

#forum-border {
	background-color: #305C8A;
	border : 0;
}
#forum-highlight { background-color: #eee; }
#forum-header {
	background-color: #305C8A;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
#forum-title {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align : top;
}
#forum-title a { color: #305C8A; text-decoration: none; }
#forum-title a:link { color: #305C8A; text-decoration: none; }
#forum-title a:visited { color: #305C8A; text-decoration: none; }
#forum-title a:active { color: #305C8A; text-decoration: none; }
#forum-title a:hover { color: #305C8A; text-decoration: none; }

#forum {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align : top;
	background-color : #ffffff;
	border : 0;
}

#forum-currentpage { font-weight: bold;	text-decoration: underline; }

/* Calendar */
#calendar {
	float: left;
	width: 90%;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#calendar .nav, #calendar .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	width: 90%;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #ca6;
}

#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
/*	width: 100px;
	height: 100px; */
	text-align: left;
	vertical-align: top;
	/* background: url(images/bg_calendar.gif) no-repeat right bottom; */
}

#calendar td ul { list-style: none; margin: 0; padding: 0; line-height: 150%; }
#calendar td li { border-bottom: 1px solid #000; }

#calendar td a {
	text-decoration: none;
	display: block;
	width: 100%;
	font-size: 10px;
}

#calendar td a:link, td a:visited {	
	color: #608194;
	/* background-color: #f0f0f0; */
	/* background: url(images/bg_calendar.gif) no-repeat; */
}

#calendar td a:hover, td a:active {
	color: #6aa3ae;
	/* background: url(images/bg_calendar.gif) no-repeat right top; */
}
#eventdetails { display: block; float: right; clear: right; width: 200px;}
#eventdetails h2 { color: #2956a1; }

/* End Calendar */

#boxflash { 
text-align: center;
margin: 0 auto;
}
#newsbox {
width: 95%;
border: 1px solid #ccc;
background: #eee;
padding: 4px;
margin-right: 8px;
font-size: .85em;
}
#newsbox h2 { background: #005295; color: #fff; margin: 0; padding: 2px; }
#newsbox .article h2 { background: none; color: #005295; margin: 0;}
#newsbox .article a { background: none; color: #005295; margin: 0;}
#newsbox .article a:hover { background: none; color: #9a0000; margin: 0;}
#newsbox .article p { font-size: .85em;}
#newsbox .article span { font-size: .75em;}

#menubox { width: 200px; float: right; border: 1px solid #005295; background: #7499B7; margin-right: 8px; }
#menubox h2 { background: #005295; color: #fff; margin-bottom: 3px; padding: 2px; text-transform:uppercase; }
#menubox ul { margin: 0 auto; padding: 0px; list-style: none; }
#menubox li { width: 100%;  }
#menubox a { display: block; color: #ffffee; background: none; padding: 2px 8px; }
#menubox a:hover { background: #eee; color: #005295; border-left: 4px solid #005295; }

.container-left h3 { background: #343399; color: #fff; text-align: center; font-size: 14px; padding: 4px 0; }
.container-right h3 { background: #343399; color: #fff; text-align: center; font-size: 14px; padding: 4px 0; }

ul.event_style1 {
 margin: 0;
 padding: 0;
 font-size: 11px;
 list-style: none;
}
ul.event_style1 li.title{

}
ul.event_style1 li.date{
text-align: right;
}
ul.event_basic {
 margin: 0;
 padding: 0;
 font-size: 11px;
 list-style: none;
}

.article_basic1 h2 {
  background: none;
  color: #000;
  padding-bottom: 0;
  margin-bottom: 0;
}
.article_basic1 a {
  color: #000;
  text-decoration: none;
}
.article_basic1 a:hover {
  color: #ccc;
}

.error {color: #f00; font-size: 1.2em; font-weight: bold; }
.warn {color: #00f; font-size: 1.2em; }
.info {color: #0f0; font-size: 1em; }
.show { display: block; visibility:visible; }
.hide { display: none; visibility:hidden; }

.breadcrumb { font-size: 10px; color: #666; }
.breadcrumb a { color: #666; }
.breadcrumb a:hover { color: #9a0000; }

.abs-box {
position: absolute; 
top: -102px; 
font-size: .6em; 
width: 150px; 
height: 100px; 
border-top: 1px solid #999; 
background: #005295; 
color: #fff;
}

/* \*/
* html .abs-box {
top: -101px; 
t\op: -102px; 
}
/* */
.abs-box-left {left: 0;}

.abs-box-right {right: 0;}

.wrapper {
margin: 0 auto;
width: 780px;
text-align: left;
background: #eadda8 url(/templates/img/wrapper-bkg.gif) repeat-y;
border: 0px solid #fff;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
width: 628px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #eadda8;  /*** Sets background of center col***/
border-left: 1px solid #999;   /*** Critical left divider dimension value ***/
border-right: 1px solid #999;   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 630px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 628px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 628px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 620px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
padding-left: 8px;
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
float:left;	
}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

/*** Static fixes ***/

/* \*/
* html h2 {height: 1%;}
/* */

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */

<!--[if IE]>
<style type="text/css">
.outer {word-wrap: break-word;}
</style>
<![endif]-->