/* Base Styles */
body, input, textarea, select { font-family: Arial, Helvetica, Verdana; font-size: 12px; }
body { margin: 0px; padding: 0px; }

body { background: #a0afd8 url('/images/bgBody.jpg') top center repeat-x; color: #666666; }

a { color: #005aaa; text-decoration: none; font-weight: bold; }
a:hover { }

img { border: 0px; padding: 0px; margin: 0px; }

/* Form hack */
form { padding: 0px; margin: 0px; }

/* Formatting hack */
.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

/* Generic Styles */
.center { text-align: center }
.left { float: left }
.right { float: right }

/* Container */
#container { width: 805px; height: auto; background: url('/images/bgContainer.jpg') top center repeat-y; margin: 20px auto 0 auto; }

/* Subcontainer */
#subcontainer { width: 100%; height: auto; background: url('/images/bgSubContainer.jpg') top center no-repeat; }

/* header */
#header { width: 100%; height: 160px; text-align: right; }

#header dl { width: 290px; height: auto; padding: 40px 30px 0 0; margin: 0px; font-weight: bold; font-size: 11px; }
#header dt { clear: both; float: left; width: 100px; height: auto; padding: 2px 0 0 0; margin: 0px; }
#header dd { float: left; width: 180px; height: auto; padding: 2px 0 0 0; margin: 0px; }

/* Content */
#content { width: 765px; height: 480px; padding: 0 20px 0 20px; }

#content h1 { color: #005aaa; padding: 10px 0 0 0; margin: 0px; font-size: 20px; font-weight: bold }
#content h2 { color: #005aaa; padding: 10px 0 0 0; margin: 0px; font-size: 20px; font-weight: bold }

#content p { padding: 10px 0 0 0; margin: 0px; }

#content dl { width: 360px; height: auto; padding: 0px; margin: 0px; }
#content dt { clear: both;  float: left; width: 140px; height: auto; padding: 10px 0 0 0; margin: 0px; }
#content dd { float: left; width: 220px; height: auto; padding: 10px 0 0 0; margin: 0px; }

#content ul { padding: 5px 0 0 30px; margin: 0px; list-style: none; }
#content li { padding: 5px 0 0 20px; margin: 0px; background: url('/images/liContent.jpg') center left no-repeat; }

#content .left { width: 370px; padding: 0 15px 0 0; }
#content .right { width: 370px; }
#content .text { width: 200px; }
#content .star { color: #ff0000; }

/* Footer */
#footer { width: 100%; height: 40px; text-align: center; background: url('/images/bgFooter.jpg') bottom center no-repeat; }

/* author */
.author { text-align: center; font-size: 10px; }
.author a { color: #666666; }

