@import url(reset.css);

body { background: #E3E3E6 url(../images/img01.gif) repeat-x; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333 }

h1, h2, h3 { margin-bottom: .5em; color: #313131 }
h1 { font-size: 175%; font-weight: normal; letter-spacing: -2px }
h2 { font-size: 140%; font-weight: normal; letter-spacing: -1px }
h3 { font-size: 120%; font-weight: bold }

p, blockquote, ol, ul, input { margin-bottom: 1.5em; text-align: justify; line-height: 200%; font-size: 100% }
p.address { text-align: center }

.small { font-size: 85% }
.strong { font-weight: bold }

blockquote { margin-left: 2em }
ol { margin-left: 2em }
ul { list-style: none }
ul li { margin-left: 2em; list-style-image: url(../images/img07.gif) }

td { vertical-align: top }

a:link, a:visited { text-decoration: none; color: #090 }
a:hover { text-decoration: underline; color: #090 }

/* Menu */
#menu { width: 740px; height: 60px; margin: 0 auto; border-left: 20px solid #080 }
#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { padding: 0; display: inline; background: none }
#menu a { display: block; float: left; height: 40px; padding: 20px 20px 0 20px; font-size: 92%; font-weight: bold }
#menu a:hover { background: #090; text-decoration: none; color: #fff }
#menu b { text-decoration: underline }

/* Logo */
#logo { width: 760px; height: 320px; margin: 0 auto; background: #010100 url(../images/img02.jpg) }
#logo h1, #logo h2 { display: none }
#logo a { text-decoration: none; color: #fff }

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

/* Content */
#content { float: left; width: 440px; padding: 20px 30px 20px 50px }
#welcome { margin-bottom: 20px; padding-bottom: 1px; background: url(../images/img04.gif) repeat-x left bottom }

.floating-box { float: left; width: 210px }
.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul { line-height: 144%; font-size: 92% }
.floating-box img { border: 5px solid #fff }

/* Sidebar */
#sidebar { float: right; width: 200px; padding: 20px }
#sidebar blockquote { margin-left: 0; padding-left: 1em; background: url(../images/img09.gif) no-repeat right bottom; border-left: 5px solid #080 }
#sidebar blockquote p { text-align: left; line-height: normal; font-style: italic }

#links {  }

#links ul { background: url(../images/img04.gif) repeat-x left bottom }
#links li { padding: 5px 0; background: url(../images/img04.gif) repeat-x left top }
#links a { padding-left: 1em; background: url(../images/img08.gif) no-repeat left center; color: #080 }

/* Footer */
#footer { height: 50px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#footer .wrapper { width: 760px; margin: 0 auto }
#footer .links { float: left; width: 440px; height: 34px; padding: 16px 30px 0 30px; background: #fff; border-left: 20px solid #010100; font-size: 85% }
#footer .legal { float: right; width: 220px; height: 34px; margin: 0 auto; padding: 16px 20px 0 0; background: #080; text-align: right; font-size: 85%; color: #fff }