@charset "ISO-8859-1";

/* (c) - roeh -  */


* {
 margin: 0;
 padding: 0;
}

body {
 background: #E3E3E6 url(images/pagebg.gif) repeat-x;
 direction:ltr;
 font: normal 76% Arial, Helvetica, sans-serif;
 color: #505058;
}

h1, h2, h3 {
 color: #505058;
}

h1 {
 margin-bottom: 1.5em;
 font-size: 1.8em;
 font-weight: normal;
 letter-spacing: -2px;
}

h2 {
 margin-bottom: 0.8em;
 font-size: 1.3em;
 font-weight: bold;
 letter-spacing: -1px;
}

h3 {
 margin-bottom: 0.9em;
 font-size: 1.2em;
 font-weight: normal;
}

h4 {
 margin-bottom: 0.8em;
 font-size: 1em;
 font-weight: bold;
}

img {
 border: 0;
 margin-bottom: 5px;;
}

p, ol, ul {
 margin-bottom: 1.5em;
 text-align: justify;
 line-height: 1.6em;
 font-size: 1em;
}

blockquote {
 margin-left: 2em;
 margin-bottom: 1.5em;
 text-align: justify;
 line-height: 1.5em;
 font-size: 1em;
}

ol {
 margin-left: 2em;
}

ul {
 list-style: none;
}

ul li {
 padding-left: 1em;
 background: url(images/link.gif) no-repeat left center;
}

a {
 text-decoration: none;
 color: #727d72;
}

a:hover {
 text-decoration: underline;
 color: #5d5e5d;
}

#menu {
 width: 759px;
 height: 40px;
 padding: 20px 0 0 0;
 margin: 0 auto;
 background-color: #ffffff;
 border-right: 1px solid #ffffff;
}


/* navigation */

#nav, #nav ul {
 float: left;
 list-style: none;
 font-weight: bold;
 padding: 0;
 margin: 0;
}
 
#nav a {
 display: block;
 height: 24px;
 padding: 8px 20px 8px 20px;
 font-size: 1em;
 font-weight: bold;
 border-left: 1px solid #adaead;
 color: #3d3e3d;
}

#nav a:hover {
 background-color: #e7e3e7;
 text-decoration: none;
 color: #3d3e3d;
}

#nav a.active {
 background-color: #e7e3e7;
 text-decoration: none;
 color: #3d3e3d;
}

 
#nav li {
 float: left;
 padding: 0;
 background: none;
 width: 120px;
}

#menu b {
 text-decoration: underline;
}
 
#nav li li {
 width: 120px;
}
 
#nav li:hover {
 background: transparent;
 color: #FFFFFF;
}


/* header */

#logo {
 width: 759px;
 height: 180px;
 margin: 0 auto;
 border-right: 1px solid #ffffff;
 background: #5d5e5d url(images/logo.jpg) no-repeat left center;
}

#logo h1 {
 margin: 0;
 padding: 110px 5px 5px 0;
 text-align: right;
 letter-spacing: 1px;
 font-size: 2.1em;
}

#logo h2 {
 margin: 0;
 padding: 0 7px 0 0;
 text-align: right;
 letter-spacing: 1px;
 font-size: 1.2em;
 font-weight: normal;
 font-style: italic;
}

#logo a {
 text-decoration: none;
 color: #edeeed;
}

/* content */

#page {
 width: 739px;
 margin: 0 auto;
 border-left: 20px solid #555855;
 border-right: 1px solid #ffffff;
}

#content {
 float: left;
 width: 430px;
 padding: 50px 20px 20px 30px;
}

#content .alt {
 margin: 8px 0;
}

#sidebar {
 float: right;
 width: 210px;
 padding: 40px 20px 20px 20px;
}

#links {
 padding-top: 5px;
}

#links ul {
 border-bottom: 1px solid #ffffff;
}

#links li {
 padding: 5px 0;
 border-top: 1px solid #ffffff;
}

#links a {
 padding-left: 1em;
 background: url(images/link.gif) no-repeat left center;
}

#sidebar blockquote {
 margin-left: 0;
 margin-top: 10px;
 padding-left: 1em;
 border-left: 1px solid #8d8e8d;
}

#sidebar p {
 text-align: left;
}

#sidebar .banner {
 padding-top: 2.5em;
 padding-left: 1em;
}

#footer {
 height: 40px;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
}

#footer .wrapper {
 width: 759px;
 margin: 0 auto;
 border-right: 1px solid #ffffff;
}

#footer .links {
 float: left;
 width: 448px;
 height: 29px;
 padding: 11px 30px 0 30px;
 background-color: #FFFFFF;
 border-left: 20px solid #222522;
 border-right: 1px solid #ffffff;
 font-size: 0.9em;
}

#footer .copy {
 float: right;
 width: 190px;
 margin: 0 auto;
 height: 29px;
 padding: 11px 20px 0 20px;
 background-color: #222522;
 text-align: right;
 font-size: 0.9em;
 color: #FFFFFF;
}

/* end */