﻿/************* PAGE *************/
body { margin: 0; padding: 0; border: 0; font-family: helvetica, verdana, arial, tahoma, sans-serif; font-size: 85%; background: #000000 url('../images/bkg.jpg') repeat-x; line-height: 175%; color: #000000; text-align: center; }
#page { margin: 0 auto; padding: 0; margin-top: 10px; margin-bottom: 10px; width: 976px; text-align: left; }
#wrapper { margin-top: -5px; padding: 0; border-left: 1px solid black; border-right: 1px solid black; background: #fff; }
/************* MENU *************/
#menu { margin-top: 20px; float: left; width: 245px; font-family: 'Lucida Grande', Arial, sans-serif; font-weight: bold; margin-left: -10px; }
* html #menu { w\idth: 238px } /*IE 6 only */
/*Box model bug: 180px minus all left and right paddings for #menu */
#menu ul { list-style: none; margin: 0; padding: 0; border: none; }
#menu li { margin: 0 }
 #menu li a { display: block; padding: 5px 8px 5px 8px; text-decoration: none; width: 100%; text-align: center; background-image: url('../images/normal.png'); background-repeat: no-repeat; background-position: 22px; }
html>content #menu li a { width: auto } /*Non IE6 width*/
#menu li a:hover, .active, .active:hover { background-image: url('../images/hover.png'); background-repeat: no-repeat; background-position: 22px; }
/************* CONTENT *************/
#content { float: left; margin-top: 15px; width: 700px; border-left: 1px solid black; padding: 10px; min-height: 450px; }
 #content h1 { letter-spacing: 6px; border-bottom: 1px solid black; padding: 6px 0px; margin-top: -5px; font-size: 175%; }
 #content h2 { letter-spacing: 5px; border-bottom: 1px solid black; padding: 6px 0px; margin-top: -5px; font-size: 150%; }
 #content h3 { letter-spacing: 4px; border-bottom: 1px solid black; padding: 6px 0px; margin-top: -5px; font-size: 125%; }
 #content h4 { letter-spacing: 3px; border-bottom: 1px solid black; padding: 6px 0px; margin-top: -5px; font-size: 100%; }
 #content img { padding: 3px; border: 2px black solid; }
blockquote { padding-left: 10px; font-style: italic; border-left: 8px solid #A0D900; background-color: #E8E8E8; }
a:active, a:visited, a:link { color: #00BFF3; text-decoration: none; }
a:hover { color: black; text-decoration: none; }
/************* FOOTER *************/
#footer { position: relative; width: 800px; margin: 0 auto; top: 22px; border-top: 1px solid black; height: 30px; clear: both; }
 #footer p { text-align: center; font-size: 10pt; }
 
.center {text-align: center; margin: 0 auto;}
.hide {visibility: hidden; display: none;}
.right {float:right}
.left {float:left}
