html, body {
height: 100%;
font: 83% "lucida sans", "Trebuchet MS", tahoma, sans-serif;
background:#DFDEA4; 
color:#000000;
margin:0; 
padding:0; 
} 
#pagewidth {
width:1000px;
}
			/*TOP BANNER*/
#header {
position:relative; 
height:75px; 
border-bottom: 3px solid #33cccc;
background:url(../assets/images/el_header.jpg) no-repeat;
/*background: #77593C; */
color:#3399cc;
width:100%;
} 
#header h1#logo {
position: absolute;
margin: 10px 0 0 10px;
padding: 0;
font: normal 2.5em 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: 3px;
text-transform: none;
top: 0; left: 5px;
color: #33cccc;	
}
#header h2#slogan {
position: absolute;	 
top:40px; left: 90px;
color: #ffffff;
text-indent: 0px;
font: bold 11px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif; 
text-transform: none;	
}
#header h3#logo {
position: absolute;
margin: 10px 0 0 10px;
padding-left:250px;
padding-top:10px;
font: normal 1.0em 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: 3px;
text-transform: none;
top: 0; left: 5px;
color: #33cccc;	
}
#header h4#logo {
position: absolute;
margin: 10px 0 0 750px;
padding-left:100px;
padding-top:10px;
font: normal 2.0em 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: 3px;
text-transform: none;
top: 0; left: 5px;
color: #33cccc;	
}
#header h5#slogan {
	position: absolute;
	top:40px;
	left: 900px;
	color: #77593C;
	text-indent: 0px;
	font: bold 14px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
}
			/*LEFT COLUMN*/
#leftcol {
	float:left;
	position:relative;
	width:200px;
	height:484px;
	overflow: hidden;
	border-top:0px solid #33ccff;
	line-height: 1.6em;
}

#twocols {
float:right; 
position:relative; 
width:80%; 
}
			/*RIGHT COLUMN*/
#rightcol {
float:left; 
position:relative; 
width:450px; 
border-top:0px solid #33cccc;
line-height: 1.4em;
color:#77593C;
font: 100%;
}

#rightcol p {
padding: 10px 15px 10px 15px;
font-size: 14px;
}
#tableMagic {
float:left; 
position:relative; 
width:450px; 
border-top:0px solid #33cccc;
line-height: 1.5em;
color:#77593C;
font: 100%;
}
#tableMagicRedux {
text-align:center;
position:relative; 
width:450px; 
border-top:0px solid #33cccc;
line-height: 1.5em;
color:#77593C;
font: 100%;
}

		/*MAIN MENU*/
#navcontainer {
width: 258px;
height:484px
}
#navcontainer ul {letter-spacing: 3px;
margin: 0;
padding-left: 0;
list-style-type: none;
font: 100% "lucida sans", Arial, Helvetica, sans-serif;
}
#navcontainer a {
display: block;
padding: 3px;
height:25px;
background: #77593C; 
border-bottom: 1px solid #33ccff;
}
#navcontainer a:link, #navlist a:visited {
padding-top: 15px;
padding-left: 20px;
color: #33ccff;
background: #77593C; 
background-position: 0.4em;
text-decoration: none;
}
#navcontainer a:hover {
background: #33ccff;
background-position: 0.4em;
color: #77593C;
}
			/*CENTER COLUMN*/
#maincol {
float: left; 
display:inline; 
position: relative; 
width:258px; 
border-right: 1px solid #77593C;
border-left: 1px solid #77593C;
line-height: 1.6em;
background: #77593C; 
color:#ffffff; 
overflow:hidden;
}
#maincol a:link, #maincol a:visited {
text-decoration : none;
color : #ffffff;
}
#maincol a:hover {
text-decoration : none;
background : #33cccc;		
color : #77593C;
}
			/*FOOTER*/
#footer {
clear:both;
width:1000px; 
height:125px; 
border-top: 3px solid #33cccc;	
background: #77593C; 
text-align: center;
color: #fff;
}
#footer a:link, #footer a:visited {
text-decoration : none;
color : #ffffff;
}
#footer a:hover {
text-decoration : none;
color : #33cccc;	
}

		
			/*TYPOGRAPHY*/

h1 {
padding: 20px;
font-size: 175%;
letter-spacing: 3px;
color:  #77593C;
background: transparent;
}
h2 {font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
margin-left:10px;
padding: 0 0 1px 0;
font-size: 150%;
letter-spacing: 3px;
color:  #77593C;
background: transparent;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.cakeOne{
background:url(../assets/images/el_h_side.jpg);
}
.cakeTwo{
background:url(../assets/images/el_w_side.jpg);
}
.cakeThree{
background:url(../assets/images/el_b_side.jpg);
}
.cakeFour{
background:url(../assets/images/el_c_side.jpg);
}
.tableCenter{
	text-align:center;
}
