@import url(skel.css);

html, body {width: 100% !important; line-height: 1em;}
body {margin: 0; padding: 0; background: #fff; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.85em; font-family: Arial, sans-serif;}

/* Links */

a:link {color: #00f;}
a:visited {color: #606;}
a:hover {color: #f00;}
.page-main a, .page-index a, .page-sitemap a {text-decoration: none;}

/* Headings */

h1 {margin: 1.5em 0 1.5em 0em; padding: 0; color: #08b;  font-size: 1.7em; line-height: 0.95em;}
h2 {border-bottom: 1px solid; margin: 1.5em 0 1.5em 0em; padding: 0;  font-size: 1.5em; line-height: 0.95em;  color: #08b; }
h3 {margin: 1.5em 0 1.5em 0em; padding: 0;  font-size: 1.2em; color: #08b;}
.page-contact h3, .page-sitemap h3 {border-bottom: 1px solid;}
h4 {margin: 1.5em 0 1.5em 0em; padding: 0;  font-size: 1em; color: #08b;}
h5 {margin: 1.5em 0 1.5em 0em; padding: 0;  font-size: 1.0em; color: #08b;}


/* Lists */

li {line-height: 1.33em; margin-bottom: 0.33em;}
.page-sitemap li {font-weight: bold;}
.page-sitemap li li {font-weight: normal;}
li b {color: #08b;}
ul li {list-style: square;}


/* Misc */

.page-normal, .page-main, .page-index, .page-contact, .page-sitemap  {margin: 2em 18em 0 4em; padding: 0;}
.page-normal img, .page-main img, .page-index img, .page-contact img, .page-sitemap img {margin: 0.5em 1em 0.5em 1em;}
.page-normal b, .page-contact b, .page-sitemap b {color: #08b;}
table {margin: 1em; font-size: 0.85em;}


/* Paragraphs */

p {line-height: 1.66em;}
.page-main p, .page-index p {clear: left; border-top: 1px solid #ccc; padding: 1em;}
#p1 { border: 1px solid #fff; color: #08b; margin: 0em 0 3em 0; padding: 0em; font-weight: bold;}
#p1 a:link {color: #00f;}
#p1 a:visited {color: #606;}
#p1 a:hover {color: #f00;}
#p2 { border: 1px solid #f00; color: #f00; margin: 2em 0.5em 2em 0.5em; padding: 1em 2em 1em 2em; font-weight: bold;}


/* Header */

.header {background: #798CBE; margin: 0; padding: 0;}
.header table {margin: 0em;}
.header .tmenu {background: #4D66A8; color: #fff; text-align: right; border-top: 1px  solid #88d; border-bottom: 1px  solid #77d; padding: 0.25em 1em 0.25em 1em;}
.header .tmenu .left {float: left; font-weight: bold;}
.header .tmenu a:link {color: #fff; text-decoration: none;}
.header .tmenu a:visited {color: #fff; text-decoration: none;}
.header .tmenu a:hover {color: #f77; text-decoration: none;}

.header .tmenu2 {font-size: 0.9em; color: #999; text-align: center; background: #5e77b9; border-top: 1px  solid #447;  border-bottom: 1px  solid #558; padding: 0.25em 0em 0.25em 0em;}
.header .tmenu2 a:link {color: #fff; background: #5e77b9; text-decoration: none;}
.header .tmenu2 a:visited {color: #fff; background: #5e77b9; text-decoration: none;}
.header .tmenu2 a:hover {color: #f77; background: #5e77b9; text-decoration: none;}


/* Side Menu */

.nav-side {position: absolute; right: 0;  top: 10em; background: #eef; font-size: 0.9em; line-height: 1.1em; width: 14em; margin: 6em 3em 0em 0em; padding: 0em 0.5em 0.5em 0.5em; text-transform: lowercase;}
.nav-side h4 {background: #ddf; padding: 0.25em 0.25em 0.25em 0.25em; border-bottom: 1px solid #999; text-align: left; font-weight: normal; font-size: 1em; line-height: 0.9em; text-transform: uppercase;}
.nav-side a {text-decoration: none;}
.nav-side h4 a:link {color: #000;}
.nav-side h4 a:visited {color: #000;}
.nav-side h4 a:hover {color: #f00;}


/* Footer */

.footer {color: #333; margin: 1em 18em 0 3em; padding: 1em; font-size: 0.85em; line-height: 1.8em}
.footer hr {margin: 1.5em 1em 0 0; padding: 0; color: #999; clear: both;}
.footer a {text-decoration: none;}
.footer .base a {font-weight: bold; color: #66c;}