/************************************************ 
   Button navigation styles 
*************************************************/

.divNavigate
{
    float: left;
    width: 180px;
    text-align: center;
    padding:  10px 15px 0px 15px;
}

.divHomeButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/homestroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divHomeButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/homestrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 2px;
    margin-top: 2px;
}

.divGalleryButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/gallerystroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divGalleryButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/gallerystrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divJoinButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/joinstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divJoinButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/joinstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divWorkshopButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/workshopstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divWorkshopButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/workshopstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divLinksButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/linkstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divLinksButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/linkstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divHonorRollButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/HonorRollstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divHonorRollButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/HonorRollstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divCalendarButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/calendarstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divCalendarButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/calendarstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divSponsorsButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/sponsorstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divSponsorsButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/sponsorstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divBoardButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Boardstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divBoardButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Boardstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divShowButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Showstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divShowButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Showstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divStudioButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Studiostroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divStudioButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Studiostrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divContactButton a
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Contactstroke.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.divContactButton a:hover
{
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(Images/Contactstrokealt.gif);
    background-repeat: no-repeat;
    background-position: top left;
}