body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #999999 url(graphics/bg.jpg);
}
* {
margin:0;
padding:0;
}
.clearfix{
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

h1 {
	font-size:1.1em;
	color:#990033;
	padding:5px 0 0 10px;
	border-bottom:1px solid #990000;
	}
h2 {
	font-size:1em;
	color:#95261a;
	padding:5px 0 0 10px;
		border-bottom:1px solid #990000;
		}
h3 {
	background-color:#95261a;
	color: #ffffff;
	font-size: .9em;
	padding:5px;
	margin:5px 0 0 0;
}
h4 {
	text-align:center;
	font-size:.85em;
	padding:10px 0 0 0;}
p {
	margin: 0;
	padding: 5px 0;
	font-size:.85em;
	line-height:1.4em;
}
li {
	font-size:.85em;
	padding:5px 0 0 0;
	}
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#95261a;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
.twoColHybLt #main { 
	width:775px;
	height:100%;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/**************************************************/		
/************** BANNER DIVs ***********************/
/**************************************************/
#banner {
	margin:0;
	padding:0;
	background: url(graphics/banner_backgd.gif) repeat-x;
	height:109px;
}
#border{
	background: url(graphics/banner_top.gif) repeat-x;
	height:12px;
}
/**************************************************/
#slider {
 	 text-align:center;
	 }
/**** ADDITIONAL SECTION BELOW NAVIGATION *************/
.columnleft {
	background:#FFFFFF;
	padding: 0;
	margin: 0;
	font-size:.85em;
}
.columnleft img {
	padding:7px 0;}
.columnleft a:link, .columnleft a:hover {
	text-decoration:underline;
	background-color:#FFFFFF;
	}
ul.coupon {

	}
.coupon li{
	padding-left: 15px;
	margin-left: 5px;
	}
/**************************************************/		
/************** NAVIGATION DIVs ***********************/
/**************************************************/
#nav {
	width:200px;
	position:relative;
	top:15px;
	float: left;
	background: url(graphics/nav_backgd.gif) repeat-y;
	padding: 0 0 0 4px;
	margin: 0 0 0 4px;

}
#nav2 {		
	border-right:1px solid #aeaeae;
	border-left:1px solid #aeaeae;
	margin:0;
}
#nav ul {
	margin: 0 0 0 4px;
	padding:0 0 30px 0;
	list-style: none;
}
#nav li {
	list-style:none;
	line-height:1.8em;
	}
#nav a:link, #nav a:visited, #nav a:active{
	color:#000000;
	padding: 0 35px 0 10px;
	font-size:.95em;
	text-decoration:none;
	display:block;
	width:150px;
	}
#nav a:hover{
	background-color:#95261a;
	color:#FFFFFF;
}	
#nav h3 {
padding: 3px 0;
	margin: 3px 0;
	text-align:center;
}
#nav p {
padding: 3px 0; 	margin: 3px 0;
}
/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLt #sidebar1 p" rule.
*/
.twoColHybLt #sidebar1 {
	float: left; 
	width: 12em; /* since this element is floated, a width must be given */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
}
.twoColHybLt #sidebar1 h3, .twoColHybLt #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
#local {
float:left;
width:235px;
padding:5px;
}
#exotic {
float:left;
width:240px;
padding:5px;
}
/**************************************************/		
/************** CONTENT DIVs ***********************/
/**************************************************/

#content {
text-align:left;
margin: 0 20px 0 15em;
height:100%;
}
#content ul {
margin-left:30px;
text-align:left;
}
#content ol {
margin-left:30px;
text-align:left;
}
#content td {
vertical-align:top;
text-align:left;
}
#content p {
text-align:left;
padding:10px 20px 0 0;
}

#content a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#content img {
border:none;
margin: 4px;
}
#insects img
{margin:0 5px 0 0;
}
.top {
font-size:10px;
margin:8px;	text-align:center;}
/************** INSECT TABBED MENUS***************/
/***** Created section on the bugs page so as not to add more pages but make all the bug info appear on a sinble page*/


/************** FORM ***********************/
.form {	padding:4px 4px 15px 4px;
font-size:.85em;
}


/**************************************************/		
/************** FOOTER DIVs ***********************/
/**************************************************/

#footer {
	color:#ffffff;
	font-size:.8em;
	width:775px;
	height:45px;
	line-height:1.2	em;
	background: url(graphics/footer_backgd.gif) repeat-x;
	text-align:center;
	padding:15px 0 5px 0;
}

.gx {font-size:10px;
color:#000000;
padding:10px;
text-align:center;
}