html, body{ 
 margin:0; 
 padding:0; 
 background:#cccccc;
 margin: 0;
	padding: 0;
	
	text-align: center;
 } 
 
#pagewidth{ 
 width:900px;  
position:relative; 

 margin-left:auto;
 margin-right:auto;
 margin-top: 20px;
 background-color: #E4E4E4; 
 text-align:center;
}
 
#header{
 position:relative; 
 float:left;
 height:146px; 
 background-color:#FFFFFF;
 width:900px;
 /*padding-top:1px;*/
 text-align:left;
} 

#left_pic{
position:relative;
width:200px;
/*height:150px;*/
float:left;
border-color:#000;
text-align:left;
}

#title{
position:relative;
/*padding-left:10px;*/
padding-top:15px;
float:left;
width:400px;
text-align:left;
line-height:100%;
/*border-right:solid;*/
}

#right_header{
 position:relative; 
 float:left;
 width:290px;
 padding-top:85px;
 color:#0D3DFD;
 text-align:right;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 /*border-right:solid;*/
} 
div#right_header a{text-decoration:none;color:#0D3DFD;}

#nav{
clear:both;
background-color: #FFFFFF;  
position:relative; 
/*float:right;*/
width:897px; 
 
 padding-top:5px;
 height:25px;
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#A5A5A5;
 border-top-style:solid;
 border-top-color:#A5A5A5;
 border-top-width:thin;
 /*
 border-left-style:solid;
 border-left-color:#A5A5A5;
 border-left-width:thin;
 
 border-right-style:solid;
 border-right-color:#A5A5A5;
 border-right-width:thin;
 */
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0;

}
#top_bar{
background-color: #1F629B;  
 float: right; 
 /*display:inline; */
 position: relative; 
 width:900px; 
 height:15px;
 
}

#mid_bar{
background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:900px; 
 height:1px;
}

#bottom_bar{
background-color: #999999;  
 float: right; 
 display:inline; 
 position: relative; 
 width:900px; 
 height:15px;
}


 a{
 font-weight:bold;
 color:#A5A5A5;
 }
 
 li{margin:0 0 0.5em 0;}
 
#maincol{
background-color:#FFFFFF;
 float: right; 
 display:inline; 
 position: relative; 
 width:900px; 
 text-align:center;
 padding-top:7px;
 padding-bottom:7px;
 /* background-image:url(images/blockcolor.gif);*/
  color:#000000;
 }
 #front_container{
 position:relative;
 /*float:left;*/
 /*width:890px;*/
width:860px;
 margin-left:auto;
 margin-right:auto;
 margin-top:auto;
 text-align:left;
/* padding-left:10px;
 padding-right:5px;*/
 padding-left:20px;
 padding-right:10px;
  /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
/* font-family:Arial, Helvetica, sans-serif;
 font-size:12px;*/
 font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
/* background-image:url(images/blockcolor.gif);*/
 color:#000000; 
/* font-weight:bold;*/
 }
 #top_right_text{
 /*width:330px;
  position:relative;
 float:left;*/
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#FF0000;
 padding-left:10px;
 text-align:left;
 }
 div#top_right_text a{color:#FF0000;}
 
 div#front_container a{color:#000000;text-decoration:none;}
 
 /*div#front_text a{color:#000000;}*/
 
 div#footer a{color:#FFFFFF;}
 
 
 
 #front_text{
  position:relative;
 float:left;
 /*background-color:#007890;*/
 color:#000000;
 padding-left:10px;
 padding-right:10px;
 padding-top:5px;
 width:470px;
 text-align:left;
/*font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;*/
 /*font-weight:bold;*/
 }
 
 #left_text{
  position:relative;
 float:left;
 /*background-color:#007890;
 color:#FFFFFF;*/
 padding-left:10px;
 padding-right:10px;
 width:470px;
 text-align:left;

 /*font-weight:bold;*/
 color:#000000;
 }
 
 
 #screenshot{
 position:relative;
 float:right;
 text-align:right;
 padding-top:5px;
 /*width:350px;*/
 }
 
  #screenshot1{
 position:relative;
 float:right;
 text-align:right;
 padding-top:5px;
 width:350px;
 }
 
 #comments_block{
 position:relative;
 float:left;
 width:100%;
 text-align:center;
 }
 
 .comments_bar{
  position:relative;
 float:left;
 width:100%;
 clear:both;
 margin-top:20px;
 /*border-color:#000000;
 border-style:dotted;*/
 }
 
 .comments{
 position:relative;
 float:left;
 width:62%;
 text-align:left;
 padding-right:10px;
 /*border-color:#000000;
 border-style:dotted;*/
 
 }
 
 .comment_author{
  position:relative;
 padding-top:5px;
 padding-bottom:5px;
 width:100%;
 text-align:left;
 /*background-color:#0033CC;*/
 background-color:#0D3DFD;
 color:#FFFFFF;
 font-weight:bold;

  padding-left:5px;
 }
 div#comments_block a{color:#FFFFFF;}
 
 .comment_text{
 margin-top:10px;
  position:relative;
 padding-top:40px;
 padding-bottom:10px;
 padding-right:5px;
 padding-left:5px;
 
 width:100%;
 /*height:180px;*/
 text-align:left;
  background-color:#E6EBFF;
  color:#6E6E6F;
  font-weight:bold;
 }
 
 .comments_pic{
  position:relative;
 float:left;
 width:35%;
 text-align:right;
 }
 
#footer{

 height:40px; 
 width:900px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:12px;
  background-color:#1F629B;
 color:#FFFFFF;
 clear:both;
/* padding-top:2px;*/
 font-weight:bold;
 } 
 
  #contact{
 /*padding-bottom:3px;*/
 padding-top:6px;
 position:relative;
 float:left;
 width:640px;
 height:90px;
 font-weight:bold;
 text-align:right;
 }
  #valid{
  position:relative;
 float:left;
 padding-top:4px;
 height:90px;
 width:260px;
 text-align:right;
 }
 
 h1{
 color:#999999;
font-family: "Courier New", Courier, mono;
 
 }
 h2{
font-family: "Courier New", Courier, mono;
 color:#999999;
 font-style:italic;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */