* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}

#outer {
	width:100%;
	min-width: 780px;
	background-color: #FFFFCC;
}

#header {
	height:100px;
	background-color: #660000;
	color: #CCCCCC;
}

#bodyblock {
	width:100%;
	background-color: #FFFFFF;
}

#leftcolumn {
	width:25%;
	background-color: #CC0000;
	float:left;
	padding:10px;
}

#content {
	width: 71%;
	background-color: #CC3399;
	float:right;
	padding:5px;
}

#leftcontent {
	background-color: #CC6666;
	width:62%;
	float:left;
	padding:5px;
}
 
#rightcontent {
	background-color: #CC9999;
	width:35%;
	float:right;
	padding:5px;
} 

#footer {
	background-color:#000000;
	color: #FFFFFF;
}

#clr { clear:both; }


.cell{
position:relative;
padding:21px;
width:80%;
}

.cell ul{
margin:0px;
padding:0px;
}

.cell li{
list-style:none;
}

.cellleft{
background-color:#F8C771;
}

.cellright{
background-color:#0000FF;
}

.cellmid{
background-color:#EF2F0F;
}

.lefttl
{top:0px; left:0px; background:url(left.jpg) top left no-repeat;}

.lefttr
{top:0px; right:0px; background:url(left.jpg) top right no-repeat;}

.leftbl
{bottom:0px; left:0px; background:url(left.jpg) bottom left no-repeat;}

.leftbr
{bottom:0px; right:0px; background:url(left.jpg) bottom right no-repeat;}

.righttl
{top:0px; left:0px; background:url(right.jpg) top left no-repeat;}

.righttr
{top:0px; right:0px; background:url(right.jpg) top right no-repeat;}

.rightbl
{bottom:0px; left:0px; background:url(right.jpg) bottom left no-repeat;}

.rightbr
{bottom:0px; right:0px; background:url(right.jpg) bottom right no-repeat;}

.midtl
{top:0px; left:0px; background:url(middle.jpg) top left no-repeat;}

.midtr
{top:0px; right:0px; background:url(middle.jpg) top right no-repeat;}

.midbl
{bottom:0px; left:0px; background:url(middle.jpg) bottom left no-repeat;}

.midbr
{bottom:0px; right:0px; background:url(middle.jpg) bottom right no-repeat;}

.corner
{width:20px; height:20px; position:absolute; z-index:1;}