@CHARSET "UTF-8";
*{
	padding: 0 0; 
	margin: 0 0;
	}
body {
	background-color: #666633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #CC9900;
	margin: auto;
	width: 800px;
}

.outerContainer{
	width: 800px;
	background-color: #999966;
	}
.content{
	padding:10px;
	}
.twitter{
	clear:both;
	}

.calc{
    clear:both;

        }
/* new */


    #mainNav {
      display: inline;
      font-family: verdana;
      float:left;
      width:100%;
      background:#000000;
      font-size:100%;
      line-height:normal;
      }
    #mainNav ul {
	  margin:0;
	  padding:0px 10px 0 0px;
	  list-style:none;
      }
    #mainNav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #mainNav a {
      float:left;
      /*background:url("../img/tabs/tableftE.gif") no-repeat left top;*/
      background: #000000;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #mainNav a span {
      float:left;
      display:block;
      background:url("../img/tabs/tabrightE.gif") no-repeat right top;
      /*background: #000000; */     
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainNav a span {float:none;}
    /* End IE5-Mac hack */
    #mainNav a:hover span {
      color:#FFF;
      }
    #mainNav a:hover {
      background-position:0% -42px;
      }
    #mainNav a:hover span {
      background-position:100% -42px;
      color:red;
      }  


/* end new */

a {
	color: #000099;
	font-style: normal;
	//color: #3366CC;
	text-decoration: none;
}

#contactForm {
	color:#FFFFFF;
}
#pageTitle {
	font-size: 18px;
	padding-bottom: 15px;	
}
#mainContainer {
	/*float: right;*/
	background-color: #FFFFCC;
	padding: 10px;
	width: 814px;
}
.bg {
	background-color: #999966;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
  color: #E6D968;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: center;
	background-position: center center;
}
.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 22px;
	color: #000000;
}


.promo {
	text-align: center;
}

.titlebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-color: #FFFFFF;
	text-decoration: underline;

}


a:hover {
	text-decoration: underline;
}

input.big {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-align: justify;
	background-color: #999999;

}

input.small {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #3399CC;
	text-align: left;

}
newstext {
	font-size: 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FF6633;

}
article {
	font-size: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FF6633;
	margin: 3px;
	padding: 3px;


}
newshead {
	font-size: 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #000000;

}
quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666666;
}
list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-style: normal;
	color: #666666;
	text-align: left;
	text-indent: 10pt;
	list-style-position: inside;
	list-style-type: none;

}
.trophy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #FFFFFF;
	color: #000000;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding: 3px;

}
.text-indent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	text-align: left;
	text-indent: 20pt;
	padding: 3px;

}
.td {
	padding: 0px;
}


#graphWrapper {
	width: 460px; /* 300 */
	height: 35px; /*35 */
	position:relative;
	left:20px; /* 320*/
	top:-25px; /*-25*/
}

#pointer{
	position: absolute;
	top:5px;
	left:5px;	
}

#speedGraphBar{
	position:absolute;
	bottom: 0px;
	left: 0px;
}

#keGraphBar{
	position:absolute;
	bottom: 0px;
	left: 0px;
}
#KEpointer{
	position: absolute;
	top:5px;
	left:5px;	
}
#focGraphBar{
	position:absolute;
	bottom: 0px;
	left: 0px;
}
#FOCpointer{
	position: absolute;
	top:-5px;
	left:5px;	
}