body { margin: 0; background: #CCC; line-height: 1.6em; font-family: 'Lucida Grande', 'Lucida Sans Unicode', lucida, arial, helvetica, sans-serif; font-size: 90%; }

h1,h2,h3,h4,h5,ul,li,p { margin: 0; padding: 0; }

h1,h2,h3 { font-weight: normal; color: #004080; }

h1 { margin: 0.8em 0; }
h2 { margin: 1.4em 0 0.2em 0; }
h3 { margin: 1em 0 0.2em 0; }

p { margin: 0.8em 0; }

hr { display: none; }

#header { height: 120px; position: relative; }

#logo { margin: 0; padding: 0.7em 0 0.8em 1em; }
#logo a { text-decoration: none; }

#content { width: 880px; margin: 0 auto; background: #FFF; }

#content-main:after { content: '.'; height: 0; display: block; visibility: hidden; clear: both; }

#footer { width: 880px; margin: 0 auto; font-size: 0.8em; text-align: center; clear: both; }

#content-main { padding: 2em; }
#content-main ul { padding-left: 1.3em; }

#nav-top { display: block; list-style: none; position: absolute; right: 1em; top: 1em; }
#nav-top li { display: inline; }

#nav-global { width: 100%; display: block; padding: 0.6em 0; list-style: none; background: #004080; position: absolute; left: 0; bottom: 0; }
#nav-global li { padding: 1em 0.3em; display: inline; }
#nav-global li a { padding: 0.3em 0.8em; text-decoration: none; color: #FFF; }

#nav-global #nav-how { padding-left: 1.2em; }

#nav-global #nav-account { }
#nav-global #nav-account a { background: #FFF; color: #004080; }

#nav-bottom { list-style: none; }
#nav-bottom li { padding: 0 0.8em; display: inline; }

#billboard { padding: 1em 2em; background: #CECEFF; }

#main { width: 70%; float: left; }
#sub { width: 30%; float: right; }

/* Home
-------------------------------------*/

#home { }
#home #billboard { padding: 0; width: 100%; height: 200px; }

#home #sub { width: 100%; float: none; }
#home #sub .col { width: 33%; float: left; font-size: 0.8em; line-height: 1.4em; }
#home #sub .col .inner { padding: 0 1em; }

/* Account
-------------------------------------*/

#account #sub ul { list-style: none; }

/* Table
-------------------------------------*/

.basic-table { width: 100%; margin: 0 auto; }
.basic-table thead th { border-bottom: 1px solid #CCC; }
.basic-table td { padding: 0.3em 0.8em; border-bottom: 1px solid #EEE; }

/* DL
-------------------------------------*/

.basic-dl { }
.basic-dl dt, .basic-dl dd { display: block; margin: 0; padding: 0.4em 0; ; float: left; }

.basic-dl dt { width: 30%; font-weight: bold; clear: left; }
.basic-dl dd { padding-left: 1em; }

.basic-dl-center { }
.basic-dl-center dt, .basic-dl-center dd { display: block; margin: 0; padding: 0.4em 0; ; float: left; }

.basic-dl-center dt { width: 30%; font-weight: bold; text-align: right; clear: left; }
.basic-dl-center dd { padding-left: 1em; }

/* Forms
-------------------------------------*/

.basic-form { }
.basic-form p { padding: 0.2em 0.6em 0 0.6em; }
.basic-form label { display: block; font-size: 1em; font-weight: bold; }

.basic-form .text-field { width: 100%; }

.basic-form .help-text { display: block; font-style: normal; font-size: 0.7em; color: #666; }

.errorlist { padding: 1em 2em; border: 1px solid #f00; background-color: #FCC; color: #f00; }
.errorlist li { margin-left: 1em; }

.error-text { color: #f00; }

/* Activities
--------------------------------------*/

.headline { color: #666; }

.title { margin: 1.6em 0 0.2em 0; padding-bottom: 0.8em; display: block; clear: both; border-bottom: 2px solid #EEE; letter-spacing: -2px; font-size: 2em; }

.activities { padding-bottom: 2em; list-style: none; padding-right: 3em; }
.activities li { clear: both; }
.activities li .icon { margin-right: 1em; float: left; }
.activities li h3 { padding-top: 1.4em; font-size: 1.8em; }
.activities li h3 a { color: #000; }

/* Prizes
---------------------------------------*/

#prizes { }

.prize { width: 25%; float: left; text-align: center; }

/* Common
---------------------------------------*/

.alert { color: #008000; background: #CDE9C7; padding: 1em 2em; text-align: center; border: 1px solid #71AD5F; }
.alert a { color: #008000; }

.clear { display: block; clear: both; }