@charset "utf-8";

#baseBar      /*this is the 1st div on the page It is entire height of page..  see below in order */
{
width: 1103px;  
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;
}




#container    /*this is the 2nd div on the page ..   */
{
width: 1103px; 
background-color:#0f0;
padding:0px;   
min-height:100%; 
margin:0px;
background: url(../image/page_structure/sub_header.jpg) no-repeat;  /* sitewide header graphic goes here*/
}


#container #contentArea    /*this is the 3rd div on the page ..   */
{
width: 740px; /*applies to none home pages*/
float:left; 
padding:166px 0px 0px 0px;  /*applies to none home pages*/
margin: 0px; 
height:100%;  
z-index:10;
}


#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:82px;
width:1103px;

}




#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/footer_slice.jpg) repeat-x; 
background-position:bottom;  
height:304px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCC;
width:100%;
background-color:#0CC
}


#footer p
{}

#footer ul
{}

#footer li
{}

#footer a 
{
color: #ccc;
}








/* GENERIC PAGE CLASSES */

.noMargins 
{

margin: 0px; padding: 0px;
}




.eventsMoreList 
{
float:left
}

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