@charset "UTF-8";
/* CSS Document */

body {
font:62.5% Arial, Helvetica, sans-serif;
color:#7f7164;
margin:0;
padding:0;
}

img {
border:none;
}

#header_container {
margin:0 auto;
width:818px;
}

.buffer_top {
margin-top:12px;
}


/*----general content----*/

#primary_content {
background:url(images/background_content.png) repeat-y;
margin:0 auto;
width:818px;
clear:both;
}

#primary_content a {
color:#11497a;
text-decoration:none;
}

#primary_content a:hover {
text-decoration:underline;
}

#content_left {
border-top:1px solid #b8b8b8;
padding:12px 0 12px 12px;
width:138px;
float:left;
}

#content_right {
margin-left:12px;
width:642px;
float:left;
}

#content_right .text h1 {
color:#fdba31;
margin-bottom:0;
padding-bottom:0;
}

#content_right .text p,
#content_right .text ul,
#content_right .text ol {
font-size:1.3em;
line-height:140%;
}

ol {
margin-bottom:38px;
}

ol p {
font-size:1em !important;
}

ol.alpha {
list-style-type:upper-alpha;
}

#content_right .text ul {
padding-bottom:12px;
}

#content_right .text li {
margin-bottom:8px;
}

#content_right .text .label {
text-align:right;
padding-right:12px;
width:130px;
display:block;
float:left;
}

#intro_vid {
width:320px;
float:right;
}


/*----navigation----*/

#nav {
background:url(images/background_contentcap.png) no-repeat;
height:52px;
}

#nav ul {
margin:0;
padding:4px;
}

#nav .nav_button {
background:url(images/sprite_navbuttons.png) no-repeat;
margin-right:4px;
height:31px;
overflow:hidden;
float:left;
}

#nav .nav_button a {
width:100%;
height:100%;
display:block;
}

#nav .home {
width:41px;
}

#nav .commissions,
#page_header .commissions {
background-position:0px -37px;
width:84px;
}

#nav .datafeed,
#page_header .datafeed {
background-position:0px -74px;
width:111px;
}

#nav .newsletters,
#page_header .newsletters {
background-position:0px -111px;
width:87px;
}

#nav .blog,
#page_header .blog {
background-position:0px -148px;
width:40px;
}

#nav .learning,
#page_header .learning {
background-position:0px -185px;
width:107px;
}

#nav .faq,
#page_header .faq {
background-position:0px -222px;
width:32px;
}

#nav .contact,
#page_header .contact {
background-position:0px -259px;
width:77px;
}

#nav .tncs,
#page_header .tncs {
background-position:0px -296px;
width:38px;
}

#nav .special,
#page_header .special {
background-position:0px -333px;
width:119px;
}

#page_header {
background:#11497a;
height:36px;
}

#page_header div {
background:url(images/sprite_pageheaders.png) no-repeat;
width:180px !important;
height:36px;
}


/*----footer----*/

#primary_footer {
border-top:1px solid #b8b8b8;
border-bottom:1px solid #b8b8b8;
padding:12px 0 12px 0;
}

#footer_left {
width:150px;
float:left;
}

#footer_left ul {
font-size:1.1em;
list-style-type:none;
margin:0;
padding:0 0 0 12px;
}

#footer_left li {
padding:2px 0 2px 0;
}

#footer_right {
color:#666666;
margin-left:12px;
width:642px;
float:left;
}

#footer_right p {
font-size:1.3em;
line-height:140%;
}

#footer_right h2 {
margin:0;
padding-bottom:0;
}

.post_date {
font-style:italic;
margin:0;
padding:0;
}

#sub_footer {
width:796px;
margin:0 auto;
padding:8px 0 0 0;
}

#sub_footer ul {
list-style-type:none;
margin:0;
padding:0;
}

#sub_footer li {
border-left:1px solid #b8b8b8;
margin:0 8px 0 0;
padding:0 0 0 8px;
float:left;
}

#sub_footer #copyright {
border:none;
padding:0 0 24px 0;
}

#sub_footer a {
color:#11497a;
text-decoration:none;
}

#sub_footer a:hover {
text-decoration:underline;
}
/*----contact form----*/

.ddfmwrap {
width:442px;
}

.fieldwrap {
padding-bottom:18px;
clear:both;
}

.fieldwrap label {
text-align:right;
padding-right:12px;
width:130px;
display:block;
float:left;
}

.fieldwrap img,
.fieldwrap input,
.fieldwrap label {
float:left;
}

.fieldwrap img {
margin-left:4px;
}

.fieldwrap input,
.fieldwrap textarea {
border:1px solid #bbb;
padding:4px;
}

.fieldwrap textarea {
width:280px;
}

.ddfmwrap .submit,
.ddfmwrap .credits {
text-align:right;
margin:0 0 12px 0;
padding:0 8px 0 0;
width:120px;
clear:both;
float:right;
}

.ddfmwrap .submit input {
float:right;
}

.ddfmerrors {
color:#ff0000;
font-size:1.4em;
font-weight:bold;
text-align:right;
padding-right:12px;
width:130px;
float:left;
}

.errorlist {
background:#FFF7BF;
border:2px dashed #fff;
color:#ff0000;
font-size:1.1em;
line-height:140%;
padding:12px;
float:left;
}