html, body {margin: 0; padding: 0; font-size: 100%;}
body	{	
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 100%;
	line-height: 11pt;
	color: #666;
	background: #ffffff;
 }
.title_text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0066cc; line-height: 12pt; font-weight: 900;}
.tiny_text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #cccccc; line-height: 8pt; font-weight: 900;}
.copy_text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #999999; line-height: 8pt; font-weight: 900;}
.page_text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; line-height: 9pt; font-weight: 900;}

a:link {  color: #06c}

a:hover {  text-decoration: none}

a:active {  color: #06c}

a:visited {  color: #06c}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:24px;
	font-weight:900;
	line-height: 14pt;
	color:#06c;
	}
h2 {
	margin:0px -10px -10px 0px;
	padding:0px;
	font-size:14pt;
	font-weight:900;
	line-height: 12pt;
	color:#06c;
	}
h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:13px;
	font-style:italic;
	font-weight:900;
	line-height: 14pt;
	color:#06c;
	}
h4 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:14px;
	font-style:normal;
	font-weight:900;
	color:#f00;
	}
p {
	font:12px verdana, arial, helvetica, sans-serif;
	line-height: 12pt;
	margin:3px 3px 3px 3px; /* top left bottom right */
	padding:0px;
	}

li {
	font:11px verdana, arial, helvetica, sans-serif;
	line-height: 12pt;
	margin:0px -10px 0px -10px; /* top left bottom right */
	padding:0px;
	}

#leftbox {
	position: absolute;
	left: 0px;
	top: 133px;
	width: 175px;
	height: 420px;
	border-top: 1px solid #e1e9f6;
	background-color: #e1e9f6;
	font-size: 70%;
	line-height: 13pt;
	border:2px dashed #fff;
	color: #99f; 
	padding-top: 5px; 
        z-index:2;} /* This allows the content to overlap the right menu in narrow windows in good browsers. */

#headerl {
	position:absolute;
	top:0px;
	left: 0px;
	margin: 0;
	padding: 0;
	background-color:#99f; 
	background: url("../images/leaderboard.jpg");
	background-repeat: repeat-x; 
	height: 133px; 
	width:100%; }

/* All the content boxes belong to the content class. */
.content {
	position:absolute; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	height:80px;
	left:0px;
	min-width:99%;
	margin:0px 20px 10px 0px; /* top x bottom right */
	border:1px dashed #99f;
	background-color: #fff;
	padding:0px;
	z-index:1; 
	}
.content1 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:560px;
	top:140px;
	margin:0px 7px 10px 180px; /* x left bottom right */
	border:1px dashed #fff;
	background-color: #fff;
	padding:4px;
	z-index:1; 
	}

.content2 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:560px;
	top:140px;
	margin:0px 7px 10px 180px; /* top right bottom left */
	border:1px dashed #fff;
	background-color: #fff;
	padding:1px;
	z-index:1; 
	}

.mainpic {
position: absolute;
left:200px;
top: 100px;
width:300px;
padding:2px;
border:2px solid black;
z-index:3;
}

hr {border: none 0; 
border-top: 1px dashed #06c;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}