body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
a
{
    outline: none;
}
a:active, a:visited
{
    border: none;
    outline: none;
}

a:link
{
    text-decoration: none;
    font-size: 12px;
    color: #660099;
}
a:visited
{
    color: #0000CE;
    text-decoration: none;
    font-size: 12px;
}
a:hover
{
    color: #DAA520;
    text-decoration: underline;
    font-size: 12px;
}
img
{
    border: 0;
    border-width: 0;
    border-style: none;
}

a.albumbutton
{
    /* Sliding right image */
    background: transparent url('images/button_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.albumbutton span
{
    /* Background left image */
    background: transparent url('images/button_left.png') no-repeat;
    display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
    padding: 7px 0 5px 32px;
    text-decoration: none;
}
a.albumbutton:visited, a.albumbutton:link
{
    text-decoration: none;
    color: Black;    
}
a.albumbutton:active
{
    text-decoration: none;
    color: White;
}

a.albumbutton:hover span
{
    text-decoration: none;
    color: White;
}

.Story
{
    font-size: 12px;
    color: #000000;
}

.maintext
{
    font-size: x-large;
    font-weight: bold;
    line-height: 34px;
    color: #660066;
}


td
{
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

th
{
    font-size: 9px;
    font-weight: bold;
}
.blue
{
    color: #0033CC;
    background-color: #FFFFFF;
}

.AlbumTitle
{
    font-size: 18pt;
    font-weight: normal;
    color: #3300CC;
}
.PhotoTitle
{
    font-size: 12pt;
    color: #000000;
}
.NavigationButton
{
    font-size: 12pt;
    font-weight: bold;
    color: white;
    background: #3300CC;
}
.PhotoLongDescription
{
    font-size: 12pt;
    color: #000000;
}
.ThumbnailLabels
{
    color: white;
    background: #3300CC;
    font-size: 8pt;
    border: 1px solid white;
}
.CustomLink
{
    font-size: 12pt;
    font-weight: bold;
}
.PulldownListbox
{
    font-size: 12pt;
    color: white;
    font-weight: bold;
    background: #3300CC;
}
.PageNumber
{
    text-align: center;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}
h2
{
    font-size: 24px;
    color: #3300CC;
}
h4
{
    font-size: 14px;
    color: #000000;
}

.box
{
    color: black;
    font-weight: bold;
    font-size: 10pt;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
}
Table.DetailTable
{
    color: black;
    border-width: 1px;
    border-collapse: collapse;
    outline-width: 2em;
    outline-color: black;
    font-size: 8pt;
}
TR.DetailTRwhite
{
    font-size: 10pt;
    background-color: white;
    color: Black;
}
TR.DetailTRlightgray
{
    font-size: 10pt;
    background-color: Silver;
    color: Black;
}


/* ==============================================================================================*/

.cssmenu
{
    width: 40px;
    margin: 0;
    padding: 0;
    display: block;
}
.cssmenu ul
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cssmenu ul li
{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.cssmenu ul li a
{
    display: block;
    margin: 0;
    width: 100%;
    padding-left: 35px;
    text-transform: uppercase;
    font-family: 'Helvetica Neue' ,helvetica, 'microsoft sans serif' ,arial,sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.cssmenu ul li a span
{
    display: block;
    margin: 0;
    width: 100%;
    height: 22px;
    padding-top: 5px;
    padding-right: 35px;
    background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
    cursor: pointer;
}

.cssmenu ul li a:hover, .cssmenu ul li.active a
{
    background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.cssmenu ul li a:hover span, .cssmenu ul li.active a span
{
    background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

/* ==============================================================================================*/

.album
{
    height: 27px;
    margin: 0 0 0 160px;
    padding: 40px 0 0 0;
}
.album ul
{
    list-style: none;
    margin: 0;
    padding: 0px;
}
.album ul li
{
    text-align: center;
    width: 120px;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 40px;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}



.album ul li a
{
    display: block;
    height: 27px;
    padding-left: 0px;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
}

.album ul li a span
{
    width: 120px;
    display: block;
    float: left;
    height: 22px;
    padding-right: 0px;
    background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
    cursor: pointer;
}


.album ul li a:hover, .album ul li .active a
{
    background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
    text-decoration: none;
}
.album ul li a:hover span, .album ul li .active a span
{
    text-decoration: none;
    background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

