/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {margin: 0;padding: 0}

body {margin-top: 20px;background: #404040 url(images/img01.gif) repeat-x;font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;color: #CCCCCC}

h1, h2, h3 {margin-bottom: 1em;text-transform: uppercase;color: #FFFFFF}

h1 { font-size: 2.8em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.2em; }

p, blockquote, ul, ol {margin-bottom: 1.5em;text-align: justify;line-height: 1.8em}

blockquote, ul, ol {margin-left: 3em}

blockquote {margin-right: 3em}

a {color: #CCCCCC}

a:hover {text-decoration: none;color: #FFFFFF}

img { border: none; }

img.left {float: left;margin: 0 15px 15px 0}

img.right {float: right;margin: 0 15px 0 15px}

hr { display: none; }

.hr {}



/* Boxed */

.boxed {}

.boxed .title {margin: 0;padding: 5px 15px;background: url(images/img08.gif) no-repeat left center;text-transform: uppercase;font-size: small}

.boxed .content {padding: 15px;background: url(images/img09.gif) repeat-x}

.boxed ol, .boxed ul {margin-left: 0;list-style-position: inside}



/* Logo */

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

#logo h1 {float: right;width: 600px;margin: 0;padding-top: 1em;padding-right: 2em;text-align: right;letter-spacing: 5px;font-size: 18px}

#logo h2 {float: right;margin: 0;padding: 170px 20px 0 0;font-size: 11px}

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



/* Page */

#page {width: 760px;margin: 0 auto;background: #000000}



/* Content */

#content {float: left;width: 480px;padding: 20px;background: url(images/img03.jpg) no-repeat}

#welcome {padding-bottom: 20px}

#olist {clear: left;float: left;width: 230px}

#ulist {float: left;width: 230px;padding-left: 20px}



/* Sidebar */

#sidebar {float: right;width: 200px;padding: 20px;background: url(images/img04.jpg) no-repeat}

#sidebar blockquote {margin-left: 0;margin-right: 0}


/* Picture */

#picture {margin-left: 1em;padding-right: 1em}



/* Menu */

#menu {margin-bottom: 19px}

#menu h2 {display: none}

#menu ul {margin: 0;padding: 0;list-style: none;line-height: normal}

#menu li {display: block;padding-top: 1px;background: url(images/img07.gif) repeat-x}

#menu li.first {background: none}

#menu a {display: block;width: 165px;padding: 7px 10px 7px 25px;text-transform: uppercase;background: url(images/img08.gif) no-repeat 10px 50%;text-decoration: none;letter-spacing: 1px;font-size: x-small;font-weight: bold}

#menu a:hover {background-color: #0A0A0A}



/* Footer */

#footer {width: 760px;margin: 0 auto;padding: 20px 0;background: url(images/img05.gif) repeat-x}

#footer p {margin: 0;text-align: center;font-size: x-small;color: #000000}

#footer a {color: #000000}