@charset "UTF-8";
body
{
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0;
padding: 0;
text-align: left;
position: relative;
background-color: #f3f3f3;
font-size: 100%;
border-left: 2px solid #666;
}

a 
{ text-decoration: none; }


a:hover 
{
color: #00f;
text-decoration: underline; 
}


a:visited 
{
color: #096;
}


a:visited:hover 
{
color: #36f;
text-decoration: underline;
}


.linkBox
{
border: 2px solid #ccc;
line-height: 1.2em;
padding: .1em .25em;
}


#container 
{
position: relative;
background: #fff;
margin: 0;
padding: 0;
border-right: solid 2px #ccc;
border-bottom: 1px solid #ccc;
width: 900px;
}


/************** BEGIN #navHead ***************/
#navHead 
{
position: relative;
border-bottom: 2px solid #ccc;
margin: 0;
padding: 0;
border-top: none;
height: 73px;
}


#container #navHead #logo1
{
border-style: none;
padding: 5px 0 5px 5px;
margin: 0 50px 0 0;
float: left;
position: relative;
}


#container #navHead #navGlobal
{
text-align: left;
margin: 0;
padding: .7em 0 0 0;
list-style-type: none;
background-color: #fff;
position: relative;
height: 25px;
float: left;
}

#container #navHead #navGlobal li
{
font-weight: bold;
float: left;
position: relative;
height: 1.3em;
font-size: 10px;
}

#container #navHead #navGlobal a
{
padding: 0 26px 0 0;
}


/************** END #navHead ***************/



/************** BEGIN mainContent styles ***************/
/************** BEGIN Calendar of Events styles ***************/
/************** BEGIN mainContent navDirectory ***************/

#mainContent hr
{
padding: 0;
margin: 5px 0;
position: relative;
clear: both;
}


#mainContent #introMain
{
padding: 0;
margin: 0;
position: relative;
height: 118px;
}

#mainContent #introMain #title 
{
text-align: center;
color: #006000;
background-color: #ff9;
padding: .2em 0;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
margin: 0 0 .5em 0;
position: relative;
font-size: 20px;
height: 26px;
}


#mainContent #introMain .navDirectory
{
position: relative;
list-style-type: none;
margin: 0;
clear: both;
height: 55px;
padding: 0 0 15px 30px;
}

#mainContent #introMain .navDirectory li
{
margin: 1em 0;
border: 1px solid #666;
padding: 3px 3px 3px 6px;
font-size: 13px;
float: left;
position: relative;
font-weight: bold;
}


#mainContent #introMain .navDirectory .highlight {
font-weight: bolder;
background: #bfffbf;
padding-left: 8px;
}



/************** END mainContent navDirectory ***************/
/************** END mainContent navDirectory ***************/

/************** BEGIN mainContent ***************/

#mainContent 
{
padding: 0;
margin: 0;
position: relative;
}


#mainContent .itemIntro
{
padding: 0;
margin: 0 0 1px 0;
position: relative;
border-top: solid 2px #666;
width: 900px;
height: 200px;
float: left;
}

#mainContent .itemIntro .pixDecor
{
padding: 0;
margin: 0 10px 0 0;
position: relative;
float: left;
width: 200px;
height: 200px;
}

#mainContent .itemIntro p
{
	padding: .5em 1em;
	margin: 15px 0 0 0;
	font-size: 12px;
	background: #bfffbf;
	position: relative;
	float: left;
}

#mainContent .itemIntro h2
{
background: #f3f3f3;
padding: .4em 0 .2em 10px;
margin: 0;
border-bottom: 2px solid #ccc;
font-size: 18px;
border-left: 2px solid #ccc;
position: relative;
float: left;
font-family: Skia, Helvetica, Geneva;
width: 678px;
}


/************** BEGIN .item ***************/

#mainContent .item
{
margin: 1px 0;
padding: 0;
position: relative;
border-top: solid 1px #666;
float: left;
}


#mainContent .item .title
{
padding: .6em .5em .2em 15px;
margin: 1px 0 1px 0;
font-size: 14px;
float: left;
width: 630px;
position: relative;
border: none;
}

#mainContent .item .subTitle
{
position: relative;
padding: 0 0 3px 15px;
margin: 0;
color: #000;
font-size: 11px;
float: left;
font-weight: bold;
border: none;
}



#mainContent .item .details1
{
border-left: 3px solid #ccc;
padding: 0;
margin: 10px 0 0 0;
clear: left;
position: relative;
float: left;
width: 230px;
}



#mainContent .item .details1 .date
{
position: relative;
padding: 0.3em;
margin: 1px 0 5px 0;
float: left;
font-size: 12px;
width: 190px;
font-weight: bold;
background-color: #ffc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}


#mainContent .item .details1 h5
{
position: relative;
margin: 0;
font-size: 13px;
padding: 0;
float: left;
clear: left;
width: 190px;
}

#mainContent .item .details1 p
{
margin: .5em 0 3px 6px;
font-size: 12px;
position: relative;
float: left;
clear: left;
width: 220px;
}


#mainContent .item .details1 strong,#mainContent .item .details2 strong
{
font-size: 110%;
}


#mainContent .item .details1 .pop1
{
font-weight: bold;
color: #663333;
margin-bottom: -5px;
font-size: 85%;

}


#mainContent .item .details2
{
	margin: 10px 0 0 0;
	padding: 5px 0 3px 5px;
	width: 580px;
	position: relative;
	float: right;
	font-size: 11px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#mainContent .item .details2 h5
{
position: relative;
margin: 0;
width: 555px;
text-decoration: underline;
font-size: 100%;
}

#mainContent .item .details2 p
{
	margin: 5px 0 0 1em;
	font-size: 110%;
}


/************** END Calendar of Events styles ***************/

/************** END mainContent styles ***************/
/************** END mainContent styles ***************/
/************** END mainContent styles ***************/




.clearfloat 
{
clear:both;
height:0;
font-size: 1px;
line-height: 1px;
}


/************** BEGIN #footer ***************/

#footer 
{
position: relative;
background-color: #fff;
height: 2.5em;
margin: 5px 0 .5em 270px;
clear: both;
width: 435px;
}


#footer #footlogo 
{
float: left;
position: relative;
margin: .6em .5em 0 .5em; }


div#footer h6 
{
font-size: 9px;
float: left;
position: relative;
margin-top: 1.5em;
padding-top: 0.2em;
}

/************** END #footer ***************/