/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu{
width:940px;
float:left;
}
.mattblackmenu ul{
margin: 2px 0 0 0px;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
list-style-type: none;
overflow: hidden;
width: 940px;
height:33px;
}
.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a.co{
float: left;
display: block;
text-decoration: none;
padding: 6px 25px 4px 25px; /*padding inside each tab*//*right divider between tabs*/
color: #000000;
height:22px;
background:url(images/seprator.jpg) no-repeat right top;
}

.mattblackmenu li a:hover.co{
float: left;
display: block;
text-decoration: none;
background:url(images/seprator.jpg) no-repeat right top;
color:#ffffff;
padding: 6px 25px 4px 25px;
}

.mattblackmenu li a.do{
float: left;
display: block;
text-decoration: none;
padding: 6px 25px 4px 25px; /*padding inside each tab*//*right divider between tabs*/
color: #000000;
height:22px;
}

.mattblackmenu li a:hover.do{
float: left;
display: block;
text-decoration: none;

color:#ffffff;
}

.mattblackmenu li a.selected{
float: left;
display: block;
text-decoration: none;
padding: 6px 25px 4px 25px; /*padding inside each tab*//*right divider between tabs*/
color: #ffffff;
height:22px;
background:url(images/seprator.jpg) no-repeat right top;
}
.mattblackmenu li a.selecteddo{
float: left;
display: block;
text-decoration: none;
padding: 6px 25px 4px 25px; /*padding inside each tab*//*right divider between tabs*/
color: #ffffff;
height:22px;
}
.mattblackmenu li a.selected1{
float: left;
display: block;
text-decoration: none;
padding: 6px 25px 4px 25px; /*padding inside each tab*//*right divider between tabs*/
color: #ffffff;
height:22px;
background:url(images/seprator.jpg) no-repeat right top;
}

.seprator{
float: left;
display: block;
text-decoration: none;
text-align:center;
padding: 0px 18px 0px 19px; /*padding inside each tab*//*right divider between tabs*/
color: white;
height:25px;

background:url(images/seprator.jpg) no-repeat right center;
/*-moz-border-radius: 5px;*/ /* for ie  */
    /*-khtml-border-radius: 5px;*/ /* for ie */
    /*-webkit-border-radius: 5px;*/ /* for ie */
   /* border-radius: 5px; */
}

/*-------------about_us------------------*/





/*-------------gallery------------------*/
.mattblackmenu li a.gallery{
float: left;
display: block;
text-decoration: none;
padding: 8px 20px 0px 20px; /*padding inside each tab*//*right divider between tabs*/
color: white;
width:55px;
height:26px;
background:url(images/gallery.gif) no-repeat center;
/*-moz-border-radius: 5px;*/ /* for ie  */
    /*-khtml-border-radius: 5px;*/ /* for ie */
    /*-webkit-border-radius: 5px;*/ /* for ie */
   /* border-radius: 5px; */
}

.mattblackmenu li a:hover.gallery{

background:url(images/gallery1.gif) no-repeat center;

}

.mattblackmenu li a:selated_gallery{

background:url(images/gallery1.gif) no-repeat center;

}

/*-------------event_info------------------*/
.mattblackmenu li a.event_info{
float: left;
display: block;
text-decoration: none;
padding: 8px 20px 0px 20px; /*padding inside each tab*//*right divider between tabs*/
color: white;
width:70px;
height:26px;
background:url(images/event_info.gif) no-repeat center;
/*-moz-border-radius: 5px;*/ /* for ie  */
    /*-khtml-border-radius: 5px;*/ /* for ie */
    /*-webkit-border-radius: 5px;*/ /* for ie */
   /* border-radius: 5px; */
}

.mattblackmenu li a:hover.event_info{

background:url(images/event_info1.gif) no-repeat center;

}

.mattblackmenu li a:selated_event_info{

background:url(images/event_info1.gif) no-repeat center;

}

/*-------------corporate_sponso------------------*/
.mattblackmenu li a.corporate_sponso{
float: left;
display: block;
text-decoration: none;
padding: 8px 20px 0px 20px; /*padding inside each tab*//*right divider between tabs*/
color: white;
width:163px;
height:26px;
background:url(images/corporate_sponso.gif) no-repeat center;
/*-moz-border-radius: 5px;*/ /* for ie  */
    /*-khtml-border-radius: 5px;*/ /* for ie */
    /*-webkit-border-radius: 5px;*/ /* for ie */
   /* border-radius: 5px; */
}

.mattblackmenu li a:hover.corporate_sponso{

background:url(images/corporate_sponso1.gif) no-repeat center;

}

.mattblackmenu li a:selated_corporate_sponso{

background:url(images/corporate_sponso1.gif) no-repeat center;

}

/*-------------donate------------------*/
.mattblackmenu li a.donate{
float: left;
display: block;
text-decoration: none;
padding: 8px 20px 0px 20px; /*padding inside each tab*//*right divider between tabs*/
color: white;
width:56px;
height:26px;
background:url(images/donate.gif) no-repeat center;
/*-moz-border-radius: 5px;*/ /* for ie  */
    /*-khtml-border-radius: 5px;*/ /* for ie */
    /*-webkit-border-radius: 5px;*/ /* for ie */
   /* border-radius: 5px; */
}

.mattblackmenu li a:hover.donate{

background:url(images/donate1.gif) no-repeat center;

}

.mattblackmenu li a:selated_donate{

background:url(images/donate1.gif) no-repeat center;

}

/*-------------contact_us------------------*/
.mattblackmenu li a.contact_us{
float: left;
display: block;
text-decoration: none;
padding: 8px 20px 0px 20px; /*padding inside each tab*//*right divider between tabs*/
color: white;
width:76px;
height:26px;
background:url(images/contact_us.gif) no-repeat center;
/*-moz-border-radius: 5px;*/ /* for ie  */
    /*-khtml-border-radius: 5px;*/ /* for ie */
    /*-webkit-border-radius: 5px;*/ /* for ie */
   /* border-radius: 5px; */
}

.mattblackmenu li a:hover.contact_us{

background:url(images/contact_us1.gif) no-repeat center;

}

.mattblackmenu li a:selated_contact_us{

background:url(images/contact_us1.gif) no-repeat center;

}


.line{
margin:0 5px;

}
.noline{
border-right:solid 2px #FFF;
padding-right:20px;
}


