body,html {
	height: 100%;
	min-height: 100%;       
}

body {	
margin: 0;
padding: 0;
text-align: center; 
font: 55.5% verdana, arial, helvetica, sans-serif;
}

a:link {
	color: #2a6888;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #2a6888;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #2a6888;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: #2a6888;
	text-decoration: underline;
	font-weight: bold;
} 

/* this is the big container that holds all content except for the menu and footer. the margins ar hacked for IE */
.container {
	background:  #FFF;
	padding: 5px;                
}
	.containerLeft {	
		background: url(contentBkLeft.png) repeat-y left  #FFF ;   
		width: 8px;
		height: 100%;	       
		border-right: 6px solid #FFF;               
	}
	.containerRight {	
		background: url(contentBkRight.png) repeat-y right #FFF;   
		width: 8px;	
		height: 100%;	      
		border-left: 6px solid #FFF;
	}
		
	/* IE HACK FOR CONTAINER */
		html>body .container { margin-top: 0;}
		html>body .containerLeft { margin-top: 0;}
		html>body .containerRight { margin-top: 0;}

.headerContainer {	
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size: 1.2em;
}
.headerContainerLeft {	
	background:  #FFF url(contentBkLeft.png) repeat-y left;
	float: left;
	width: 8px;
	position: relative;
/* this  is so it will show 100% in IE */
	height: 154px;
}
.headerContainerRight {	
	background: #FFF url(contentBkRight.png) repeat-y right;
	float: right;
	width: 8px;	
	position: relative;
/* this  is so it will show 100% in IE */
	height: 154px;
}     
.footer {
	background: #787878 url(contentBkBottom.png) repeat-x top;
	text-align:left;
	font-size: 1.0em;
	line-height: 2em;  
	height: 55px;       
}
.footer a {    
}

.footerLeft {	
	background:  url(contentBkBottomLeftCorner.png) no-repeat top right;   
	width: 8px;	
	height: 8px;
}
.footerRight {	
	background: url(contentBkBottomRightCorner.png) no-repeat top left;
	width: 8px;	     
	height: 8px;
}
.header {
	background: url(headerBk.png) top repeat-x #FFF1B6;
	height: 151px;
	border-top: 6px solid #FFF;
	padding-top: 6px;       
}
.headerLeft {
	font: 1.5em Georgia, Times, Serif;
	font-style: italic;
	text-align: center;
	width: 250px;
	color: #000;
}
.headerRight {
}

/* IE HACK FOR  HEADER MARGIN */
html>body .headerRight {
	margin-top: 0;
	margin-left: 265px;
}
html>body .headerRight { 
	border-left: 0 solid #FFF;	
	margin-top: 0;
}   

.menu {                                      
	background: url(bkMenu.png) repeat-x #000;       
	padding-left: 23px;                       
} 

/* IE Hack to get the border right */
html>body .menu { 
	border-left: 0 solid #FFF;	
	margin-top: 0;
 }


.title {
	font: 1.5em georgia, times, serif;
	font-weight: normal;
	color: #9d7939;
}
.event {
	border-top: 1px solid #2a6888;
	border-bottom: 1px solid #2a6888;
	margin-top: 6px;
}
table {
	font-size: 1.1em;
}
.eventTable td {
	vertical-align: top;
	line-height: 1.5em;
	padding-right: 6px;
}

.eventTitle {
	font-weight: bold;
}

.containerContent {      
	background:  #FFF url(containerBk.png) repeat-x top;  
}
.containerContentRight {
	background:  #FFF url(containerBk.png) repeat-x top;
	text-align: left;                 
}
	html>body .containerContentRight { 
		border-left: 0 solid #FFF; 
	}
.containerContentLeft {
width: 235px;  
text-align: left;  
}
html>body .containerContentLeft { 
	border-left: 0 solid #FFF;   
}

.contentpane {  
	padding: 10px;
}	
.cpaneright {  
	padding: 10px;
}	

.cpaneleft {     
		padding: 10px;
}


/* IE Hack to get the border right */

html>body .containerContentLeft { border-left: 0 solid #FFF;}

.channelContent {
	padding: 6px;
	margin: 0 0 15px 0;
	background: #eeecec;
	font-size: 1.2em;
}
.channelTitle {
	background: url(sidebarBk.png) repeat-x;
	height: 31px;
	padding: 6px 0 0 6px;
	margin-bottom: -6px;
	font: 1.2em Georgia, Times, Serif;
	color: #fff;
} 

.channelTitle a:link {  
	font: 11pt;
	color: #fff;   
	font-weight: bold; 
}  

.channelTitle a:visited {  
font: 11pt;
color: #fff;   
font-weight: bold;
}  

.channelTitle a:hover {   
font: 11pt;
color: #fff;   
font-weight: bold;
} 

.channelTitle a:active {   
font: 11pt;
color: #fff;   
font-weight: bold;
}