/* START OF FROM RICK */


#steps h2 {
    font-size: 16px;
    font-weight: bold;
    padding:5px 0 0 10px;
    margin: 0;
    color: #999999;
}

#graph-pane h2 {
    font-size: 18px !important;
    font-weight: bold;
    margin: 0;
    color: #999999 !important;
}

#steps ol {
    font-size:16px;
    font-weight:normal;
    padding:10px 10px 10px 35px;
    margin: 0;
}

#steps ol li {
    font-size: 16px;
    font-weight: normal;
    padding:5px 0;
}


.clear:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    line-height:0;
    visibility:hidden;
}
.clear {
	clear: both;
}
html[xmlns] .clear {
	display:block;
}
* html .clear {
	height:1%;
}
* {
    margin:0;
    padding:0;
}
body {
    background-color:#FFFFFF;
    font-family:verdana,arial,sans-serif;
    font-size:62.5%;
    color: #010000;
}
a:link, a:visited {
	color: #0278fd;
}
a:hover {
	color: #0000EE;
}
h2 {
	color: #999999; 
    font-size: 18px;
}
a img {
	border: none;
}
.page-container {
    border:1px solid #969696;
    font-size:1em;
    margin:10px auto 10px;
    width:900px;
}
.main {
    background:transparent url(../images/bg_main_withnav.jpg) repeat-y scroll left top;
    clear:both;
    padding-bottom:30px;
    width:900px;
}
#home .main {
	background:transparent url(../images/bg_main_withoutnav.jpg) repeat scroll 0 0;
}
.narrow-content {
    margin:15px auto 0;
    overflow:visible !important;
    width:370px;
}
#home .main-content {
	width:860px;
}

#home .main-content h2 { margin-top: 0.5em; font-weight: bold; }

.main-content {
    display:inline;
    float:left;
    margin:0 20px 0 20px;
    overflow:visible !important;
}
#content-left{
	float: left;
  width: 535px;   
}
#content-right {
	float: right;
	width: 315px;
}
.header {
    font-family:"trebuchet ms",arial,sans-serif;
    width:900px;
}

.header-top {
    background:#F0F0F0 url(../images/new/bkgrd-header.gif) repeat scroll 0 0;
    height:80px;
    overflow:visible !important;
    width:900px;
}
.header-middle {
    background:#E6E6E6 url(../images/new/bg_head_middle.jpg) repeat scroll 0 0;
    height:150px;
    overflow:visible !important;
    width:900px;
}
.header-bottom {
    background:#FFFFFF url(../images/new/bg_head_breadcrumbs.jpg) repeat-y scroll 0 0;
    height:40px;
    width:900px;
}
.sitelogo {
    margin:0 0 0 14px;
    position:absolute;
    z-index:1;
}
.nav1 {
    margin:50px 0 0 550px;
    position:absolute;
    width:350px;
    z-index:3;
}
.nav1 ul {
    float:right;
    font-weight:bold;
    padding:0 15px 0 0;
}
.nav1 li {
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.nav1 li a, .nav1 li span {
    color:#7D7D7D !important;
    display:block;
    float:left;
    font-size:120%;
    padding:2px 10px;
    text-decoration:none;
}
.nav1 a:hover {
    color:#323232 !important;
    text-decoration:none;
}
.nav1 li.sep a {
	padding:2px 0;
}
.nav2 {
    background:#DCDCDC url(../images/bg_head_bottom_nav.jpg) no-repeat scroll 0 0;
    border:medium none;
    color:#4B4B4B;
    float:left;
    font-size:130%;
    width:900px;
}
.nav2 ul {
    list-style-type:none;
}
.nav2 ul li {
    border-right:1px solid #AFAFAF;
    float:left;
    position:relative;
    z-index:auto !important;
}
* html .nav2 ul li {
	width: 100px;
    text-align: center;
}
.nav2 ul li a {
    color: #646464 !important;
    display:block;
    float:none !important;
    font-weight:bold;
    height:3.1em;
    line-height:3.1em;
    padding:0 16px;
    text-decoration:none;
}
#home #nav-home a, #about #nav-about a, #markets #nav-markets a, #challenges #nav-challenges a, #blog #nav-blog a {
    color:red !important;
}
.nav2 ul li:hover a {
    background-color:#D2D2D2;
    text-decoration:none;
}
.nav2 ul li:hover ul {
    display:block;
    left:0;
    margin-top:0.1em;
    position:absolute;
    top:3em;
    width:10em;
    z-index:999;
}
.nav2 ul li:hover ul li a {
    background-color:#EDEDED;
    border-bottom:1px solid #AFAFAF;
    border-left:1px solid #AFAFAF;
    color:#323232;
    display:block;
    font-weight:normal;
    height:auto;
    line-height:1.3em;
    margin-left:-1px;
    padding:4px 16px;
    width:10em;
}
.nav2 ul li:hover ul li a:hover {
    background-color:#D2D2D2;
    text-decoration:none;
}
.nav2 ul li a:hover {
    background-color:#D2D2D2;
    text-decoration:none;
}
.nav2 ul li a:hover ul {
    display:block;
    left:0;
    margin-top:0.1em;
    position:absolute;
    top:3em;
    width:10em;
    z-index:999;
}
.nav2 ul li a:hover ul li a {
    background-color:#EDEDED;
    border-bottom:1px solid #AFAFAF;
    border-left:1px solid #AFAFAF;
    color:#323232;
    display:block;
    font-weight:normal;
    height:1px;
    line-height:1.3em;
    padding:4px 16px;
    width:10em;
}
.nav2 ul li a:hover ul li a:hover {
    background-color:#D2D2D2;
    text-decoration:none;
}
.footer p {
    color:#7D7D7D;
    font-size:110%;
    font-weight:bold;
    line-height:1.3em;
    text-align:center;
}
.footer p.credits {
	font-weight:normal;
}
.footer a {
    color:#7D7D7D;
    text-decoration:underline;
}
.footer a:hover {
    color:#000000;
    text-decoration:none;
}
.footer a:visited {
	color:#7D7D7D;
}
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.footer:after, p:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.banner-ad {
    margin:0 auto;
    width:728px;
}
.main {
    background:transparent none repeat scroll 0 0;
    clear:both;
    padding:10px 0 30px 0;
    width:900px;
}
.main-navigation {
    background-color:#F0F0F0;
    border-bottom:1px solid #C8C8C8;
    border-right:1px solid #C8C8C8;
    display:inline;
    float:left;
    overflow:visible !important;
    width:199px;
}
.footer {
    background:url(../images/new/bkgrd-foot.jpg) no-repeat;
    clear:both;
    font-size:1em;
    height:3.7em;
    overflow:visible !important;
    padding:1.1em 0 0;
    width:900px;
}

.tickerContainer { margin-bottom: 5px; }
.ticker img { padding-bottom: 2px; }

/* boxes */

.green-box .top-left {
	background: url(../images/new/bkgrd-grnBox-headLft.gif) top left no-repeat;
    height: 8px;
}

.green-box .top-right {
	background: url(../images/new/bkgrd-grnBox-headRight.gif) top right no-repeat;
    height: 8px;
}

.green-box .bottom-left {
	background: url(../images/new/bkgrd-grnBox-footLeft.gif) bottom left no-repeat;
    height: 8px;
}

.green-box .bottom-right {
	background: url(../images/new/bkgrd-grnBox-footRight.gif) bottom right no-repeat;
    height: 8px;
}

.brown-box .top-left {
	background: url(../images/new/bkgrd-brnBox-headLft.gif) top left no-repeat;
    height: 12px;
}

.brown-box .top-right {
	background: url(../images/new/bkgrd-brnBox-headRt.gif) top right no-repeat;
    height: 12px;
}

.brown-box .bottom-left {
	background: url(../images/new/bkgrd-brnBox-footLeft.gif) bottom left no-repeat;
    height: 12px;
}

.brown-box .bottom-right {
	background: url(../images/new/bkgrd-brnBox-footRight.gif) bottom right no-repeat;
    height: 12px;
}

*html .brown-box .bottom-right { 
    margin-right: 3px;
}

*html .brown-box .bottom-left {
	margin-left: 3px;
}

#steps {
    width: 310px;
}



#graph-pane {
	width: 535px;
}

#steps .content {
    border-left: 3px solid #8cc63f;
    border-right: 3px solid #8cc63f;
    background-color: #f4f8ec;
}

#graph-pane .content {
    border-left: 3px solid #999999;
    border-right: 3px solid #999999;
    padding: 0 10px 10px 20px;
}

#graph-pane p a:link, #graph-pane p a:visited {
	background: url(../images/new/icon-greenArrow.gif) center left no-repeat;
    padding: 15px 40px 15px 170px;
    margin: 0 0 0 40px;
    font-size: 18px;
    
	display: block;
    text-decoration: none;
}

#home h1, #home h2, #home h3, #home h4 {
  font-family: Helvetica, Arial, sans-serif;
}

#graph-pane p a:hover {
    text-decoration: underline;
}

#home .homepage-info {
  padding: 10px;
  
  margin-bottom: 10px;
}

#home .homepage-info h3 { 
  margin-top: 0;
  font-weight: bold; 
  font-size: 16px;
  }

.green-info {
  background: #F4F8EC;
  border: #8CC63F 2px solid;
  }
  
.blue-info {
  background: #F3FAFE;
  border: #DEE6F0;
} 
  
#home .homepage-info p {
	font-size: 14px;
    margin: 15px 0;
}

#content-left h2 { margin-left: 40px; margin-bottom: 0px; }

* html .top-left, * html .top-right, * html .bottom-left, * html .bottom-right {
	font-size: 1%;
}

.home-mktlink a { line-height: 1.5em; }

#home a.suggest { color: #f00; font-size: 0.9em; padding-left: 4em; }
/* END OF FROM RICK */
