body {
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	}
#mainWindow {
	width:800px;
	margin:auto;
	margin-top:0px;
	}
#header {
  	position:relative;
  	left:0px;
  	top:0px;
  	height:85px;
  	width:100%;
	font:35px Verdana, Arial, Helvetica,sans-serif;
	color:#363;
	text-align:left;
	padding:10px 0px 0px 0%;
  	border-bottom:7px solid #363;
  }
    
#middle {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  	position:relative;
  	left:0;
  	top:0;
	width:800px;
	border-left:1px solid #363;
	border-right:1px solid #363;
  	border-bottom:1px solid #363; 
	background:#363;
	text-align:left;
  }

#leftCol {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  	position:absolute;
  	top:0;
  	left:0;
  	width:18%;
	text-align:left;
	padding:35px 4px 10px 10px;
	color:white;
	font:20px Verdana, Arial,Helvetica,sans-serif;
	margin:0px;
	  }
	  
#leftCol a:link {	 
	color:white;
	font:20px Verdana, Arial,Helvetica,sans-serif; 
	text-decoration:none;
	margin-top:7px;
	}	  
#leftCol a:visited {	 
	color:white;
	font:20px Verdana, Arial,Helvetica,sans-serif; 
	text-decoration:none;
	margin-top:7px;
	}	 
#leftCol a:hover {	 
	color:red;
	font:20px Verdana, Arial,Helvetica,sans-serif; 
	text-decoration:underline;
	margin-top:7px;
	}	 
#leftCol a:active {	 
	color:white;
	font:20px Verdana, Arial,Helvetica,sans-serif; 
	text-decoration:underline;
	margin-top:7px; 
	}	  
#centerCol {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  	position:relative;
  	top:0;
  	left:18%;
  	width:82%;
	background:#fff;	 
	text-align:left;
	padding:20px 10px 45px 15px;
	color:#000;
	margin:0px;
	display:block;
	min-height:650px;
	}
#footer {
  	position:relative;
  	left:-3px;
  	top:41px;
	width:100%;
  	padding:20px 10px 0px 0%;
	font:8pt Verdana,Arial,Helvetica,sans-serif;
  	clear:both;
  	}	
	
/* HTML TAGS */

h1 {
	font:18pt Verdana,Arial,Helvetica,sans-serif;
	}
h2 {
	font:16pt Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:2px;
	}
h3 {
	font:12pt Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:2px;
	}
h3 a:link {
	font:bold 12pt Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:2px;
	color:blue;
	text-decoration:none;
	}
h3 a:visited{
	font:bold 12pt Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:2px;
	color:blue;
	text-decoration:none;
	}
h3 a:hover {
	font:bold 12pt Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:2px;
	color:red;
	text-decoration:underline;
	}
h3 a:active {
	font:bold 10pt Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:2px;
	color:red;
	text-decoration:underline;
	}
h4 {
	font:12pt Arial,Helvetica,sans-serif;
	color:white;
	text-decoration:none;
	margin-left:6px;
	background-color:yellow;
	}
h4 a:link{
	font:12pt Arial,Helvetica,sans-serif;
	color:blue;
	text-decoration:none;
	margin-left:6px;
	}
h4 a:visited{
	font:12pt Arial,Helvetica,sans-serif;
	color:blue;
	text-decoration:none;
	margin-left:6px;
	}
h4 a:hover{
	font:12pt Arial,Helvetica,sans-serif;
	color:yellow;
	text-decoration:underline;
	margin-left:6px;
	}
h4 a:active{
	font:12pt Arial,Helvetica,sans-serif;
	color:yellow;
	text-decoration:underline;
	margin-left:6px;
	}
p {
	font:10pt Verdana,Arial,Helvetica,sans-serif;
	margin-top:0px;
	margin-bottom:10px;
	}



/* TABLES */
td {
	font: 10pt Verdana,Arial,Helvetica,sans-serif;
	text-align:left;
	}
	
/*FORMS */
.wrapper {
	width:100%;
	font:12px Arial,Verdana,sans-serif;
	}

.caption {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	height: 25px;
	width: 28%;
	font: 12px Arial, Verdana, sans-serif;
	color: #039;
	text-align: right;
	margin: 5px 5px;
	padding: 4px 0px 0px 0px;
	}
	
.formField {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	height: 26px;
	width: 63%;
	font: 12px Arial, Verdana, sans-serif;
	color: #039;
	text-align: left;
	margin: 3px 5px 6px 5px;
	}

.formDisplay{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	height: 25px;
	padding: 7px 0px;
	text-align: left;
	width:63%;
	padding: 9px 9px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	}

.recipeLink {
	font:12px Arial,sans-serif;
	color:white;
	text-decoration:none;
	}
.recipeLink a:link {
	font:12px Arial,sans-serif;
	color:white;
	text-decoration:none;
	}
.recipeLink a:visited {
	font:12px Arial,sans-serif;
	color:white;
	text-decoration:none;
	}
.recipeLink a:hover {
	font:12px Arial,sans-serif;
	color:red;
	text-decoration:underline;
	}
.recipeLink a:visited {
	font:12px Arial,sans-serif;
	color:red;
	text-decoration:underline;
	}
	
#menuLink {
	font:10pt Arial,sans-serif;
	color:white;
	text-decoration:none;
	margin-top:12px;
	}
#menuLink a:link{
	font:10pt Arial,sans-serif;
	color:white;
	text-decoration:none;
	display:block;
	margin:1px 0px 5px 0px;
	}
#menuLink a:visited{
	font:10pt Arial,sans-serif;
	color:white;
	text-decoration:none;
	display:block;
	margin:1px 0px 5px 0px;
	}
#menuLink a:hover{
	font:10pt Arial,sans-serif;
	color:red;
	text-decoration:underline;
	display:block;
	margin:1px 0px 5px 0px;
	}
#menuLink a:active{
	font:10pt Arial,sans-serif;
	color:red;
	text-decoration:underline;
	display:block;
	margin:1px 0px 5px 0px;
	}