* {margin: 0; padding: 0;}
hr {display: none;}
.clr {clear: both;}

h1 {font-size: 3.3em;font-weight: normal;}
h2 {font-size: 2.2em;margin-bottom: 8px;font-weight: normal;}
h3 {font-size:1.2em;margin-bottom: 8px;font-weight: normal;}
h4 {font-size: 1.5em;margin-bottom: 4px;font-weight: normal;}

.red {color: #8E001C;}
.gray {color: #8A8A8A;}
.green {color: #447C1C;}

.callout h2 {font-size: 1.6em;}

.red-arrow {background: url('../img/red-arrow.png') left center no-repeat; padding-left: 25px;}

a {color: #555; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
.gray a {color: #8A8A8A;}
a img {border: 0;}

.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.textalignright {text-align: right;}

.half-left {width: 50%; float: left;}
.half-right {width: 50%; float: right;}

	/*.seperator {background: url('../img/dotted-bg.gif') center repeat-x;height: 2px;}*/
.seperator {background: url('../img/dotted-bg.gif') center repeat-x;height: 2px; clear: both;}
.seperator-big {background: url('../img/dotted-bg.gif') center repeat-x;
margin: 10px 0 10px 0; 
padding: 1px;
}

img.border {
border: 1px solid #587DB5;
padding: 1px;
}

p {margin: 5px 0;}
p a {text-decoration: underline;}
.dark {color: #111;}
ul {list-style: none;}

ul.category-list {margin: 20px 0; text-align: center;}
ul.category-list li {display: inline;}
ul.category-list li a {color: #8E001C;}

body {
font-family: Trebuchet, Helvetica, sans-serif;
font-size: 62.5%;
color: #404040;
background: #404040;
}

#wrapper {
width: 903px;
margin: 0 auto;
border-top: 3px solid #8E001C;
border-bottom: 3px solid #8E001C;
padding: 10px 22px;
background: #fff;
text-align: left;
min-height: 600px;
height: auto !important;
}

#header {background: url('../img/dotted-bg.gif') bottom center repeat-x; overflow:hidden;}
* html #header {padding-bottom: 10px;}

#header .logo {float: left;width: 272px;}
#header .logo h1 {text-indent: -9999px;}

#header .logo h1 a {
display: block;
width: 272px;
height: 46px;
background: url('../img/casey-logo.png') left center no-repeat;
}

#header .meta-nav {text-align: right; font-size: 1.1em;}

#header .meta-nav li {
display: inline;
list-style: none;
margin-left: 10px;
color: #555;
}

#header .quotation {
float: right;
width: 450px;
background: url('../img/quotation.png') top left no-repeat;
padding-left: 18px;
font-size: 1.2em;
line-height: 1.3em;
margin-top: 15px;
}

#nav {
background: url('../img/dotted-bg.gif') top center repeat-x;
padding: 15px 0 12px 225px;
margin-top: 30px;
color: #8E001C;
overflow: hidden;
}

* html #nav {padding-left: 170px; padding-top: 8px;padding-bottom: 0;}
* html #header {margin-bottom: -25px;}

#nav li {list-style: none;display:inline;}

#nav a {
display: block;
float: left;
height: 19px;
text-indent: -9999px;
background-position: top center;
margin-left: 10px;
}

#nav a:hover {background-position: bottom center;}

a.the-casey-difference {width: 190px; background-image: url('../img/nav-the-casey-difference.png');}
a.casey-services {width:141px; background-image: url('../img/nav-casey-services.png');}
a.investor-guides {width: 120px; background-image: url('../img/nav-investor-guides.png');}
a.library {width: 75px; background-image: url('../img/nav-library.png');}
a.about-us {width: 76px; background-image: url('../img/nav-about-us.png');}

#intro-header {
padding: 30px 0;
/*background: url('../img/dotted-bg.gif') bottom center repeat-x;*/
}

* html .main-container {padding-top: 10px; overflow: hidden;}

.intro-text {
width: 570px;
float: left;
}

.intro-text p {font-size: 1.5em; line-height:1.2em;}

.free-trial-signup {
float: right;
width: 300px;
}

.free-trial-signup p {font-size: 1.2em;}
.sign-up-button {padding-bottom: 30px;}

#complimentary-resources {padding: 15px 0 5px 0;}

#complimentary-resources p {
font-size: 1.2em;
line-height: 1.3em;
}

#complimentary-resources .resource {
width: 215px;
float: left;
padding: 10px 10px 0 0;
margin-top: 10px;
background: url('../img/dotted-bg.gif') top left no-repeat;
/*text-align: justify;*/
}

.see-all-resources {margin-top: 10px; font-size: 1.2em;}

.investor-guide {
padding: 15px 0;
width: 450px;
float: left;
background: url('../img/dotted-bg.gif') top center repeat-x;
font-size: 1.1em;
}

.investor-guide .seperator {padding-top: 40px;}

.quick-links {
padding: 15px 0;
width: 430px;
background: url('../img/dotted-bg.gif') top center repeat-x;
float: right;
font-size: 1.1em;
}

.high-risk-tolerance,.low-risk-tolerance,
.bullish-energy,.international-diversification, .metal-resources,.free-publication {
float: left;
width: 200px;
padding-left: 25px;
padding-top: 3px;
margin-top: 20px;
}

.high-risk-tolerance {background: url('../img/icon-high-risk.png') top left no-repeat;}
.low-risk-tolerance {background: url('../img/icon-low-risk.png') top left no-repeat;}
.bullish-energy {background: url('../img/icon-energy.png') top left no-repeat;}
.international-diversification {background: url('../img/icon-international.png') top left no-repeat;}
.metal-resources { background: url('../img/icon-metal-resources.png') top left no-repeat;}
.free-publication {background: url('../img/icon-free-publication.png') top left no-repeat;}

.quick-links-one,.quick-links-two {
width: 50%;
float: left;
}

.quick-links-one ul,.quick-links-two ul {
list-style: none;
}

.quick-links-one li,.quick-links-two li {margin-bottom: 12px;}

.quick-links-one li a,.quick-links-two li a {
padding: 2px 0 0 20px;
background: url('../img/red-arrow.png') left center no-repeat;
font-size: 1.4em;
}

.homepage-ad-spot {
float: right;
width: 440px;
background: url('../img/dotted-bg.gif') top center repeat-x;
padding-top: 15px;
}

* html .homepage-ad-spot {width: 420px;}

.homepage-ad-spot p {
text-align: center;
padding: 10px 0;
background: #e1e1e1;
}

#sidebar {
margin-top: 20px;
width: 200px;
float: left;
}

.in-this-section {
font-size: 1.7em;
color: #999;
padding-bottom: 10px;
background: url('../img/dotted-bg.gif') bottom center repeat-x;
margin-bottom: 10px;
}

.in-this-section li a {color: #111;}

#sidebar ul li ul {margin: 5px 20px;}

li.spacer {
background: url('../img/dotted-bg.gif') left center no-repeat;
margin: 0;
}

#internal-content {
margin-top: 20px;
margin-bottom: 80px;
width: 675px;
float: right;
font-size: 1.1em;
line-height: 1.3em;
}

* html #internal-content {padding-left: 10px;}

#internal-content .intro-text {
width: 100%;
background: url('../img/dotted-bg.gif') bottom center repeat-x;
padding-bottom: 20px;
margin-bottom: 20px;
}

.breadcrumbs {margin-bottom: 10px;}
.breadcrumbs a {color: #8E001C;}

.casey-services-row {margin-top: 25px;}

.casey-services-row .casey-services {
width: 325px;
float: left;
margin-right: 5px;
padding-bottom: 5px;
}

.casey-services-spacer {
width: 325px;
float: left;
margin-right: 5px;
background: url('../img/dotted-bg.gif') bottom left no-repeat;
padding-bottom: 5px;
}

.callout {
padding: 10px;
background: #EFEEE1;
}

.trial-offer-email {margin-top: 5px;}
.trial-offer-email input {margin-top: 5px;}

#internal-content .callout {
width:305px;
float: left;
margin: 20px 10px 0 0;
padding-top: 15px;
}

.right-column {
width: 215px;
float: right;
padding-left: 10px;
}

.detail-text {
width: 450px;
float: left;
}

.submit-email {vertical-align: top;}

#internal-content .detail-text .intro-text {
background: none;
margin-bottom: 0;
}

.free-articles {padding-top: 10px;}
.free-articles a {color: #222; text-decoration: underline;}
.free-articles h4 {margin-bottom: 15px;}

.faq {float: left;}

.faq-list {
background: url('../img/faq-list.gif') 3px 5px no-repeat;
padding: 2px 2px 2px 13px;
}

.faq-list.active {background-color: #EFEDE0;}

.faq-list-detail {
background-color: #EFEDE0;
padding: 15px;
text-align: justify;
color: #222;
}

.library {
width: 660px;
}

.video-block {
width: 175px;
float: left;
margin: 0 20px;
text-align: center;
}

.inline-ad {
margin: 10px 0;
padding: 10px 0;
border-top: 2px solid #7D7D7D;
border-bottom: 2px solid #7D7D7D;
}

#footer {
clear: both;
margin: 0 auto;
padding: 30px 0;
width: 903px;
color: #eee;
text-align: center;
font-size: 1.1em;
}

#footer a {color: #fff;}
#footer a:hover {color: #fff;}
.prop-link {margin: 20px 0;}
div.prop-link a {color: #8A8A8A;}

.editor-img-home{padding: 2px; border:solid 1px #cccccc}

.textBold{ font-weight:bold; }
li.check {list-style-type: square; list-style-image: url('/images/check.gif');}
li.check2 {list-style-type: square; list-style-image: url('/images/check2.gif');}

.alertTable {border-bottom:2px solid #990000; font-size:12px; line-height: 110%; font-family: Arial,Helvetica,sans-serif;}
.alertTableLink {text-decoration:underline; color:#000000; line-height: 110%; font-family: Arial,Helvetica,sans-serif;}
.alertTableHeader {font-size:14px; font-weight:bold; background-color:#990000; color:#ffffff; text-align:center;}
.alertTableRowLight{background-color:#f6f6f6; color:#404040;}
.alertTableRowDark { background-color:#e7e7e7; color:#404040;}

.library-callout{
float:right;width:200px;margin:0px 10px 10px 10px;
}
.library-callout fieldset{
padding:10px;border:1px solid #666;
}
.library-callout legend{
font-size: 1.2em;margin-bottom: 2px;padding:5px 8px ;font-weight: normal; background-color:#666;color:#f1f1f1}
.library-callout p{
color: #4040; text-decoration: none;font-size: 1em;}