html, body, #maincontainer 
{
    min-height: 100%;
} 

body
{
	padding: 0;
	text-align: center;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	background-position: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


a img {border: none; }

img.em { /* images have no border*/
border: 0;
}


div#maincontainer
{
	width: 99%;
	height: 100%;
	top: 0em;
	overflow: auto;
	padding: 0em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	text-align: center;
	background-color: #FFFFFF;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/*
 colunmns Container for left column-->
*/

div#colleft{
	width: 7%;
	height: 100%;
	float: left;
	top: 0em;
	overflow: hidden;
	padding: 0em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: none;
	background-color: #FFFFFF; /* so we cannot see it */
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* colunmns Container for middle column
*/

div#col_mid
{
	width: 80%;
	height: 100%;
	float: left;
	top: 0em;
	left: 100%;
	overflow: hidden;
	padding: 0em;
	margin-left: 1.5em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	clear: none;
	background-color: #FFFFFF; /* so we cannot see it */
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* colunmns Container for right column
*/

div#col_right
{
	width: 7%;
	height: 100%;
	float: right;
	top: 0em;
	overflow: auto;
	padding: 0em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: none;
	background-color: #FFFFFF; /* so we can see it */
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* Container for top section-->
*/

div#top{
	width: 99%;
	float: left;
	overflow: auto;
	top: 0em;
	padding: 0em;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	position: static;
	background-color: #FFFFFF;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


/* Note The default order for pad is top right bottom left
eg pad 15px 10px 15px 20px margin 1em 2em 1em 2em
*/

img.buggslife_shiny{
	width: 30em;  /* make banner scale with text */
	}

div#main_banner
{
	float: left;
	text-align: left;
	height: 50%;
	width: 40%;
	margin-left: auto;
	margin-right: 0%;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 4%;
	background-color: #FFFFFF;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

div#menu_tr
{
	float: right;
	height: 30px;
	width: 401px;
	position: relative;
	right: 0;
	padding-top: 0.8em;
	padding-bottom: 1.0em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}




/*
	tswtabs.css		1.0.2
	Please use the CSS Menu Button Wizard at
		http://www.thesitewizard.com/wizards/css-menu-buttons.shtml
	to generate your own customized menu buttons.
*/

#tswcsstabs ul {
	margin-left: 0 ;
	list-style: none ;
	display: inline ;
}
#tswcsstabs ul li {
	margin: 0 ;
	padding: 1px ;
	display: inline ;
	text-align: right;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcsstabs li a {
	color: #000 ;
	background-color: #FFF ;
	border: #00F53D ;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	padding: 10px ;
	text-decoration: none ;
	display: inline ;
}
#tswcsstabs li a:hover {
	color: #FFFFFF ;
	background-color: #00F53D ;
	border: #ccffcc ;
	font-weight: bold;
	font-size: larger;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}




div#main
{
	width: 90%;
	top: 0em;
	min-width: 850px;
	padding: 0.05em;
	position: relative;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	clear: both;
	background-color: #FFFFFF;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#rotator
{
	text-align: center;
	height: auto;
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
  }

img.rotator { /* make main image scale with text */
	position:relative;
	height: 27em;
}

img.rotator_side { /* make main image scale with text */
	height: 27em;
	position: relative;
	width: 4em;
}


h1
{
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
}


/* styles for test on home page */

div#text {
	font-family: "Comic Sans MS", cursive, serif;
	}


#text ul {
	margin: 0 0 0 0;
	list-style: none ;
	display: block ;
	}



#text ul li {
	margin: 0 ;
	padding: 3px ;
	display: list-item ;
	text-align: center;
	list-style: none ;
	}


#text li a {
	color: #000 ;
	background-color: #FFF ;
	border: #00F53D ;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	padding: 10px ;
	text-decoration: none ;
	display: list-item ;
	}


	
#text li a:hover {
		color: #FFFFFF ;
		background-color: #00F53D ;
		border: #ccffcc ;
		font-weight: bold;
		font-size: larger;
		border-top-style: dotted;
		border-right-style: dotted;
		border-bottom-style: dotted;
		border-left-style: dotted;
		text-transform: uppercase;
	}
	


/* =GALLERIES */
	#galleries_wrapper{
	width: 100%;
	overflow: hidden;
	clear: both;
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 8%;
	}
	.galleries{
	float: left;
	width: 25%;
	background: #66CC33 url(menu%20test/images/800_pixel-4.jpg) left repeat-y;
	margin-right:10px;
	padding-bottom:6px;
	position: relative;
	border-style: dotted;
	border-color: #00F53D;
	margin-left: 10px;
	}
	
	.image_wrapper{text-align: center;
					width: 98%;
					}
					
	.galleries img{border: 3px solid #181B0F;}
	.galleries_last
	{
	margin-right: auto;
	cursor: pointer;
}
	
	.galleries a{
	text-decoration:none;
	}
	
	.galleries h2{
		height: 38px;
		background: url(images/800_pixel-4.jpg) left no-repeat;
		font:1.8em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #EFFFDB;
		padding: 15px 0 0 0px;
	}
	/* for the rounded bottom */
	.image_wrapper span{
		position: absolute;
		width: 245px;
		height: 6px;
		font-size:.1em;
		left:0;bottom:-1px;
		background: #00F53D url(menu%20test/images/800_pixel-4) bottom no-repeat;
	}

#low
{
	text-align: center;
	position: relative;
	bottom: 0px;
	right: 0px;
	top: 20px;
	height: 75px;
	width: 100%;
	bottom: 0em;
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	text-align: right;
  }
  
  #w3
  {
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	border: 0;
  	padding: 0;
  	margin: 0 0 -0.3em 0;
  }
  
  #seo
  {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	border: 0;
  	padding: 0;
  	margin: 0 0 0em 0em;
  	font:0.9em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  }