/* 2 column - menu on left 
adapted from: 
http://www.webdeveloper.com/forum/showthread.php?t=163118
http://www.sitepoint.com/forums/showthread.php?p=3130582
*/
#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
}

#topsection{
height: 120px; /*Height of top section*/
background-color:#FFFFFF;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentarea{
margin-left: 200px; /*Set left margin to leftarea width*/
margin-top:5px;
background-color:#FFFFFF;
}

#menuarea{
float: left;
width: 200px; /*Width of left column*/
margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 10px;
background-color:#EEEEEE;
height:100%;
}

#menuarea.innertube {
height:100%;	
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
background-color: #660000;
}

#footer a, #footer p{
color: #FFFF80;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#menuarea ul li {
	list-style:none;
	display:block;
	width:100%;
	line-height:2;
	}

/*my keepsafe menu grid*/
div#menucontainer {
	width:100%; 
	height:auto; 
	margin:0 auto;
	padding-top:20px;
	text-align:left;
}
div.menurow {
	width:100%;
	float:left;
	text-align:center;
	margin:0 auto;
}
div.menuitem {
	width:100px; 
	height:70px; 
	float:left; 
	margin:5px;
	padding:0;
	text-align:center;
	border:#CCCCCC solid 1px;
}
div.menuitem a:link, div.menuitem a:visited, div.menuitem a:hover, div.menuitem a:active  {
	font-size:x-small;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	}
div.menuitem a:hover {
	background-color:#EEEEEE;
}