/* CSS reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style: square; }
q:before, q:after { content:''; }
/* end reset */


body {
    background: #666767 url(images/img01.jpg);
	font: normal 13px Arial, Tahoma, Helvetica, sans-serif;
    color: #333333;}

ol, ul {
    line-height: 120%;}
p {
    margin-top: 20px;
    line-height: 140%;}
a {
    color: #420F00;
    text-decoration: underline;}
a:hover {
    color: #FF9933;
	text-decoration: none;}

#wrapper {
	width: 780px;
    margin: 0 auto;
    background: #FFFFF8;
    color: #330B00;}


/* Start Banners */
 #banner {
    color: #FFFFFF;
    width: 760px;
    padding: 10px;}
.banner1 {
    float: left;
    width: 200px;
    height: 100px;
    background-image: url(images/block1.jpg);
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 7px;}
.banner1 h2 {
    font-family: Georgia, Arial, "Times New Roman", Times, serif;
    padding: 22px 0 0 0;
    font-weight: normal;
    font-size: 38px;}
.banner1 h3 {
    font-size: 12px;
    letter-spacing: normal;
	font-style: italic;}
.banner1 a {
	text-decoration: none;
	color: #FFFFFF;}
.banner2 {
    float: right;
    width: 555px;
    height: 100px;
    margin: 0 0 7px 5px;
    padding: 0;}

/* Menu */
#menu {
    clear: both;
    width: 760px;
    height: 30px;
    background-image: url(images/strip.jpg);
    margin: 0 0 0 10px;}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;}
#menu li {
	display: inline;}
#menu a {
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 7px 15px 8px 20px;
	text-decoration: none;
	text-transform: uppercase;
    letter-spacing: 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;}
#menu a:hover {
	margin: 0 3px 0 0;
	color: #330B00;}
#menu .current_page a {
	margin: 0 3px 0 0;
	color: #FFFFFF;}

/* -- Content -- */
#content {
    width: 760px;
    padding: 10px;}

/* -- Introduction -- */
#info {
	float: left;
	width: 550px;}
.intro {
	padding: 30px 10px 0 10px;}
.intro .title {
	margin: 0;
    letter-spacing: 2px;
	font-size: 24px;
    color: #330B00; }
.intro .small {
	margin-top: 0;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #420F00;}
.intro .story {
    color: #330B00;
    font-size: 13px;
    letter-spacing: normal; }
.intro .dottedline {
	margin: 20px 0 -10px 0;
	border-top: 1px dotted #939A3C;
	color: #999999; }

/* -- Navigation -- */
#nav {
	float: right;
	width: 200px;
    padding-top: 10px;}
#block1 {
	float: Right;
	margin-left: 10px;}
#block2 {
	float: Right;
	margin-left: 10px;
    margin-top: -10px;}
.boxed {
	width: 190px;
	margin: 0 0 10px 0;
	padding: 0;
    background-image: url(images/ltbu.jpg);
    background-repeat: repeat;}
.boxed .heading {
	margin: 0;
	padding: 8px 15px;
	background: url(images/button.jpg) no-repeat;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.boxed .content {
	margin: 0;
	padding: 5px 15px 10px 5px;}
.boxed ul {
    list-style: none;}
.boxed li {
	padding: 3px 0;
    border-bottom: 1px dotted #1F1F21;
    color: #330B00;}
.boxed a {
	padding-left: 10px;
	background: url(images/arrow.gif) no-repeat left center;
    margin-left: 0px;
	text-decoration: none;}
.indent {
    margin-left: 10px;}
.boxed li.last {
    border-bottom: none}
/* -- End Content -- */


 /* Footer -- */
#footer {
	clear: both;
    width: 770px;
    padding: 20px 5px 0 5px;}
#footer .text{
    margin: 0 0 0 10px;
    padding: 10px 0 0 0;
    width: 760px;
    border-top: 1px #330B00 solid;
    font: normal .8em Arial, Tahoma, Helvetica, sans-serif;}
#footer P{
    margin: 0;}