@charset "utf-8";

#baseBar      /*this is the 1st div on the page It is entire height of page..  see below in order */
{
width: 1063px;  
min-height:100%;
/*background: url(../image/page_structure/home-content-bg.jpg) repeat-y; *//*fills entire background of content area*/
margin:0 auto 0 auto;

}


#adBar {   /*use for home page slider bar that need to exceed width of normal container 
	width:100%;
	height:583px;
	
	position:absolute;
	top:0px;   use this line to hide the slider if not needed
	background-image:url(../image/page_structure/home-bg.jpg);
	background-repeat:repeat-x;*/
	}

#optBG {}	
	

#container    /*this is the 2nd div on the page ..   */
{
width: 1063px; 
padding:0px;   
min-height:100%; 
margin:170px 0px 0px 0px;
background:#f7f7f7;

 /* sitewide header graphic goes here*/
}


#container #contentArea    /*this is the 3rd div on the page ..   */
{

}


#container #headerCont      /*this is the 4th div on the page .. it contains the content that is edited via the cms  */
{ 
POSITION: absolute; 
top:0px;
margin:0px; 
padding:0px; 
height:182px;
width:1063px;



}




#footer     /*this is the 5th div on the page ..   */
{
padding:0px;
background-color:#0F9;
left:0px;
position:absolute;
font-size: 75%; 
color: #fff; 
margin: 0px; 
background: url(../image/page_structure/page_footer_slice.gif) repeat-x; 
background-position:top;  
height:271px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

width:100%;

}


#footer p
{}

#footer ul
{}

#footer li
{}

#footer a 
{
color: #ccc;
}



/*GRIDS or COLUMNS*/
.outerGrid{width:100%; padding-top:20px;}

.innerGrid{width:100%; float:right; }





/* GENERIC PAGE CLASSES */

.noMargins 
{

margin: 0px; padding: 0px;
}




.eventsMoreList 
{
float:left
}

.eventsCategoryList  
{
float:right; border-left:1px solid #CCC
}