/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }

/* TYPES */
body { background-color: #000000; background-image: url(img/back.jpg); background-position: right top; background-repeat: no-repeat; color: #333;
	font-family: Geneva, Verdana, Sans-Serif; font-size: .75em; }
img { border: none; padding: 0; margin: 0; }
a:link { color: #b8b200; text-decoration: underline; }
a:visited { color: #b8b200; text-decoration: underline; }
a:hover { color: #b8b200; text-decoration: none; }
h1 { font-size: 1.5em; color: #c8c100; font-variant: small-caps; margin: 1em 0 2em 0; padding: 0; }
h2 { font-size: 1.1em; color: #494949; font-variant: small-caps; margin: 2em 0 1em 0; padding: 0; }
h3 { color: #c8c100; }
p { margin: .5em 0 .5em 0; padding: 0; line-height: 1.8em; }

ul { margin: 0 0 0 2em; padding: 0; list-style-type: none; }
li { margin: 0; padding: 1em 0 1em 0; list-style: none; }

img.picA { position: relative; top: -2px; background: url('images/a47.gif') no-repeat; width: 76px; height: 74px; padding: 8px; }
img.floatleft { float: left; margin: 0px 14px 3px 0px; }

img.pic1
{
position: relative;
top: -2px;
background: url('../img/img_border.png') no-repeat;
width: 64px;
height: 62px;
padding: 4px;
}

img.floatright1
{
float: right;
margin: 6px 14px 3px 0px;
}


blockquote { background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; color: #333; display: block; font-size: 0.9em;
    margin-bottom: 1.2em; padding: 6px 12px; }
blockquote p {padding: 3px 0;}

/* CONTAINER */
#container { background: url(img/bgcontainer.png) repeat-y; margin: 0 auto; margin-top: 2em; width: 840px; border: 12px solid #222; overflow: hidden; }
.container-bottom { margin: 0 auto; width: 840px; overflow: hidden; }

/* STRUCTURE */
#header { float: left; width: 640px; overflow: hidden; }
#history { float: right; width: 180px; color: #CCC; padding: 10px; overflow: hidden; }
#page { float: left; width: 440px; padding: 20px; overflow: hidden; }

/* SUB NAVIGATION */
.subnav { float: left; width: 160px; }
.subnav h1 { background: #222; color: #FFE; font: bold 1.1em Verdana,sans-serif; line-height: 24px; padding-left: 8px; margin: 0; padding: 0; }
.subnav ul { margin: 0; padding: 0; }
.subnav li { border-bottom: 1px solid #696755; list-style: none; margin: 0; padding: 0; }
.subnav li a { background: #89866F;	color: #111; display: block; padding: 8px 0 8px 12px; width: 148px; text-decoration: none; }
.subnav li a:hover { background: #9C997C; color: #000; }

/* FOOTER */
#footer { width: 98%; background-color: #353535; padding: 1em 2% 1em 0; font-size: .8em; color: #CCCCCC;  text-align: right; overflow: hidden; }

/* DEVELOPMENT-NOTICE */
#development-notice { width: 100%; padding: 3em 0 2em 0; text-align: center; font-size: .75em; overflow: hidden; }
#development-notice a { text-decoration: none; color: #bcbcbc; }
#development-notice p { line-height: 1.3em; }
#development-notice img { margin: 0; padding: 0; }
#development-notice p.text { float: left; width: 25%; margin: 0; padding: 0 1% 0 28%; text-align: right; color: #bcbcbc; border-right: solid .1em #bcbcbc; }
#development-notice p.logo { float: left; width: 44%; margin: 0; padding: 0 0 0 1%; text-align: left; }