/* page formatting style ekobacken site */

body {
	background-color: #306a0e;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	font-family: verdana, geneva, arial, sans-serif;
	font-size: small;
	text-align: center;
	}
	
#container {
	width: 720px;
	background-color: #ffffff;
	margin: 20px auto 15px auto;
	padding: 10px;
	text-align: left;
	}

#header {
	position: static;
	width: 720px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
#nav {
	position: static;
	width: 160px;
	background-color:	#ffffff;
	margin: 	15px 0px 0px 0px;
	padding: 	30px 5px 10px 15px;
	text-align: left;
	}
	
#maincopy {
	position: static;
	width: 486px;
	margin: 10px 0px 0px 0px;
	padding: 10px 16px 10px 20px;
	text-align: left;
	}

#footer {
	width: 688px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 15px 0px 10px 0px;
	}

div>p:first-child {					/* this causes ie and compliant browsers to display first p in a div the same */
	margin-top: 0px;
	}
	
.border {
	border: 1px solid black;
	}
	
.clear {
	clear: both;
	width: 5px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}
	
.floatl {
	float: left;
	padding: 0px 16px 0px 0px;
	display: inline;					/* fix IE double margin bug on floats */
	}

.floatr {
	float: right;
	display: inline;					/* fix IE double margin bug on floats */
	}
	
.fullwidth {
	width: 688px;
	margin: 0px;
	padding: 10px 16px 10px 16px;
	text-align: left;
	}
	
.halfwidth {
	width: 300px;
	margin: 0px;
	padding: 10px 30px 10px 30px;	
	text-align: left;
	}
	
.fullwidthpadded {
	width: 588px;
	margin: 0px auto 0px auto;
	padding: 10px 66px 10px 66px; 
	text-align: left;
	}
	
.topborder {
	border-top:	3px solid #306a0e;
	}
	
.leftborder {
	border-left:	3px solid #306a0e;
	}
	
.rightborder {
	border-right:	3px solid #306a0e;
	}

.nobottom {
	margin-bottom:	0;
	padding-bottom:	0;
	}
	
.notop {
	margin-top:	0;
	padding-top:	0;
	}		

img {
	border: 0px;
	}
	
a {
	text-decoration: none; 
	color: #00008b;
	}

a:visited {
	text-decoration: none; 
	color: #708090;
	}

a:hover {
	text-decoration: none; 
	color: #dc143c;
	}
	
#nav p {   /* forces bottom to move up */
	margin-bottom:	0;
	padding-bottom:	0;
	margin-top:	0;
	padding-top:	0;
	}	
	
#nav a {  /* color of link */
  	color:	#224d0a; 
  	text-decoration:	none;
		display:  block;
		height: 20px;
		width: 150px;
		padding:	3px 0px 0px 7px;
  	border: 1px solid black;
		background-color: #f1fceb;  
  	}
		
#nav a:visited {  /* color of visited link */
		color: #224d0a;
  	text-decoration:	none;
		display:  block;
		height: 20px;
		width: 150px;
		padding:	3px 0px 0px 7px;
  	border: 1px solid black;
		background-color: #f1fceb;  
		}

#nav a:hover {  /* color of link when hovered*/
		color: #fff;  
		text-decoration: none;
  	text-decoration:	none;
		display:  block;
		height: 20px;
		width: 150px;
		padding:	3px 0px 0px 7px;
  	border: 1px solid black;
		background-color: #306a0e;  
		}	

#frame {
	width: 770px; 
	margin: 0 auto; 
	padding: 25px 0 25px 0; 
	background: #306a0e;
	}
	
table {  /* table with 10 px padding and no margins */
	padding:	10px;	
	margin: 	0px auto 0px auto;
	}	
	
table.description {
	font-size:		80%;
	}	
	
td.leftborder {
	border-left:	1px solid #ff6300;
	padding-left:	15px;
	}
	
td.size150 {  /* sets a td to 170 px */
	width:					150px;		
	}
	
ul {
	margin-top:		0;
	padding-top: 	0;
	margin-left:	10px;
	padding-left:	10px;
	}
	
li {
	margin:		0px 0px 0px 0px;
	padding: 	5px 0px 0px 0px;
	}

ul li {
	list-style-image: url(../images/bullet.gif);
	}

.foodmenu {
	background-image: url(../images/foodmenubkg50.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	}  
	
h1 {
  font-size:      250%;
	text-align:			center;
	font-weight:    normal;
	font-family: 		arial, verdana, geneva, sans-serif;
	}
	
h1.left {
  font-size:      140%;	
	text-align:			left;
	font-weight:    normal;
	font-family: 		arial, verdana, geneva, sans-serif;
	}			
	
h2 {
  font-size:      130%;	
	font-weight:    normal;	
	}
	
h2.left {
  font-size:      130%;
	text-align:			left;	
	font-weight:    normal;	
	}
	
h3 {
  font-size:      120%;	
	font-weight:    normal;
	}
	
h4 {
  font-size:      110%;	
	font-weight:    normal;
	}

.tl {
	text-align:	left;
	}
	
.tc {
	text-align:	center;
	}
	
.tr {
	text-align:	right;
	}
	
.tj {
	text-align:	justify;
	}
	
.stl {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	left;
	}
	
.str {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	right;
	}
	
.stc {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	center;
	}
	
.ltc {
	font-size:      110%;	
	font-weight:    normal;
	text-align:	center;
	}
	
.red {
	color: #c90000;
	}
	
.impact{
  font-size:      250%;		
	font-weight:    normal;
	font-family: 		impact, Trebuchet MS, Verdana, sans-serif;
	}