
<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.5em;	 
background: url(http://grandpas-kitchen.com/GK/bgd1.jpg);
}

b{font-size: 110%;}
em{color: #2f5017; font-size: 150%;}

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #f5ffc3;
height: 260px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;  
background: #819a58;
}

#contentcolumn{
margin-right: 400px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 400px; /*Width of right column*/
margin-left: -400px; /*Set left margin to -(RightColumnWidth) */
background: #f5ffc3;
}

#footer{
clear: left;
width: 100%;
background: #dcb45c;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube1{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
a.pagelink:link { color: #004400; text-decoration: none; font-size: 130%; font-weight:bold;}

a.pagelink:visited { color: #55421d; text-decoration: none;  font-size: 130%; font-weight:bold;}

ddequalcolumns.setHeights();

</style>

<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>



<style type="text/css">

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: black;
background: #dcb45c url(http://grandpas-kitchen.com/GK/roundleft1.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 0px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(http://grandpas-kitchen.com/GK/roundright1.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #f7e7ad; /*background color of tabs onMouseover*/
color: black;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #dcb45c; /*background color of horizontal line*/
border-top: 2px solid #819a58; /*Remove this to remove border between bar and tabs*/
}

</style>




