/*ELEMENTS*/
body  { font-size: 8pt; font-family: Georgia, Times, serif; line-height: 12pt; background-color: #fff; text-align: center; margin: 0; padding: 0 }
p  { color: #444; font-size: 10pt; line-height: 13pt; margin: 10px 0 0; padding: 0 }
h1  { color: #444; font-size: 12pt !important; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 15pt; word-spacing: 2px; letter-spacing: 2px; margin-top: 5px; margin-bottom: 5px !important; padding: 0 }
h2  { color: #888; font-size: 9pt; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 12pt; text-transform: uppercase; margin: 0; padding: 0 }
h3 { font-size: 10pt; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 13pt; word-spacing: 1px; letter-spacing: 1px; margin: 5px 0 0; padding: 0 }
h4  { color: #666; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 11pt; margin: 0; padding: 0 }
h5   { color: #888; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 10pt; margin: 10px 0 0; padding: 0 0 15px }
h6 { color: #555; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 9pt; margin: 10px 0 0; padding: 0 }
a:link   { color: #555; text-decoration: none; margin: -4px -3px -3px -4px; padding: 4px 3px 3px 4px }
a:visited   { color: #555; text-decoration: none; margin: -4px -3px -3px -4px; padding: 4px 3px 3px 4px }
a:hover   { color: #222; text-decoration: none; background-color: #eee; margin: -4px -3px -3px -4px; padding: 4px 3px 3px 4px }
input, select, textarea { color: #555; font-size: 11px; font-family: verdana, arial; line-height: 13px; background-color: #fff; margin-top: 4px; padding: 1px 2px; border: solid 1px #666 }
ul { margin: 0; padding: 0 }
#header ul { margin-top: 20px }
#header li { font-size: 10pt; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; list-style-type: none; list-style-position: inside; display: inline; margin-right: 20px; margin-left: 20px }
#footer li { font-size: 8pt; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; list-style-type: none; list-style-position: inside; display: inline; margin-right: 10px; margin-left: 10px }
table { display: table }
tr { display: table-row; border-top: 1px solid #ddd }
td { display: table-cell; padding: 4px; }
/*PAGE LAYOUT*/
#page  { text-align: left; margin: 25px auto 50px; padding: 0; width: 650px }
#header { text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ddd }
#sidebar   { margin-top: 40px; margin-right: 20px; width: 125px; height: 300px; float: left }
#content  { margin: 0; padding-top: 15px; padding-bottom: 35px; width: 500px; float: left }
#footer { text-align: center; padding-top: 20px; clear: both; border-top: 1px solid #ddd }
#sidebar h3  { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10pt; margin: 0; padding: 5px 0 10px }
#sidebar ul { color: #555; font-size: 9pt; font-family: Helvetica, Arial, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0 }
#sidebar li { list-style-type: none; margin: 0; padding: -5px 0 }
#sidebar a  { background-color: #fc9; display: block; margin-bottom: 5px; padding: 5px }
#sidebar a:hover  { background-color: #ffe6cd; display: block; margin-bottom: 5px; padding: 5px }
.floatleft { margin-right: 10px; float: left }
.floatright { margin-left: 10px }
.sample img { margin: 10px; float: left; clear: both }
.sample  { margin-bottom: 10px; padding-top: 5px; padding-bottom: 10px; clear: both }
.featured { background-color: #ffe6cd; margin: 10px 0 0; padding: 10px; border: solid 1px #fc9 }