@charset "utf-8";
/* CSS Document */

/*http://rafael.adm.br/css_browser_selector*/

body {
	font-family: Times, Verdana, Arial, Helvetica, sans-serif; 
	background: url("img/bg-red.gif") center top repeat-y;
	color: #195B15;
}

img {border: 0px;}

#stuff {
	margin: 0 auto;
	width: 630px;
}

#pos {position: relative; left: -1px; top: -15px;}

a {text-decoration: none;}

#header {
	background-image: url("img/headbg-green.gif");
	background-repeat: repeat-x;
	height: 152px;
	color: #FFFFFF;
}

#header h1 {
	position: relative;
	top: -170px;
	left: 175px;
}

#header a:link {color: white;}
#header a:visited {color: white;}
#header a:hover {color: white;}
#header a:active {color: white;}

#header h3 {
	position: relative; 
	text-align: center;
	top: -180px;
	margin-left: 155px;
	height: 70px;
}

#main {height: 780px; background-color: #FFFFFF;}

#train {height: 1405px;	background-color: #FFFFFF;}

#history {height: 1250px; background-color: #FFFFFF;}

#cook {height: 700px; background-color: #FFFFFF;}

#best {height: 500px; background-color: #FFFFFF;}

#attract {height: 1050px; background-color: #FFFFFF;}

#find {height: 525px; background-color: #FFFFFF;}

#menu {height: 560px; background-color: #FFFFFF;}

#privacy {height: 400px; background-color: #FFFFFF;}

#rights {height: 690px;	background-color: #FFFFFF;}

#soups {height: 830px; background-color: #FFFFFF;}

#links {
	padding-top: 30px;
	padding-left: 10px;
	float: left;
	width: 175px;
	height: 220px;
	background-image: url("img/n2.gif");
	background-repeat: repeat-x;
}

.navigation {
	float: left;
	margin-left: 1px;
	width: 165px;
}

.navigation ul {margin: 0; padding: 0;}
.navigation li {
	border-bottom: 1px solid #228922;
	list-style: none;
}
.navigation li a {
	background: #195B15 url(img/bgnavigation.gif) repeat-x;	
	color: #FFFFFF;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.navigation li a:hover {
	background: #228922;
	color: #FFFFFF;
}

#calendar {position: relative; left: -45px;}
#cal {position: relative; left: -10px;}

#centered {text-align: center;}

#content {
	padding: 10px;
	padding-top: 50px;
	float: right;
	width: 425px;
	height: 100px;
	background-image: url("img/n2.gif");
	background-repeat: repeat-x;
	clear: right;
	padding-right: 10px;
}

#move {position: relative; top: -20px;}

.text a {text-decoration: underline;}

#cookbook {
	position: relative;
	width: 35%;
	left: -170px;
	top: 10px;
}

#cookbook a {border: none; padding-left: 20px;}


#banner {
	position: absolute;
	top: -5px;
	left: -95px;
}

#banner2 {
	position: absolute;
	top: 185px;
	left: -187px;
}

.bospic {
	float: left;
	padding: 10px;
	padding-top: 0px;
}

#soup {
	position: relative; 
	left: 55px; 
	top: -130px;
	width: 300px;
	height: 161px;
	color: #195B15;
	text-align: center;
}

#soup span {font-size: 11px; position: relative; top: -20px; left: -45px; color: black;}

#soup hr {color: #195B15; width: 200px;}

#note {font-size: 11px; position: relative; top: -20px; left: 10px; color: black;}

#awards {
	padding: 10px;
	position: relative;
	left: -170px;
	top: -100px;
	color: #195B15;
	width: 200px;
	height: 130px;
	float: left;
	text-align: center;
}

#awards hr {color: #195B15; width: 100px;}

#bosmedal img{
	padding-left: 10px;
	padding-right: 10px;
}

#medal {
	position: absolute;
	top: 550px;
	left: -150px;
}

#footer {
	margin-left: 25%;
	margin-right: 25%;
	position: relative;
	left: -25%;
	bottom: 10px;
	text-align: center;
	color: #195B15;
	font-size: 9px;
	width: 630px;
	padding-top: 15px; 
	height: 10px;
}

#footer ul{list-style-type: none; margin-left: 170px;}

li#a1 {padding-left: 10px; padding-right: 10px; float: left; padding-top: 10px;}
li#a2 {padding-left: 10px; padding-right: 10px; float: left; padding-top: 10px;}
li#a3 {padding-left: 10px; padding-right: 10px; float: left; padding-top: 10px;}
li#a4 {padding-left: 10px; padding-right: 10px; float: left; padding-top: 10px;}

a:link {color: #195B15;}
a:visited {color: #195B15;}
a:hover {color: red;}
a:active {color: #195B15;}