@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;}

#ads {
	position: absolute;
	left: 0px;
	top: 0px;
}

#swisspic img{
	width: 230px;
	height: 139px;
	padding-left: 10px;
	padding-right: 10px;
}

#homesteadpic img{
	width: 299px;
	height: 79px;
	padding-left: 10px;
	padding-right: 10px;
}

#rrpic img{
	width: 95px;
	height: 117px;
	padding-left: 10px;
	padding-right: 10px;
}

#chamberpic img{
	width: 230px;
	height: 139px;
	padding-left: 10px;
	padding-right: 10px;
}

#wasppic img{
	width: 230px;
	height: 139px;
	padding-left: 10px;
	padding-right: 10px;
}

#utahpic img{
	width: 230px;
	height: 139px;
	padding-left: 10px;
	padding-right: 10px;
}

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

#pos {position: relative; left: -1px; top: -8px;}
.opera #pos {position: relative; left: -1px; top: -8px;}

a {text-decoration: none;}

#logo {
	padding-top: 3px;
}

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

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

.opera #header h1 {font-size: 25px; padding-top: 10px;}

#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;}

#header h3 {
	top: -180px;
	margin-left: 165px;
}

.opera #header h3 {
	top: -170px;
	margin-left: 165px;
	font-size: 15px;
}

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

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

#train {height: 1445px;	background-color: #FFFFFF;}
.opera #train {height: 1750px;}

#history {height: 1230px; background-color: #FFFFFF;}
.opera #history {height: 1470px;}

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

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

#attract {height: 450px; background-color: #FFFFFF;}
.opera #attract {height: 750px;}

#find {height: auto; background-color: #FFFFFF;}
.opera #find {height: auto;}

#menu {height: 570px; background-color: #FFFFFF;}
.opera #menu {height: 650px;}

#privacy {height: 420px; background-color: #FFFFFF;}
.opera #privacy {height: 500px;}

#rights {height: 820px;	background-color: #FFFFFF;}
.opera #rights {height: 950px;}

#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;
}
.opera #links{width: 200px;}
.navigation {
	position: relative;
	top: 15px;
	float: left;
	margin-left: 1px;
	width: 165px;
}
.opera .navigation {width: 185px;}
.navigation ul {margin: 0; padding: 0;}
.navigation li {
	border-bottom: 1px solid #228922;
	border-top: 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;
	float: right;
	width: 425px;
	height: 100px;
	background-image: url("img/n2.gif");
	background-repeat: repeat-x;
}

.opera #content {
	padding-left: 10px;
	padding-right: 10px;
	width: 400px;
}

.text a {text-decoration: underline;}

#textCenter {padding-left: 35px;}

#cookbook {
	position: absolute;
	width: 35%;
	left: -170px;
	top: 20px;
	padding-top: 20px;
}

.opera #cookbook {
	width: 150px;
	top: -20px;	
}

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

#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;}
.opera #soup span {left: -15px;}
#soup hr {color: #195B15; width: 200px;}

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

#banner2 {
	position: absolute;
	top: 165px;
	left: -190px;
}

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

#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;
	height: 20px;
	width: 630px;
}

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

.opera #footer ul{list-style-type: none; margin-left: 10px;}

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;}
li#a5 {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;}