/* Base Styles */
body, input, textarea, select { font-family: Arial, Helvetica, Verdana; font-size: 12px; }
body { margin: 0px; padding: 0px; }

body { color: #353535; background: #f5fafe url('/images/bgBody.jpg') top center repeat-x; }

a { color: #1809df; text-decoration: none; }
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 }

/* Header */
#header { background: url('/images/bgHeader.jpg') top left no-repeat; width: auto; height: auto; }

#header .left { float: left; width: 40%; margin: 50px 0 0 0; padding: 40px 0 0 50px; }
#header .right { float: right; width: 40%; margin: 10px 0 0 0; padding: 0 50px 0 0; text-align: right; }

/* Container */
#menu { width: 100%; height: 31px; margin: 10px 0 0 0; background: url('/images/bgMenuBody.jpg') top center repeat-x;}

#menu ul { list-style: none; margin: 0px; padding: 0px; width: 890px; height: auto; margin: 0 auto 0 auto; border-left: #379acf 1px solid; border-right: #7cccf4 1px solid; }
#menu ul li { float: left; margin: 0px; height: 22px; padding: 7px 15px 0 15px; border-right: #379acf 1px solid; border-left: #7cccf4 1px solid; }

#menu a { font-weight: bold; color: #ffffff; }

/* Container */
#container { width: 994px; height: auto; margin: 20px auto 0 auto; }

/* Content */
#content { float: right; width: 680px; height: auto; padding: 0 0 0 30px; background: url('/images/bgContent.png') left top no-repeat; }

#content p { padding: 15px 0 0 0; margin: 0; }

#content a { color: #1a69c3; font-weight: bold }
#content a:hover { text-decoration: underline }

#content h1, #content h2, #content h3, #content h4 { font-weight: bold; font-family: Georgia, Arial, Helvetica; }

#content h1 { padding: 0px; margin: 0px; font-size: 24px; color: #0b4fb7 }
#content h2 { padding: 15px 0 0 0; margin: 0px; font-size: 18px; color: #1a69c3 }

#content h1 img { vertical-align: middle;  margin: 0 10px 0 0; padding: 0px; }\

/* Content */
#side { float: left; width: 280px; height: auto; }

#side h2 { padding: 20px 0 0 0; margin: 0px; font-size: 20px; font-weight: bold; font-family: Georgia, Arial, Helvetica; }
#side h2 img { vertical-align: middle; margin: 0 10px 0 0; padding: 0px; }

#side .nopad { padding: 0px; }

#side ul { padding: 0px; margin: 15px 0 0 0; list-style: none }
#side ul li { width: 220px; height: 18px; margin: 5px 0 0 20px; padding: 5px 0 0 30px; background: url('/images/bgSideLi.jpg') center center no-repeat; }

#side ul li a { color: #353535; }

#side #dvd { width: 280px; height: 235px; border: 1px solid #a6d0f9; }

#side dl { padding: 15px 0 0 0; margin: 0px; width: 300px; }
#side dt { clear: both; float: left; padding: 5px 0 0 0; margin: 0px; color: #3388be; width: 70px; font-weight: bold; }
#side dd { float: left; padding: 0px; padding: 5px 0 0 0; margin: 0px;  margin: 0px; width: 200px; }

#side .small { font-size: 11px }

/* Footer */
#footer { background: url('/images/bgFooter.jpg') top center repeat-x; width: 100%; height: 130px; margin: 20px 0 0 0; text-align: center; color: #ffffff; }

#footer ul { padding: 20px 0 0 0; margin: 0px; list-style: none; margin: 0 auto 0 auto; width: 820px; }
#footer ul li { float: left; padding: 0 20px 0 20px; }

#footer ul li a { font-weight: bold; }

#footer a { color: #ffffff; }
#footer a:hover { text-decoration: underline }

#footer p { padding: 10px 0 0 0; margin: 0px; }

#footer .pad { padding: 20px 0 0 0; }

#footer .small { font-size: 11px }