/* USING GRIDS CSS HERE */
body {
   	background: rgb(240, 240, 240);
    font-family: sans-serif;
    margin: 0;
    padding: 2;
	text-align: center;
}
h1,h6{
    margin: 0;
    font-weight: normal;
}

h2,h3{
    margin: 0;
    font-weight: bold;
	margin-top:18px;
	margin-bottom:13px;
	color: rgb(0, 0, 153);
}

#container{
	width: 88%;
	max-width: 1200px;
	width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
	margin: 5px auto;
	background: white;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	/*border: 1px solid gray;*/
}

#container_medium{
	width: 90%;
	max-width: 1200px;
	width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
	margin: 5px auto;
	background: white;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	/*border: 1px solid gray;*/
}

#nav {
    float:right;
    width:0%;
	background: white;

}
#main {
	margin: 0px;
	padding-left: 15px;
	background: white;
	min-height: 500px;
}

#home_footer {
	clear:both;
	padding:1em 2%;
}


#header {
	/* background: rgb(153, 153, 255);*/
	background: rgb(0, 0, 153);
	padding:0px;
	margin-bottom:12px;
}

#colbg {
	padding:0px;
	width:40px;
	display:inline;
	border: 1px solid white;
	
}

#subheader {
	overflow:hidden;
    height: 20px;
	background: rgb(0, 0, 153);
	 /* border: 1px solid gray;*/
	/*background: rgb(153, 153, 255);*/
}


#searchbox{
   position: relative;
   float: right;
   margin-top: 2px;
   margin-bottom: 0px;
   padding:0px;
  /* border: 1px solid gray;*/
}

.chatdiv{
	/* border: 1px solid gray;*/
	height: 10px;
	width: 100%;
	padding-top:3px;
	padding-bottom:5px;
	margin-bottom:5px;
}

.logindiv{
	/*border: 1px solid gray;
	height: 10px;*/
	background: rgb(240, 240, 240);
	width: 100%;
	padding-top:3px;
	padding-bottom:6px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #999999;	
}
.logindiv A:hover{
	background-color: #DDFDFF;
}


#subtab{
	height: 30px;
}

.subtablevel{
	float: right;
	clear:left;
	margin-right:20px;
	margin-top:5px;
	   font-family: Arial, Helvetica, sans-serif;
	   font-weight: bold;
}

#subtabfloat {
	float:right;
	background:white;
	border-bottom: 1px dashed gray;
	border-left: 1px dashed gray;
	top:60px;
	left: 650px;
	z-index:1;
	display: inline;
	width:437px;
	padding-bottom:5px;
}


.homeline{
   position: relative;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   bottom:15px;
   left:45px;
   
}

#imghome{
   position: absolute;
   top:1;
   /* left:14.2%;*/
}



.titlebar{
	padding-top:10px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:15px;
	margin-bottom:10px;
	/* border: 1px solid gray; */
}
.titlebar title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #400080;
	margin-top:9px;
}

.viewall A:link{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #CCCCCC;	
	margin-left:9px;
}

.viewall A:visited{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-left:9px;
	color: #CCCCCC;	
}
.viewall A:hover{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-left:9px;
	color: blue;
}

.buy A:link{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #CCCCCC;	
	margin-left:9px;
}

.buy A:visited{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left:9px;
	color: #CCCCCC;	
}

.buy A:hover{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left:9px;
	color: blue;
}

.purchase{
	position:relative;
	border: 1px solid red;
	top:0px;
	left: 10px;
	margin-top:15px;
	padding:7px;
	width:95%;
	background-color: #E1FFE8;
}

.purchase A:link{
	text-decoration:none;
	color:black;	
}
.purchase A:visited{
	text-decoration:none;
	color:black;
}
.purchase A:hover{
	text-decoration:underline;
	color:blue;	
}








.right{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #CCCCCC;	
	float:right;	
}
.righthover{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;	
	float:right;	
}

.explain{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 170%;	
	padding-top:15px;
	padding-bottom:10px;
	padding-left:15px;
	margin-right:40px;
	margin-bottom:10px;
}

.explain .b1{	
	font-family: Arial, Helvetica, sans-serif;
	color: #400080;
	font-size: 12pt;
	font-weight: bold;
	line-height: 180%;
	margin-bottom:5px;	
}

.explain .b2{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 160%;
	margin-bottom:5px;	
}
.explain .b3{
	font-weight: normal;
	line-height: 130%;
	margin-bottom:5px;
	font-style: italic;
}

.equation table{	
	text-align:center;
}
.noSPMfield {
	display: none;
}

.sidebar{
   float: right;
   width: 16em;
   font-size: 80%;
   padding: 2px;
   margin-left: 52px;
   background-color: #FFFFFF;
   color: #000;
   text-align: center;
   
}

.rate{
   float: right;
   padding: 3px;
   width: 17em; 
   background-color: #f8eece;
   border: 2px dotted #000;
   color: #000;
   text-align: center;

}

.topBlog A:link{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #999999;	
	margin-left:9px;
}

.topBlog A:visited{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-left:9px;
	color: #999999;		
}
.topBlog A:hover{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-left:9px;
	color: blue;
}


.blogComment{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF6633;	
	margin-left:3px;
}


.blogComment A:link{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FF6633;	
	margin-left:9px;
}

.blogComment A:visited{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-left:9px;
	color: #FF6633;		
}
.blogComment A:hover{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-left:9px;
	color: blue;
}


.radioTable {
	padding:2px;
}

.radioTable td.bt{	
	margin-top:15px;
	padding-top:15px;
}

.radioTable td{
	font-size: 10px;
	padding:1px;
}

.subText {
	font-family: Arial, Helvetica, sans-serif;
	color: #009933;
	font-size: 11px;

}

.tutorialDescription {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	width:80%;
	margin:10px;
	padding:15px;
	line-height:150%;

}