/* ----- universal settings -----*/
body {
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	background: url('bg.jpg') center top repeat-x #526b39; 
	font-family: verdana, san-serif; 
	font-size: 8pt; 
	color: #334922;
}

td {font-size: 8pt;}
p {margin: 0px; padding: 0px;}


/* ----- typography/positioning ----- */
.content {padding: 0px 8px 0px 8px;}
.welcome {padding: 0px 12px 0px 8px;}
.news {padding: 0px 10px 0px 28px;}

.contact {padding: 25px 0px 0px 35px;}
.contact2 {padding: 0px 0px 0px 5px;}

.footer, .copyright {color: #fff; text-align: center; font-size: 7pt;}

.imgbdr {padding:2px; border:1px solid #000000;}
/* ----- links ----- */
a:link {text-decoration: none; color: #700;}
a:visited {text-decoration: none; color: #700;}
a:hover {text-decoration: underline; color: #700;}
a:active {text-decoration: none; color: #700;}

.footer a:link, .copyright a:link {text-decoration: none; color: #fff;}
.footer a:visited, .copyright a:visited {text-decoration: none; color: #fff;}
.footer a:hover, .copyright a:hover {text-decoration: underline; color: #fff;}
.footer a:active, .copyright a:active {text-decoration: none; color: #fff;}


/* ----- backgrounds ----- */
.white {background-color:#fff;}
.location {background: url('location-back.gif') center top no-repeat; height:430px; padding-left: 17px; padding-top: 15px;}

.top_l {background: url('top_l.jpg') right top no-repeat;}
.top_r {background: url('top_r.jpg') left top no-repeat;}

.fader_l {background: url('fader_l.jpg') right top no-repeat;}
.fader_r {background: url('fader_r.jpg') left top no-repeat;}

.contact {background: url('bg-contact.jpg') left top no-repeat;}

.bg_foot {background: url('bg_foot.jpg') center top repeat-x;}


/* ----- other stuff ----- */
#fader {height: 317px; width: 760px; overflow: hidden;}

ul li {
	margin-left: -10px; 
	list-style-image: url('bullet.gif');
}

#container {
    width: 1200px;
    margin: 0 auto;
}
 
/*Media Queries*/
@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
    #container {
        width: 1000px;
    }
}
 
 
@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
    #container {
        width: 800px;
    }
}
 
@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
    #container {
        width: 600px;
    }
}
 
@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
    #container {
        width: 400px;
    }
}
 
@media only screen and (max-width : 399px),
only screen and (max-device-width : 399px){
    #container {
        width: 200px;
    }
}