html, body
{ 
margin:0; 
padding:0; 
border:0;
}

body
{
margin:15px 0;
text-align:left; 
font-family:Monaco, Verdana, Sans-serif; 
font-size:80%; 
color:#000; 
background:#ccc; 
}

p
{
font-size:12px;
margin:2px 15px;
padding-top:5px;
font-style:normal;
}

h1, h2, h3, h4, h5
{
margin;4px 30px;
text-align:center;
padding:0;
font-weight:bold;
}

a, a:visited
{
text-decoration:underline;
color:#000066;
}

a:hover
{
text-decoration:underline;
color:#ff0000;
background:#fff;
} 

#wrapper
{ 
background:#fff;
width:792px;
border:1px solid #eee;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header
{
display:block; 
height:233px; 
background:url(http://www.ironworkers44.com/44_flier/images/44_flier_header.jpg) #fff;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
margin-top:-20px;
margin-bottom:5px;
}

* html #header
{margin-top:10px;}

#nav
{
display:block; 
height:15px; 
background: #fff;
color:#fff;
font-size:13px;
font-weight:bold;
text-align:right;
padding-right:20px;
}

#header h1
{
color:#fff;
font-family:georgia, times new roman, times, courier, serif;
font-size:30px;
text-align:center;
padding:30px 0 0 30px;
}
#top_text
{
display:block;  
background: #fff;
color:#000066;

font-weight:bold;
text-align:center;
padding-right:20px;
}
#top_text h2
{
color:#000066;
font-family:georgia, times new roman, times, courier, serif;
font-size:16px;
text-align:center;
padding:4px 0 0 4px;
}

#maincol
{
background-color:#fff;
border:0px solid #000;  
float:right; 
display:inline; 
position:relative; 
width:375px; 
}

#leftcol
{
background-color:#fff;
border:0px solid #ff0000;
width:410px;
float:left; 
position:relative; 
}

#footer
{
padding:5px;
background:#eee;
clear:both;
color:#000;
font-size:12px;
font-weight:normal;
text-align:left;
}

.titlebox {
	width:104px;
	height:12px;
	float:right;
	border:1px solid #000;
	background:#fff;
	margin-top:186px;
	margin-right:30px;
	font-family: Monaco, Verdana, Sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	padding:8px;
	
}
.fullbox {
	width:750px;
	border:1px solid #000;
	background:#fff;
	margin-left:10px;
	margin-right:10px;
	font-family: Monaco, Verdana, Sans-serif;
	font-size:12px;
	color:#000;
	padding:8px;
	
}

.leftbox {
	width:378px;
	border:1px solid #000;
	background:#fff;
	margin-left:10px;
	font-family: Monaco, Verdana, Sans-serif;
	font-size:12px;
	color:#000;
	padding:8px;
	
}

.rightbox {
	width:335px;
	border:1px solid #000;
	background:#fff;
	margin:0 auto;
	display:relative;
	text-align:left;
	font-family: Monaco, Verdana, Sans-serif;
	font-size:12px;
	color:#000;
	padding:8px;
	
}
.imageleft{
float:left;
border:1px solid #eee;
margin:0 6px 6px 0;
}

.imgright{
float:right;
border:1px solid #eee;
margin:0 6px 6px 0;
}

.clear
{clear:both;}

/* fixes clearing of the floating elements on maincol and leftcol */ 

.clearfix:after /* :after is a pseudo-element that inserts something after an element.  So, after content: which is defined as "." it will clear the columns by displaying a "block of text that has a height of 0", clears any content that is floating, and is effectively hidden from view */
{
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
 
.clearfix
{display:inline-table;}

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

.clearfix
{display:block;}
/* End hide from IE-mac */