		/*** The Essential Code ***/

		body {
			min-width: 1010px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
			
		}

		#container {
			padding-left: 250px;      /* LC fullwidth */
			padding-right: 210px;     /* RC fullwidth + CC padding */
		}
		
		#container .column {
			position: relative;
			float: left;
		}
		
		#center {
			padding: 10px 20px;       /* CC padding */
			width: 100%;
		}
		
		#left {
			width: 230px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 290px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		#right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}

		/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
		}


		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/
		}

		/*** Just for Looks ***/

		body {
			margin: 0;
			padding: 0;
			background: #000;
			color:#FFF;
			font:Verdana, Arial, Helvetica, sans-serif;
			font-size: .9em;
		}

		#header, #footer {
			text-align: center;
			font:Verdana, Arial, Helvetica, sans-serif;

		}

		#left {
			background: #000;
		}

		#center {
			background: #000;
		}

		#right {
			background: #000;
		}

		#container .column {
			padding-top: 1em;
		}
		a:link {
			color: #FF0000;
			text-decoration: none;
		}
		a:visited {
			color: #CC0000;
			text-decoration: none;
		}
		a:hover {
			color: #CCFF00;
		}
		h1 {
			color: #FF0000;
			margin-bottom: 0px;
		}
		h2 {
			color: #FF0000;
		}
		h3 {
			color: #FFFFFF;
			font-size: 1.2em;
		}
		h4 {
			color: #99FF00;
			font-size: 1.2em;
			margin-bottom: 2px;
		}
		h5 {
			font-size: 1.1em;
			margin-top: 0px;
		}
		h6 {
			font-size: 0.7em;
		}
		
/* NAVBAR ***/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #999;
background-image: url(images/l1_up.jpg);
}

#navcontainer a:link, #navlist a:visited
{
color: #ff0000;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(images/l1_over.jpg);
color: #ff0000;
}

#active1 a:link, #active1 a:visited, #active1 a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.jpg);
color: #FFF;
}

<!--------------------------------------------------->

#navlist2 ul
{
margin: 0;
white-space: nowrap;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 0;
}

#navlist2 li
{
display: inline;
list-style-type: none;
}

#navlist2 a
{
padding: 4px 16px 2px 40px;
border: 1px solid #333;
background-color: #999;
background-image: url(images/l1_up.jpg);
}

#navlist2 a:link, #navlist2 a:visited
{
color: #ff0000;
text-decoration: none;
}

#navlist2 a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.jpg);
color: #fff;
}

#active2 a:link, #active2 a:visited, #active2 a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.jpg);
color: #ff0000;
}
<!--------------------------------------------------->
