body, table, tr, td
{
        font-family: Century Gothic, tahoma, Verdana, Arial;
        font-size: 10pt;
        color: #333333;
}

a:link
{
        color: #006699;
        text-decoration: none;
}
a:visited
{
        color: #006699;
        text-decoration: none;
}
a:hover
{
        color: #ff9900;
        text-decoration: none;
}
a:active
{
        color: #ff9900;
        text-decoration: none;
}
.hdr
{
        font-family:  Century Gothic, Century Gothic, tahoma, Verdana, Arial;
        font-size: 14pt;
        font-weight: bold;
        color: #990000;
}

.hdr2
{
        font-family: Century Gothic, tahoma, Verdana, Arial;
        font-size: 12pt;
        font-weight: bold;
                color: #000000;
}

.hdr3
{
        font-family: Century Gothic, tahoma, Verdana, Arial;
        font-size: 10pt;
        font-weight: bold;
        color: #000000;
}


.hdr4
{
        font-family: Century Gothic, tahoma, Verdana, Arial;
        font-size: 10pt;
        font-weight: bold;
        color: #000000;
        border-style: solid #808080;
        border-width: 1px;
        bgcolor: #FF9900;
}
.frame
{
        background-color: #006699;
        font-family: Century Gothic, tahoma, Verdana, Arial;
        font-size: 10pt;
        color: #ffffff;
        font-weight: bold;
}
.detail
{
        font-family: Century Gothic, tahoma, Verdana, Arial;
        font-size: 10pt;
}
.hr1
{
        border-style: dashed;
        border-width: 1;
        color: #cc9900;
}

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 13em}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 190px;
border: 0px solid #333333;
}

.markermenu li a{
background: #f8f8f8 url(../images/arrow-list.gif) no-repeat 2px center;
font: 8pt Century Gothic, tahoma, Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dashed #B5B5B5;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 190px;
}

.markermenu li a:visited{
color: #00014e;
}


.markermenu li a:hover{
color: black;
background-color: #ffffcb;
background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.markermenu li a:active{
color: black;
background-color: #ffffcb;
background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 250px; /*margin between first menu item and left browser edge*/

margin-right: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:lowercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 800px;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Century Gothic, tahoma, Verdana;
height: 22px;
background-color: lightyellow;
}

a.ovalbutton{
background: transparent url('oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton: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; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}