/*
Design by PeBecker
*/

*  { margin: 0; padding: 0 }

body        { color: black; font: italic 14.2px "italic bold 100%", "Times New Roman", Times, serif; background: #f96 url(images/img01.gif) repeat-x; margin: 20px 0 }

h1, h2, h3   { color: black }

h1    { color: #900; font: italic bold 197% "Times New Roman", Times, serif; margin: 0; padding: 0 }

h2  { color: #900; font-size: 107% }

h3  { color: #900; font-size: 77%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em }
h4  { color: black; font-size: 75% }
p, blockquote, ol, ul  { font-size: 107%; line-height: 167%; text-align: left; margin-bottom: 1.5em }

blockquote   { color: #900; font: italic bold 100% "Times New Roman", Times, serif; background: url(images/img11.jpg) no-repeat; text-align: left; padding: 15px 0 0 20px }

ol {
	list-style-position: inside;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 20px;
	background: url(images/img09.jpg) no-repeat left center;
}

a  { color: black; text-decoration: none }

a:hover    { color: maroon; text-decoration: underline }

/* Logo */

#logo {
	width: 760px;
	height: 180px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: url(images/img02.jpg) no-repeat;
}

#logo h1 {
	margin: 0;
	padding: 110px 0 0 120px;
	text-transform: lowercase;
	letter-spacing: -1px;
	font: normal 36px "Times New Roman", Times, serif;
	font-style: italic;
}

#logo h2 {
	margin: -7px 0 0 0;
	padding: 0 0 0 155px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 7px;
	font-weight: bold;
	
}

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

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	background: url(images/img03.jpg) repeat-y;
}

/* Content */

#content    { background: url(images/img04.gif) no-repeat; padding: 0 0 0 95px; width: 400px; float: left }

#content .title {
	padding: 10px 10px 10px 50px;
	background: url(images/img07.gif) no-repeat 20px 50%;
}

#content .content {
	padding: 20px 20px 1px 20px;
	background: url(images/img08.gif) repeat-x;
}

#welcome {
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url(images/img10.jpg) no-repeat center bottom;
}

.floating-box  { font-size: 85%; margin: 0 20px; width: 360px; float: left }

.floating-box .heading {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: url(images/img08.gif) repeat-x left bottom;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img   { border: solid 2px #990000 }

/* Sidebar */

#sidebar {
	float: right;
	width: 160px;
	padding: 0 80px 0 20px;
	background: url(images/img05.gif) no-repeat right top;
}

#sidebar h2 {
	margin-bottom: 1em;
}

#sidebar blockquote {
}

#sidebar blockquote p {
}

#links {
}

#links ul {
}

#links li {
}

#links a {
}

/* Menu */

#menu {
	padding-top: 20px;
}

#menu ul {
}

#menu li {
}

#menu a {
}

#menu a:hover {
}

#menu b {
}

/* Footer */

#footer   { background: #f96 url(images/img06.gif) no-repeat; margin: 0 auto; width: 760px; height: 50px }

#footer p  { font-size: 85%; margin: 0 }

#footer .links   { color: #900; padding: 16px 0 0 97px; float: left }

#footer .legal  { color: #900; padding: 16px 62px 0 0; float: right }

#footer a  { color: #900 }