a { outline:0; color: #577FAC; text-decoration: none;}
a:hover { text-decoration: underline;}
body {
	margin: 0px; background-image: url(images/mathewwhite.com-seventh-draft-backgrey.jpg);}
		
.main {
	font-size: 13px;
	line-height:110%;
	min-height:540px;
	postion: relative;
	width: 100%; margin: 0px; 
	border: 0px solid black;
	background-image: url(images/mathewwhite.com-seventh-draft-tile.jpg) ;
	background-repeat: repeat-x;
	}
			
p {  line-height:200%; padding: 9px; margin: 0; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
h2 { padding: 7px; color: black; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
h3 { padding: 7px; color: #577FAC;  font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
h4 { padding: 7px; color: #577FAC;  font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
h5 { padding: 7px; color: #577FAC;  font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
h6 { padding: 7px; color: black; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }


div.topbox {
position: absolute;
padding: 0px;
border: 0px solid black;
margin-top: -34px;
margin-left: 0px;
background-color: none;
width: auto;
}

h1.toptab  { 
	color: #000;
	background-color: none;
	font: bold 24px arial, sans-serif; 
	text-decoration: none; 
	background: url("images/white-tab-right.png") no-repeat right top; 
	display: block; 
	margin-top:-8px;
	padding-top:8px;
	padding-left: 19px;
	padding-right: 19px;
	height: 34px; 
	float: left; }


div.bottomcontent{
	display: block;
	background-color: #577FAC;
	background: url("images/sidebar-background-blue.gif"); 
	padding: 0px;
	margin: 0;
	float: left;
	min-height: 300px;
	width: 960px;
}

div.rightcol{
	text-align: center;
	display: block;
	background-color: #577FAC;
	padding: 0px;	
	margin: 0px;
	float: right;
	min-height: 300px;
	width: 206px;
	background: url("images/sidebar-blue-top-gradient.gif") no-repeat right top; 
}
div.leftcol{
	display: block;
	min-height:300px;
		padding: 0px;	
		padding-left: 15px;
padding-right: 15px;
	margin: 0;
	float: left;
	width: 724px;
	background-color: white;
	color: black;
	}
div.greysidebox a{
 border: 0px solid black;

}
	
div.greysidebox{
	width:206px;
	padding:0px;
	padding-bottom:10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;s
	float: right;
	display: block;
	min-height: 60px;
	background: url("images/sidebar-greybox-bottom.gif") no-repeat right bottom;
	
}
div.greysidebox  p{
	font-size: 11px;
	outline:0; 
	width:181px;
	padding-top: 3px;
	padding-left: 12px;
	padding-right: 13px;
}
span.greysidebox{
	width: 206px;
	line-height: 18px;
	margin-top: -8px;
	padding-top: 8px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	display: block;
	height: 24px;
	background: url("images/sidebar-greybox-top.gif") no-repeat right top;
	
}


div.mainbox {
	position:relative;
border: 1px solid #323232;
	width: 960px;
	margin-left: auto;
margin-right: auto;

background: none;

  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-botton: 0px;

	
 }





.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


div.contentbox  {
float: left;
width: 719px;
margin-left: 0px;
margin-top: 0px;
height: auto;
padding: 10px;
border: 0px dashed red;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

div.afiliatesbox  {
height: auto;
padding: 3px;
margin: 3px;
border: 0px dashed black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
span.afiliatesbox {
height: auto;
padding: 3px;
margin: 30px;
border: 0px dashed red;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
p.afiliatesbox {
	line-height:100%
height: auto;
padding: 0px;
margin: 3px;
border: 0px dashed green;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
}
}