/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: disc; margin-left: 15px; }
ul li ul { list-style: circle; margin-left: 15px; }
ol { list-style: decimal; margin-left: 15px; }
fieldset,img { border: none; }
caption,th { text-align: left; }

/* THE BASIC LAYOUT */
body { margin: 0 auto; text-align: center; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 8pt; line-height: 14pt; color: #555; background: #dedee0 url(../images/bg.png) top left repeat-x; }

#wrapper { margin: 0 auto; position: relative; width: 980px; text-align: left; }
#header { height: 110px; }
#main_nav { height: 50px; margin: 0; padding: 0; }
#main_nav li { float: left; }
#main_nav a { display: inline-block; height: 37px; padding: 13px 34px 0 34px; }
#sub_nav { float: right; }
#sub_nav li { display: inline; }
#container { background: #fff; border: 1px solid #f2f2f2; padding: 15px; }
#main_content { width: 720px; padding-right: 14px; border-right: 2px dotted #eee;}
#sub_content { float: right; }
#footer { margin-bottom: 15px; }

/* TEXT */
p { margin-bottom: 14pt; }
h1 { font-size: 14pt; margin-bottom: 10px; color: #B62025; }
h2 { font-size: 12pt; margin-bottom: 10px; color: #153367; }
h3 { font-size: 10pt; margin-bottom: 10px; color: #333; }
h4 { font-size: 10pt; margin-bottom: 10px; color: #B62025; }
h5 { font-size: 10pt; margin-bottom: 10px; color: #153367; }
a { color: #153367; }
a:hover { color: #B62025; }
#main_nav { list-style: none; }
#main_nav a { font-size: 10pt; color: #fff; text-transform: uppercase; text-decoration: none; }
#main_nav a:hover { background: transparent url(../images/main_nav[hover].png) top left repeat-x; }
#main_nav a.active { background: transparent url(../images/main_nav[active].png) top left repeat-x; }
#sub_nav a { padding-left: 15px; font-size: 8pt; text-transform: uppercase; text-decoration: none; }
#sub_nav a:hover { text-decoration: underline; }
#main_content ul { margin: 0 0 15px 30px; }
#sub_content h2 { font-size: 9pt; color: #fff; text-transform: uppercase; }
.box, .box p { font-size: 7pt; line-height: 10pt; }
.box li { margin-bottom: 15px; }
label.required { font-weight: bold; color: #000; }
#copyright { font-size: 7pt; }

/* GRAPHIC ELEMENTS */
#logo { float: left; clear: left; background: transparent url(../images/logo.gif) top left no-repeat; width: 240px; height: 100%; }
#logo span { display: none; }
#tagline { float: right; clear: right; background: transparent url(../images/tagline.gif) top right no-repeat; width: 450px; height: 100%; }
#sub_content h2 { background: transparent url(../images/heading[red].png) top left no-repeat; margin: 0; padding: 18px 0 0 44px; width: 156px; height: 38px; }
.box { background: #fafafa; border: 1px solid #f2f2f2; top: 54px; margin: 0 4px 15px 4px; padding: 10px 15px 0 15px; width: 160px; }
input.button, input.button_on { font-size: 10px; color: #fff; height: 42px; padding: 0 5px 3px 5px; border: transparent 0 solid; cursor: pointer; }
input.button { background: transparent url(../images/button.png) top left no-repeat; width: 140px; }
input.button_on { background: transparent url(../images/button.png) bottom left no-repeat; width: 140px; }