.glossymenu{
list-style-type: none;
margin: 20px 0;
padding: 0;
width: 270px;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 0px 0;
padding-left: 1px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 270px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}

.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
}

.markermenu li a{
background: white url(images/arrow-list.gif) no-repeat 2px center;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
background-color: #F3F3EB;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 170px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
background-color: #CECECA;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

a.squarebutton{
background: transparent url('images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
}

.contentslide{
border: 1px solid #848484;
border-bottom-width: 1px;
padding: 2px;
width: 575px;
height: 113px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 575px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
font-size: 8px;
background-color: #7A0202;
border: 10px solid #7A0202;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 1px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 575px; /*IE5 width*/
w\idth: 575px; /*IE6 width*/
}

.pagination a{
padding: 0 4px;
font-size: 16px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
font-size: 16px;
background-color: #E7E7E7;
}
TD.topnav2 { text-decoration: none;
font-size:8pt;
font-weight: none;
font-family: Verdana; }
TD.topnav2 A:link { color: #1C266C;
text-decoration: none;
font-size:8pt;
font-weight: none;
font-family: Verdana; }
TD.topnav2 A:visited { color: #1C266C;
text-decoration: none;
font-size:8pt;
font-weight: none;
font-family: Verdana; }
TD.topnav2 A:active { color: #1C266C;
text-decoration: none;
font-size:8pt;
font-weight: none;
font-family: Verdana; }
TD.topnav2 A:hover { color: #9A0000;
text-decoration: underline;
font-size:8pt;
font-weight: none;
font-family: Verdana; }

TD.topnav { text-decoration: none;
font-size:9pt;
font-weight: none;
font-family: Verdana; }
TD.topnav A:link { color: #000000;
text-decoration: none;
font-size:9pt;
font-weight: none;
font-family: Verdana; }
TD.topnav A:visited { color: #000000;
text-decoration: none;
font-size:9pt;
font-weight: none;
font-family: Verdana; }
TD.topnav A:active { color: #000000;
text-decoration: none;
font-size:9pt;
font-weight: none;
font-family: Verdana; }
TD.topnav A:hover { color: #9A0000;
text-decoration: underline;
font-size:9pt;
font-weight: none;
font-family: Verdana; }

TD.prod { text-decoration: none;
font-size:9pt;
font-weight: none;
font-family: Verdana; }
TD.prod A:link { color: #5F5F5F;
text-decoration: none;
font-size:9pt;
font-weight: bold;
font-family: Verdana; }
TD.prod A:visited { color: #5F5F5F;
text-decoration: none;
font-size:9pt;
font-weight: bold;
font-family: Verdana; }
TD.prod A:active { color: #5F5F5F;
text-decoration: none;
font-size:9pt;
font-weight: bold;
font-family: Verdana; }
TD.prod A:hover { color: #AF0505;
text-decoration: underline;
font-size:9pt;
font-weight: bold;
font-family: Verdana; }

TD.foot { text-decoration: none;
font-size:8pt;
font-weight: none;
color:#ffffff;
font-family: Verdana; }
TD.foot A:link { color: #ffffff;
text-decoration: none;
font-size:8pt;
font-weight: bold;
font-family: Verdana; }
TD.foot A:visited { color: #ffffff;
text-decoration: none;
font-size:8pt;
font-weight: bold;
font-family: Verdana; }
TD.foot A:active { color: #ffffff;
text-decoration: none;
font-size:8pt;
font-weight: bold;
font-family: Verdana; }
TD.foot A:hover { color: #ffffff;
text-decoration: underline;
font-size:8pt;
font-weight: bold;
font-family: Verdana; }

#vertmenu1 h1 {
font-size: 85%; 
padding: 1px 1px 1px 1px;
color: #ffffff;
margin: 0px;
}

#vertmenu2 h2 {
font-size: 85%; 
padding: 1px 1px 1px 1px;
color: #000000;
margin: 0px;
}

#vertmenu3 h1 {
font-size: 150%; 
padding: 1px 1px 1px 1px;
color: #ffffff;
margin: 0px;
}

#vertmenu4 h2 {
font-size: 90%; 
padding: 1px 1px 1px 1px;
color: #535252;
margin: 0px;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #cccccc;
}

.toggleborder:hover img{
border: 1px solid red;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 95%;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: .5px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #7B7B7B;
}

#navcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: #890B0F;
}
