/*

------------------------------------------------------
Copyright Jan Brasna, http://www.alphanumeric.cz/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

html {
font-size: 100%;
}

body {
background:   url(img/bg.gif) center repeat-y #000066;
font: 75%/1.2 verdana, lucida, sans-serif;
margin: 0;
padding: 0;
color: #ececec;
text-align: center;
}

h2 {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
color: #ececec;
background:   url(img/head-dec.gif) right no-repeat;
}

h3 {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
color: #ececec;
}

h1 {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
color: #ececec;
font-size: 220%;
letter-spacing: -0.08em;
text-align: center;
}

h2 {
font-size: 150%;
letter-spacing: -0.05em;
}

h3 {
font-size: 120%;
}

p {
margin: 0;
margin-bottom: 1em;
}

ul {
margin: 1.5em;
margin-bottom: 1em;
}

a {
color: #FFC600;
}

a:hover {
color: #000066;
background: #FFC600;
text-decoration: none;
}

a:visited {
color: #FFC600
}

#banner_container {
  background-image:   url(img/bg-head-bar.gif);
}

#banner {
position: relative;
margin: 0 auto;
background-image:   url(img/bg-head.gif);
background-position: top center repeat-y;
background-color: #000066;
height: 289px;
width: 800px;
}

#banner p {
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
width: 600px;
font: 380%/1.2 "Trebuchet MS", "Geneva CE", lucida, sans-serif;
color: #69842e;
font-weight: bold;
letter-spacing: -0.08em;
}

#nav-toplevel {
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
width: 600px;
}

#nav-meta {
margin: 0 auto;
position: relative;
width: 80px;
top: -10px;
left: 260px;
}

#nav-meta ul {
list-style: none;
margin: 10px;
height: 0px;
}

#nav-meta a {
display: block;
width: 26px;
height: 18px;
position: absolute;
}

#nav-meta span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}

#nav-meta #skip a {
width: 0;
height: 0;
}

#nav-meta #cont a {
background:   url(img/nav-cont.gif) no-repeat;
left: 0;
}

#nav-meta #sear a {
background:   url(img/nav-sear.gif) no-repeat;
left: 28px;
}

#nav-meta #smap a {
background:   url(img/nav-smap.gif) no-repeat;
left: 54px;
}

#container {
width: 800px;
background:   url(img/bg.gif) center repeat-y #000066;
text-align: center;
margin: 0 auto;
}

#content {
width: 615px;
text-align: left;
margin: 10px auto;
padding: 5px 10px 10px 10px;
background-color: #000066;
}

#nav-main {
width: 680px;
height: 289px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
}

#nav-main ul {
list-style: none;
margin: 0;
padding: 0;
width: 680px;
overflow: hidden;
position: absolute;
bottom: 8px;
left: 25px;
}

#nav-main li, #nav-meta li {
display: inline;
}

#nav-main a {
display: block;
float: left;
padding: 10px;
margin-left: 1px;
background:   url(img/bg-menu.gif) bottom repeat-x #879d58;
color: #ffc600;
text-decoration: none;
font-weight: bold;
font-size: 120%;
}

#nav-main a:hover {
background:   url(img/bg-menu-on.gif) bottom repeat-x #69842e;
}

#nav-main a.current {
background:   url(img/bg-menu-ac.gif) bottom repeat-x #394f11;
}


#content-anchor {
/* background:   url(img/main-top.png) top no-repeat #000066; */
display: block;
position: absolute;
top: 100px;
left: 10px;
width: 480px;
height: 10px;
}

#nav-subs {
position: absolute;
top: 100px;
left: 500px;
width: 170px;
background:   url(img/side-top.png) top no-repeat #69842e;
}

#nav-subs ul {
margin: 1.5em 1.5em 0 1.5em;
padding: 0;
list-style: none;
}

#nav-subs li {
background:   url(img/side-bul.png) left no-repeat;
padding-left: 12px;
}

#nav-subs a {
color: #000066;
text-decoration: none;
}

#nav-subs .youarehere {
color: #000066;
background: #000066;
text-decoration: none;
}

#nav-section {
background:   url(img/side-mid.png) bottom no-repeat;
padding-bottom: 2.5em;
}

#nav-supp {
background:   url(img/side-bot.png) bottom no-repeat;
padding-bottom: 1.5em;
}

#info-site-container {
  background: #ffc600;
}

#info-site {
background:   url(img/bg-foot.gif) center repeat-y #ffc600;
width: 800px;
margin: 0 auto;
padding: 1em;
font-size: 85%;
color: #bf8c01;
}

#info-site a {
color: #bf8c01;
text-decoration: none;
}

#info-site a:hover {
color: #ffc600;
background: #bf8c01;
}