<!--


body {
margin:0;
padding:0;
line-height: 1.5em;
background-image: url('largebackground.jpg');
background-repeat: no-repeat;
background-color: #15512b;
background-position:center; 
background-attachment:fixed;
 background-size: 100% 100%;
color: white;
font-size: large;
font-family:Arial,sans-Serif;
text-align:left;
}

li{
text-align: left;
}

a.bmenu:link {color:#FFFF80;}
a.bmenu:visited {color:#FFFF80;}
a.bmenu:active {color:#FFFF80;background-color:blue;}
a.bmenu:hover {color:#FFFF80;background-color:black;}


img.bf{
border-style:solid;
border-width:5px;
border-color:#8aa895;
}


b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{

height: 80px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/

}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/


}

#footer{
clear: left;
width: 100%;

color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



.box{
color: #a4c9a3;
border-style:solid;
border-width:1px;
border-color:#8aa895;
padding: 5px;
margin-left:auto;
margin-right:auto;
width:15em;

}

p.coupon{
color: black;
border-style:dotted;
border-width:5px;
border-color:black;
padding: 20px;
margin-left:auto;
margin-right:auto;
width:35em;
background-color:white;
}

p.alert{
color:red;
background-color:white;
border-style:solid;
border-color:black;
padding:10px;
border-width:5px;
text-align:center;
font-size: 2em;
}

p.title{
font-size:200%;
color: white;
font-weight:bold;
}

p.bodytext{
color:white;
text-align:left;
}

p.text{
color: white;
font-weight:bold;
text-align: left;
}


/* MENU */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 180px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #15512b url(downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}



/* photo gallery

#FrogJS{
width: 600px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #FFFFFF;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}