/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide { display: none}
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav { display: none}
}

/* Skin */
.tabs-nav { list-style: none; margin: 0; padding: 0; background-color: #e7e7e7; width: 784px; height: 29px}
.tabs-nav:after { display: block; clear: both; content: " "}
.tabs-nav li { float: left; margin: 0 0 0 0px; width: 148px; height: 29px /* be nice to Opera */}
.tabs-nav a, .tabs-nav a span { display: block; padding: 0}
.tabs-nav a { position: relative; top: 0px; z-index: 2; padding-left: 0; left: 0px; white-space: nowrap; /* required in IE 6 */}
.tabs-nav a img { border: none} 
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px}
.tabs-nav a span { width: 148px; /* IE 6 treats width as min-width */ min-width: 148px; height: 29px; /* IE 6 treats height as min-height */ min-height: 29px; padding-top: 6px; padding-right: 0}
*>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto}
.tabs-nav .tabs-selected a span { padding-top: 7px}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; cursor: hand}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0}
.tabs-container { width: 554px;/* declare background color for container to avoid distorted fonts in IE while fading */}
#div-1 { width: 554px;/* declare background color for container to avoid distorted fonts in IE while fading */}
#div-1 a img { border:none}
#div-1 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none; color: #000000}
#div-1 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none; color: #7f7f7f}
#div-2 { width: 554px;/* declare background color for container to avoid distorted fonts in IE while fading */}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-left: 10px}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding-left: 10px}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold}