/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked static-images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 12px Arial,Verdana,Sans-Serif; background: #fcfdfd url(../static-images/backgrounds/body-bg.gif) repeat-x top left; text-align: center;
}



/* =Headings
-----------------------------------------------------------------------------*/
h1,h2 {background: url(../static-images/backgrounds/header-bg.gif) repeat-x top left; margin: 0; padding: 3px 0px 3px 3px; color: #a8282c; font: normal 24px "Trebuchet MS",Georgia,Serif;}

h2 {font: normal 18px "Trebuchet MS",Georgia,Serif;}

/* =Links
-----------------------------------------------------------------------------*/
a:link,a:visited,a:active {
  color: #039;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* =Branding
-----------------------------------------------------------------------------*/
#branding {margin: 0 auto; width: 800px; margin-top: 27px;}



/* =Main Nav
-----------------------------------------------------------------------------*/

#primaryNav {
  float: left;
  width: 153px;
  display: inline;
  margin: 0 0 0 -576px;
  list-style-type: none;
  padding: 0;
}
#primaryNav li {
  margin: 0;
  padding: 0;
  list-style-type: none; 
  text-align: left;
  width: 153px;
  display: inline;

}

#subPage  #primaryNav {
  margin-left: -741px;
}

#primaryNav li a {
  display: block;
  background:  url(../static-images/backgrounds/main-nav-bg.gif) no-repeat top left;
  width: 113px; 
  padding: 5px 10px 5px 30px;
  margin: 0 0 5px 0;
  text-decoration: none;
  color: #94080e;
  font-weight: bold;
}

#primaryNav li a:hover {
  background:  url(../static-images/backgrounds/main-nav-hover-bg.gif) no-repeat top left;
  color: #0f4696;
}

#primaryNav li.navOn a {
  background:  url(../static-images/backgrounds/main-nav-hover-bg.gif) no-repeat top left;
  color: #0f4696;
  cursor: default;
}

#primaryNav li ul  {
  margin: -10px 0 5px;
  padding: 5px 0;
  background: #e8f4ed;
  border: 1px solid #ccc;
  border-top: 0;
}
#primaryNav li ul li {
  display: block;
  margin-bottom: 2px;
  width: 143px;
}

#primaryNav li ul a {
  background: none;
  padding: 0 0 0 30px;
  margin: 0;
}

#primaryNav li ul a:hover {
  background: none;
}

body.understand #primaryNav li ul li.navOn a,body.see #primaryNav li ul li.navOn a {
  background: none;
  color: #0f4696;
  cursor: default;
}

body.fullpage div##primaryNav {
  display: none;
}
/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#contentWrapper {
  background: #fff;
  text-align: left;
  margin-top: 20px;
  padding-bottom: 30px;
}

#content {
  margin: 0 auto;
  width: 800px;
  background: #fff url(../static-images/backgrounds/content-bg.gif) repeat-y top left;
  overlfow: hidden;
}

#contentInnerWrap {
  background: transparent url(../static-images/backgrounds/content-bottom-bg.gif) no-repeat bottom left;
  width: 800px;
  padding: 20px 0px 50px 0px;
  overlfow: hidden;
}

#primaryContent {
  float: left;
  width: 414px;
  display: inline;
  margin-left: 192px;
  position: relative;

}

#primaryContent p{
  line-height: 1.6;
  padding: 0 3px;
}

#subPage div#primaryContent {
  width: 579px;
}

body.fullpage div#primaryContent {
  width: 731px;
  margin-left: 30px;
}

#contentInnerWrap,.contentBox{
			height: 1%;
		}
#contentInnerWrap:after,.contentBox:after{
			content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
			
#processImage {
  margin: 10px 0 0 20px; 
}

table a.subNav {
  padding-left: 28px;
}

table a.subNav:hover {
text-decoration: none;
}

table a.subNav2 {
  padding-left: 28px;
}

table a.subNav2:hover {
text-decoration: none;
}


body.experience  h2 {
  border-top: 1px dotted #94080e;
}
body.experience #primaryContent th.future h2 {
  margin-bottom: 10px;
}
body.experience table td {
  padding-bottom: 10px;
  color: #039;
  font-weight: bold;
  padding-left: 5px;
}

body.experience #primaryContent table td p {
  margin: 2px 5px 0 10px;
  color: #94080e;
  font-weight: normal;
  line-height: 1.4;
} 
body.understand h1 {
  margin-bottom: 10px;
}

body.understand div.contentBox a.subNav {
  display: block;
  margin: 10px 0 3px;
  padding: 3px 10px 5px 25px;
}

body.understand div.contentBox a.subNav2 {
  display: block;
  margin: 10px 0 3px;
  padding: 3px 10px 5px 25px;
}


body.understand div.contentBox {
  padding-bottom: 15px;
}

body.understand h2 {
  float: left;
  width: 100px;
  background: none;
}

body.understand #primaryContent .contentBox p {
  float: left;
  width: 440px;
  margin: 0 0 0 10px;
  border-left: 5px solid #ecf6f1;
  padding-left: 10px;
}

/* Graphs */
.graph {
  border: solid 1px #0f4696;
  background: #f2f9f5;
  margin-bottom: 20px;
}

.graph td {
  font-family: verdana, arial, sans serif;
  height: 26px;
}
.graph td a {
 color: #0f4696;
}
.graph td a:hover {
  text-decoration: none;
}

.graph thead th {
  border-bottom: double 3px #0f4696;
  font-family: verdana, arial, sans serif;
  padding: 1em;
  color: #a8282c;
}
.graph  td.number {
  color: #a8282c;
}
.graph tfoot td {
  border-top: solid 1px #999999;
  font-size: x-small;
  text-align: center;
  padding: 0.5em;
  color: #666666;
  
}

.bar {
  background-color: white;
  text-align: right;
  width: 400px;
}

.bar div { 
  background-color: #004080;
  text-align: right;
  color: white;
  float: left;
  padding-top: 0;
  height: 26px;
  border: solid 1px #a8282c;
} 

body.results p.results { text-align: center;}
body.results p.results  strong {display: block; margin-top: 10px;}
body.results p.results img {
  margin: 10px 5px 0 0;
}

#ajaxList {
  margin: 1em 0 1em 20px;
  padding: 0;
  color: #0f4696;
}

#ajaxList li {
  margin-bottom: 1em;
}
      
body.learn  table{
  margin: 10px 20px;
} 

body.see table {
  position: absolute;
  top: 200px;
  left: -155px;
}  

body.see #primaryContent p {
  margin: 25px 10px 0 25px;
} 

body.see table td strong {
  display: block;
  color:  #94080e;
  border: 5px solid #E8F4ED;
  border-top: 0;
  border-bottom: 0;
  padding: 0 10px;
  width: 10px;
  margin: 0 0 10px;
  font-size: 16px;
}
body.see #primaryContent{ 

  height: 510px;
} 
  
table {margin: 0;}


body.share label {
  float: left;
  width: 250px;
  color: #0f4696;
  font-weight: bold;
}

body.share input.text,body.share textarea.textArea {
  width: 200px;
}
body.share input.submit {
  margin-left: 250px;
}
/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondaryContent {
  float: right;
  width: 157px;
  display: inline;
  margin-right: 30px;
}

#auctionBox {
  margin: 10px 0 30px;
  text-align: center;
}

#auctionBox h3 {
  color: #a8282c;
  font-size: 12px;
  margin: 0 0 3px;
}

#auctionBox  img {
  border: 3px solid #9fd6b7;
  margin-bottom: 5px;
}
 a.subNav {
  display: block;
  background: transparent url(../static-images/backgrounds/subnav-bg.gif) no-repeat top left;
  width: 93px; 
  padding: 5px 10px 5px 15px;
  text-decoration: none;
  color: #94080e;
  margin: 2px auto;
  font-weight: bold;
  
}
a.subNav2 {
  display: block;
  background: transparent url(../static-images/backgrounds/subnav-bg.gif) no-repeat top left;
  width: 93px; 
  padding: 5px 10px 5px 15px;
  text-decoration: none;
  color: #999999;
  margin: 2px auto;
  font-weight: bold;
  
}
 a.subNav:hover {
  background: transparent url(../static-images/backgrounds/subnav-hover-bg.gif) no-repeat top left;
  color: #0f4696;
}

 a.subNav2:hover {
  background: transparent url(../static-images/backgrounds/subnav-hover-bg.gif) no-repeat top left;
  color: #0f4696;
}



#auctionBox strong {
  font-weight: normal;
  color: #2976ba;
  font-size: 10px;
}

#newsBox {
 border: 1px solid #2a78ba;
 background: #f2f9f5;
 padding: 5px 5px 10px;
 margin: 5px 0 10px;
}
#newsBox h3,#newsBox h3 a {
  color: #a8282c;
  font-size: 12px;
  margin: 0 0 3px;
  text-align: center;
  text-decoration: none;
}

#newsBox a img {
  margin: 0 auto;
}

#newsBox a {
  text-decoration: none;
  color: #2976ba;
  display: block;
  text-align: center;
}

 #newsBox a.text {
   margin-left: 20px;
   text-align: left;
}

#subPage div#secondaryContent {
  display: none;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footerWrapper {
  background:  url(../static-images/backgrounds/footer-bg.gif) repeat-x top left;
  height: 100px;
  text-align: center;
}

#footer {
  width: 800px;
  margin: 0 auto;
  padding: 30px 0;
}
#footer p.inovo {
  margin: 0;
  color: #2878bd;
  font-weight: bold;
}
#footer p.inovo img {
  vertical-align: middle;
}

#footer p.copy {
  margin: 3em 0 0;
  font-size: 10px;
  color: #94080e;
}
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}