/* national events page menu styles */

.hide {
display:none;
}

.hand {cursor:hand;}

/* feature areas */

.featureBoxBottom {
background:url(../newimages/event-box-br.gif) no-repeat bottom right; 
text-align:left;
}

/* feature frame for the monthly feature */

#feature1BoxOuter {
width:178px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
position:relative;
}

#feature1Box {
width:178px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
position:relative;
}

#feature1BoxTop { 
background:url(../newimages/event-box-green-tr.gif) no-repeat top right;
position:relative;
float:left;
}

#feature1Title {
width:178px;
font-weight:bold;
color:#FFFFFF;
float:right;
text-align:center;
top:-28px;
margin-bottom:8px;
position:relative;
}

#feature1Content {
width:146px;
padding:0 15px;
margin-top:-20px;
position:relative;
float:left;
}


/* feature frame for the volunteer info */

#feature2BoxOuter {
width:178px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
position:relative;
}

#feature2Box {
width:178px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
position:relative;
}

#feature2BoxTop { 
background:url(../newimages/event-box-blue-tr.gif) no-repeat top right;
position:relative;
float:left;
}

#feature2Title {
width:178px;
font-weight:bold;
color:#FFFFFF;
float:right;
text-align:center;
top:-28px;
position:relative;
}

#feature2Content {
width:146px;
padding:0 15px;
margin-top:-12px;
position:relative;
float:left;
clear:both;
}


/* frame for online fundraising options in middle of page*/

#eventBoxOuter {
width:480px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
margin:30px 0 20px 25px;
}

#eventBox {
width:480px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
}

#eventBoxTop { 
background:url(../newimages/event-box-tr.gif) no-repeat top right;
}

#eventTopBottom {
background:url(../newimages/event-box-br.gif) no-repeat bottom right; 
}

/* classes for photos */

.photoLeft {
float:left;
margin:2px 15px 2px 0;
}

.photoRight {
float:right;
margin:2px 0 2px 15px;
}
