@charset "utf-8";

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

padding: 0px;   


min-height:100%; 
margin:0px;
background: url(../image/page_structure/home_page_header.jpg) no-repeat; /* sitewide header graphic goes here*/
background-color:#fff;
}


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

width: 700px; /*applies to none home pages*/
float:right; 
padding:165px 20px 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:961px;

}




#footer     /*this is the 5th div on the page ..   */
{
padding:0px;

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:237px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCC;
width:100%;

}


#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
}