/* set up the padding, margin, and border as defaulting to 0 */
{
	padding: 0;
	margin: 0;
	border: 0;
}

body, html {
	color: #000; 
	font-family: Verdana, Arial, sans-serif;
	background-color: #fff; 
	text-align: right; /* needed to center for old IE browsers. */
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

.clear { clear: both; }

#mainContainer {
	width: 760px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	background: #fff;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
#header {
	width: 750px;
	margin: 0 0 0 8px;
}

#headerimage {
	padding-bottom: 15px;
	padding-top: 15px;
}

#headerbottom  { background-image: url(gray_bottombar.gif); background-repeat: no-repeat; height: 41px }


/**************************
CONTENT AND COLUMNS
**************************/
.inner {
margin: 15px 0 0 0; /* put some spacing below the top menu and the content */
}

.float-wrap {
 margin-bottom: 10px
}

#content {
float: left;
width: 760px;
background: #fff;

}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap {
padding: 0px;
}
.contentWrap ol, .contentWrap ul {
margin: 0px 0 0px 0px;
}
.contentWrap li {
padding-bottom: 2px;
}

/*************************
FOOTER - This is our footer text
**************************/
#footer {
float: left;
width: 750px;
background: e6e6e6;
padding: 5px;
height: 12px;
}
.smalltext {
 font-size:7pt;
 float:left;
}

.copyright{
	font-size:7pt;
	text-align: right;
}
* html #footer {
	position: relative;  /*** IE needs this  ***/
	background: e6e6e6;
}
#footer ul {
list-style: none;
}
#footer li {
display: inline;
padding-right: 15px;
}

/******** NAVIGATION MENU STYLE
Style appplied to the make the navigation menu horizontal... etc. 
*****/
#navcontainer
{
		margin-left: 3px;
	margin-right: 3px;
	padding: 7px 0 0 0px;
	font-size:12px;
	text-transform: uppercase;
	text-align:center;
}

#navcontainer UL
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	/*background-color: #D8D8D8;*/
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}

#navcontainer UL LI
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
}

#navcontainer ul li a
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-left: -3px;
	color: #333;
	text-decoration: none;
	border-right: 1px solid #AAA;
	font-weight: normal;
}

#navcontainer ul li a:hover
{
	background-color: #A91224;
	color: white;
	text-decoration: none;
	border: 1px solid #D8D8D8;
	margin-left: -4px;
}

#navcontainer #current {
	font-weight: bold;
}

#navcontainer #lastitem {
	border-right: 0px solid #fff;
}


/********* BODY COLUMNS ***
 The styling that makes the body columns display correctly
 **********/
ul#bodycol, ul#bodycol li#left, ul#bodycol li#center, ul#bodycol li#right{
	margin:0;
	padding:0;
	list-style:none
}
ul#bodycol, ul#bodycol li#center {
    margin: 0 8px 0 7px
}

ul#bodycol h3 {
	font: normal 100%/1.3 Verdana,sans-serif;
	text-transform:uppercase;
	margin:0 0px 0 0;
	padding: 5px 0 3px 8px;
	text-align:left;
	color: #AA1224;
	background: #D5D5D5;
	font-weight: bold;
}
ul#bodycol p{
	margin:0 10px 0 0
}

ul#bodycol li div{
	background:#E6e6e6;
	padding:9px 8px 15px
}

ul#bodycol a {
   color: #a91224;
}

li#left{
   float:left;
   width:243px;
}
li#right {
 float:left;
 width: 243px;
}
li#center {
  width: 243px;
  float: left;
}

/**** Style for the date list ****/
.event { 
   font-weight: bold;
   font-size: 12px;
   list-style: none;
   padding-left: 0px;
   
}

.event li {
 margin-top: 4px;
	margin-bottom: 4px;
	padding-bottom: 5px;
}

.eventdetails {
   font-weight: normal;
   margin-top: 3px;
   padding-left: 5px;
   font-size: 11px;
   padding-bottom: 3px;
 }
 
 .eventdetails li {
     list-style: circle;
     list-style-position:outside;
list-style-type: disc;

    margin-left: 20px;
    padding-left: 0px;
}

.eventdetails li ul li {
   list-style: square;
     list-style-image: url(listdot.gif);
 }
 
 .eventdetails ul {
   padding-left: 10px;
 }