﻿html {margin: 0; padding: 0; height:100%;}
body {margin:0;padding:0; font-family:Tahoma;font-size:10pt;font-weight:normal; height:100%;}
* body{position:relative; text-align:center;}

@font-face {
      font-family: "supermarket";
      src: url("font/supermarket.ttf");
    }

#site{width:100%; text-align:center;}
#site-body{width:960px; text-align:left; margin:auto;}
#site-content{}

#header{width:100%; text-align:center;}
#header-body{width:980px; margin:auto; text-align:left;}

#menu{width:100%; text-align:center;}
#menu-body{width:980px; text-align:left; margin:0 auto 0 auto; background-image:url(../images/cover/menu-bg.jpg); color:White; height:40px;}

#footer {width:100%; text-align:center;}
#footer-body {width:960px; margin:0 auto 0 auto; padding:10px 0 10px 0; text-align:center; border-top:solid 1px #c1d5d8; color:#58929b;}

td{font-family: Tahoma;font-size:10pt;font-weight:normal;}
.body-td-left {}
.body-td-right {width:250px; border-left:solid 1px #c1d5d8;}

h1, h2, h3, h4, h5{font-family: supermarket, Tahoma;  display:inline; color:#bf1e2d;}
h1 {font-size:18pt;font-weight:normal;}
h2 {font-size:16pt;font-weight:bold;}
h3 {font-size:14pt;font-weight:bold;}
h4 {font-size:14pt;font-weight:normal;}
h5 {font-size:12pt;font-weight:700;}

.divH1 { height:30px; line-height:30px;}
.divH1 h1 { font-family:Tahoma; font-size:10pt; font-weight:bold; color:#58929b;}

.divH2 { padding:10px; background-color:#f4f8f8; border:solid 1px #c1d5d8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.divH2 h2 { font-family:Tahoma; font-size:10pt; color:#58929b; font-weight:normal;}

.divH3 { padding:10px; background-color:#f4f8f8; border:solid 1px #c1d5d8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:10px; margin-bottom:10px;}
.divH3 h3 { font-family:Tahoma; font-size:10pt; color:#58929b; font-weight:normal;}

a:link, a:visited, a:active {text-decoration:none;color: #bf1e2d;}
a:hover {text-decoration:none;color:#ba8a47;}

a.link-button:link, a.link-button:visited, a.link-button:active 
{text-decoration:none;background-color: #bf1e2d; color:White; font-weight:bold; padding:3px 8px 3px 8px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
a.link-button:hover {text-decoration:none; background-color:#b40919;}

a.link-button-orange:link, a.link-button-orange:visited, a.link-button-orange:active 
{text-decoration:none;background-color: #d8984c; color:White; padding:3px 8px 3px 8px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
a.link-button-orange:hover {text-decoration:none; background-color:#c07b29;}

a.top-menu:link, a.top-menu:visited, a.top-menu:active{color:#bf1e2d; font-size:10pt; font-weight:bold; margin-left:10px;  padding:3px 8px 3px 8px;}
a.top-menu:hover {color:#ffffff; text-decoration:none; background-color:#bf1e2d; padding:3px 8px 3px 8px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
a.top-menu-active{color:#ffffff; font-weight:bold; text-decoration:none; background-color:#bf1e2d; padding:3px 8px 3px 8px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-left:10px;}

a.header-link:link, a.header-link:visited, a.header-link:active{ font-weight:bold; font-family:Tahoma; font-size:8pt; color:#0060ff;}
a.header-link:hover{}

a.quiz-link:link, a.quiz-link:visited, a.quiz-link:active{ text-align:center; display:block; width:100%; border:solid 1px #fab095; background-color:#fff3e5; font-weight:bold; font-size:12pt; padding:5px; color:#ed1651;}
a.quiz-link:hover{background-color:#ffffcc;}

a.seo:link, a.seo:visited, a.seo:active {text-decoration:none;color: #58929b;}
a.seo:hover {text-decoration:underline;color:#c1d5d8;}

A.go:link, A.go:visited, A.go:active {display:block; border:solid 1px #bf1e2d; background-color:#ffe5e7; padding:5px; color:#bf1e2d; width:250px; float:left; text-align:center; margin-right:5px; font-weight:bold;}
A.go:hover {background-color:#bf1e2d; color:White;}

a.a-story:link, a.a-story:visited, a.a-story:active, a.a-story:hover
{color:inherit; border-bottom:dashed 1pt Black; display:inline; text-decoration:none;}

#footer a.a-footer:link, a.a-footer:visited, a.a-footer:active {text-decoration:none; color:#bf1e2d; padding:0 3px 0 3px;}
#footer a.a-footer:hover { text-decoration:none; color:#ba8a47;}


.content-body{margin:0; padding:10px 5px 0 5px;}
.content-footer{ margin:0; height:10px; background-color:White; background-image:url(../images/cover/content-bc.jpg); background-position:bottom right; background-repeat:no-repeat;}

.package{padding:5px; width:250px; font-family:Georgia; font-size:medium; text-align:left;font-weight:bold; border:solid 2px #facbaf; background-color:#ffffff;}
.package-over{padding:5px; width:250px; font-family:Georgia; font-size:medium; text-align:left;font-weight:bold; border:solid 2px #ffb28a; background-color:#ffffff; cursor:pointer;}

.list-yes { list-style-image:url(../images/cover/list-yes.jpg); list-style-position:outside;}
.list-plus { list-style-image:url(../images/cover/list-plus.jpg); list-style-position:outside;}
.home-article-list {background-image:url(../images/cover/home-article-bg.jpg); background-position:top center; background-repeat:no-repeat; padding:15px; border-top:solid 1px #cf5661;}

.page-index td { padding:20px 10px 20px 0;}
.page-index span, .page-index a  {padding:3px 5px 3px 5px; border:solid 1px; margin-right:3px;}

.textbox {border: #000000 1px solid; font-size: 10pt;font-family: Tahoma; padding:5px;}
.dropdownlist {padding:5px;}
.button  {
    background-color:#bf1e2d; border:0; font-size:10pt; font-weight:bold; color:White; cursor:pointer; padding:5px 20px 5px 20px; background-image:url(../images/cover/button-bg.jpg);  
    border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
    -moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: 0 1px 3px #888; box-shadow: 0 1px 3px #888;
}
