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

<style type="text/css">
/*for 980 or less*/
@media screen and (max-width:980px){
#wrapper{
	width:88%;}
.content{
	width:65%;}
.address{
	width:20%}
}
/*for 700 or less*/
@media screen and (max-width:700px){

.content{
	width:auto;
	float:none;}
	#fabfall{
		display:none;}
.address {
	width:auto;
	float:none;
	margin-left:5px;}
.address a a:hover a:visited{
		font-size: .9em;}
#fabfall{
		display:none;
}}
/*for 480 or less*/
@media screen and (max-width:480px){

.content{
	width:auto;
	float:none;}
.address{
	width:auto;
	float:none;}
#fabfall{
		display:none;}
#lilleaves1{
			display:hidden;}
#lilleaves2{
			display:none;}
div#address. a a:hover a:visited{
		font-size: .75em;}
}	


body{
	background-image:url(images/bg2.jpg);
	background-repeat: repeat;
}
#wrapper{
	margin:0 auto; 
	width:80%;
	height: auto;
	border: 2px solid #306;
	background-image:url(images/wrapper_bg.png);
	background-repeat: repeat;
	padding-top:10px;
	}
.wrapper {
	margin: 0 auto; 
	padding:5px 5px 0 0;
	width:80%;
	height: auto;
	border: 2px solid #306;
	background-image:url(images/wrapper_bg.png);
	background-repeat: repeat;
	
	}


#content{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color:#333;
	padding: 0 7 0 3px;
	position:relative;
	width:75%;
	vertical-align:top;
	float:right;
}
.content{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color:#333;
	padding: 0 5px 0 5px;
	position:relative;
	width:75%;
	vertical-align:top;
	float:right;
	margin-top:20px;
}
.content2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color:#333;
	padding: 0 10px 0 10px;
	position:relative;
	width:77%;
	vertical-align:top;
	float:right;
	margin-top:25px;
}
#content.p {
	padding:0 7px 0 7px;
}

#logo{
	margin:0;
}
#content#coupon{
	align:center;
	}
/* These styles apply to the menu UL and LI sets.  */
/* This one removes all list-styles and indentations  */
#navigation ul, #navigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* This sets the color, font, background, borders for what will be the "buttons" in the nav bar */
#navigation a {
	background-image:url(images/button_up.png);
	background-repeat:repeat-x;
	text-decoration: none;
	font: 1em Tahoma, Geneva, sans-serif ;
	text-indent: 10px;
	/* These are commented out in favor of the singular 'black' border until we separate them a bit. */
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999; 
	margin: 0px;
	padding: 0px;
	color: rgb(53,75,118);
}
/* This sets the style for the mouseover. */
#navigation a:hover {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-image:url(images/button_up.png);
	background-repeat:repeat-x;
	color: #333;
}
/* These are 'hooks' for the nav plugin to help control the arrow that shows to indicate a sub menu. 
 They have no effect on the current menu */ 

/* Accordion Local Styles  */
#accordion {
	margin-top: 25px;
	margin-left: 25px;
	width: 650px;
}
#accordion p, #accordion ul {
	color: rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 3px #222;
	font-size: 85%;
}

#accordion h3.pnlHead a:active {
	color: red;
}
#accordion h3 a:hover {
	background-color: #036;
	color: #e4f;
}

#address{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	color:#000;
	padding: 10px 0 0 0;
	margin-left:15px;
	font-weight:normal;
	float:left;
	clear:right;
	width:21%;
	position:relative;
}
	
H1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#000;
	padding:0;
	font-size:1.5em;
	margin: 45px 0px 0 20%;
	
}
H2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#666;
	padding: 35px 10px 0 15px;
	font-size:1.2em;
}
a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #000;

}
a:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color:#303;
	
}

a:hover {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #333;
	
}
a img{
	border:none;
	max-width: 100%;
	max-height: 100%;
}
#footer {
	text-align:center;
	clear:both;
	padding: 10px;
	border-top:#306 solid 1px;
	width:99%;

}
#copy {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:.75em;
	color:#000;
	text-align:center;
	padding: 10px;
}

img{
	max-width: 100%;
	max-height: 100%;
}
.left{
	float:left;
	padding:5px 5px 5px 0;}
.right{
	float:right;
	padding:5px 0 5px 7px;}


.content2 ul li a{
	list-style-type: none;
	font-weight:normal;
}
.contentlistleft{
	width: 48%;
	list-style-type: none;
	font-weight:normal;
	float:left;
	padding-right:10px;
	vertical-align:top;
}
.listleft ul li a{
	list-style-type:none;
}
.contentlistright{
	width:48%;
	inline-style:none;
	font-weight:normal;
	display:block;
	float:left;
	vertical-align:top;
	list-style-type: none;
}
.contentlistleft ul li{
	list-style-type:none;
}
</style>