/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html { height: 101%; }
/* Defaults */
img { border: 0; }
a { text-decoration: none; }
p { margin-bottom: 10px; line-height: 18px; }
.clear { clear: both; height: 1px; }

/* Body */
body { background-color: #cccfd4; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

/* Container */
#container { width: 961px; margin: 0 auto; background-color: #fff; border-bottom: 10px solid #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; }

/* Header */
#header { width: 961px; height: 300px; background: url(../images/header.jpg) no-repeat; }
#header .error { float: right; padding: 10px; width: 200px; background-color: #FFFFCC; margin: 250px 10px 0 0; text-align: center; color: #333; }

/* Top */
#top { height: 155px; background-color: #222f71; }
#top .left { float: left; width: 700px; }
#top .left p { color: #fff; width: 420px; margin: 15px 0 0 235px; }
#top .right { float: right; width: 247px; height: 155px; background: url(../images/top.jpg) no-repeat; }
#top .right h3 { color: #fff; font-size: 15px; margin: 10px 0 0 10px; }
#top .right form { margin: 15px 0 0 15px; }
#top .right form p { margin: 0.4em; clear: both; font-size: 12px; }
#top .right form a { color: #fff; font-style: italic; }
#top .right form label { float: left; width: 70px; color: #fff; }
#top .right form input.text { border: 1px solid #adb6ad; width: 140px; }
#top .right form input.submit { border: 1px solid #adb6ad; color: #333; background-color: #fff; font-size: 12px; padding: 3px; }

/* Contents */
#contents { width: 961px; background-color: #fff; }
#contents img { float: right; margin: 20px 50px 0 0; }
#contents .note { clear: both; padding: 0 0 20px 235px; background: #DFE1DE url(../images/note.jpg) repeat-x; }
#contents .note p { color: #636466; width: 450px; font-size: 11px; line-height: 16px; }
#contents .note a { color: #9eb2c4; }
#contents .note .terms p { line-height: 13px; }
#contents .note .terms p.small { font-size: 9px; color: #636466; margin-bottom: 0; line-height: 13px; }

/* Accordion */
#accordion { float: left; width: 470px; margin: 20px 0 20px 235px; }
#accordion h3 { font-size: 13px; padding: 5px 0 5px 5px; outline: none; border-bottom: 2px solid #ccc; margin-bottom: 10px; background: #DADADA; }
#accordion h3 a { color: #394769; outline: none; }
#accordion h3 a:hover { color: #333; outline: none; }
#accordion div { padding: 5px 0 5px 0; }
#accordion p { color: #636466 !important; }
#accordion .arrow-down { float: right; width: 24px; height: 24px; background: url(../images/arrow-down.jpg) no-repeat; margin: -4px -28px 0 0; }
#accordion .arrow-right { float: right; width: 24px; height: 24px; background: url(../images/arrow-right.jpg) no-repeat; margin: -4px -28px 0 0; }

/* Password reminder */
#reminder { background-color: #fff; padding: 20px 0 20px 235px; }
#reminder p { color: #636466; }
#reminder p.error { color: #ff0000; }
#reminder a { color: #394769; font-weight: bold; }

/* Bottom */

#bottom { width: 981px; margin: 0 auto; padding: 10px 0 20px 0; background-color: #222f71;}
#bottom .left { float: left; color: #fff; font-size: 11px; margin-left: 10px;}
#bottom .right { float: right; color: #fff; font-size: 11px; }
#bottom .right a { color: #FFF; margin-right: 8px;}
#bottom .right a:hover { color: #fff; }