@font-face 
{font-family: 'museo';src: url('webfonts/10F057_1.eot');src: url('webfonts/10F057_1.eot?#iefix') format('embedded-opentype'),url('webfonts/10F057_1.woff') format('woff'),url('webfonts/10F057_1.ttf') format('truetype'),url('webfonts/10F057_1.svg#wf') format('svg');}

@font-face
{font-family: 'Calluna-Regular';src: url('webfonts/110F2D_0.eot');src: url('webfonts/110F2D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/110F2D_0.woff') format('woff'),url('webfonts/110F2D_0.ttf') format('truetype'),url('webfonts/110F2D_0.svg#wf') format('svg');}

/*font-family: 'Open Sans', sans-serif;
/*font-family: 'Open Sans Condensed', sans-serif;*/


* {
margin: 0;
padding: 0;
} 

a:link {
 color: #006600;
 text-decoration: none;
}
a:visited {
 color: #006600;
}
a:hover {
 color:red;
}


.body {
font-family: 'Open Sans', Verdana, Arial, sans-serif;
/*	font-family: Calluna-Regular, Georgia, Times; */
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
	color: #000000;
	text-align: left;
/*	margin: 0px 20px */
}

.body a {
	color: #006600;
}


.body a:visited {
	color: #006600;
}

.body a:hover {
	color: red;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
  }

.sidebar {
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
}

.products {
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
	line-height: 140%;
}

.products a:visited {
	color: #006600;
}


h1 {
font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
	line-height: 30px;
	color: red;
	text-align: left;
}
h2 {
font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
margin-top: 0px;
	line-height: 30px;
	color: blue;
	text-align: left;
}


h2 a:link {
	color: blue;
	text-decoration: none;
}

h2 a:visited {
	color: blue;
	text-decoration: none;
}
h2 a:hover {
	color: red;
	text-decoration: none;
}



.slideshow {
	border: 3px solid #ffffff;
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
}

.gallery {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}


.menu {
	padding: 30px 0px 0px 60px;
	width: 100%;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #006600;
	text-align: center;

}

.menu ul{
	margin-left: 0;
	padding-left: 0;
/*above 2 lines are to force centering where browsers want to left-indent*/
	text-align: center;
}
 
.menu li {
	display: inline; /* Menu links are horizontally aligned using display: inline */
} 
.menu li a {
	padding: 3px 20px 3px 20px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
 /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
} 
 
.menu li a:hover {
	background-color: #ffdf00;
	color: blue;
}

.menu-here {
	padding: 3px 20px 3px 20px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */
	font-family: 'Open Sans', sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #ffdf00;
	text-align: center;
/*	background-color: white; */ 
}

.menu-here ul{
    text-align: center;
    	}

.menu-here li a {
/*	padding: 3px 20px 3px 20px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */
	color: #ffdf00;
	text-decoration: none;

}

.menu-here a {
/*	padding: 3px 20px 3px 20px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */
	color: #ffdf00;
	text-decoration: none;

}

.menu-here a:visited {
/*	padding: 3px 20px 3px 20px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */
	color: #ffdf00;
	text-decoration: none;

}

.menu-here li a:visited {
 	color: #ffdf00; 
}
.menu-here li a:hover {
 	color: white; /*The color of the mouseover or 'hover' link*/
	background-color: #648CFB;
}

.sidemenu {
	width: 100%;
	font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	text-align: center;
}

.sidemenu a {
	color: #006600;
}

.sidemenu a:visited {
	color: #006600;
	text-decoration:none;
}

/*hover goes last to maintain behavior*/
.sidemenu a:hover {
	color: red;
}


.breadcrumb {
	text-align: left;
	font-family: "Open Sans", Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 40px;
	color: #ffcc66;
}

.breadcrumb a:link {
	color: #99ccff;
	text-decoration: underline
}

.breadcrumb a:visited {
	color: #99ccff;
	text-decoration: underline
}



.footer {
	font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
	text-align: center;
	color: #000000;
	font-size: medium;
	font-weight: bold;
	line-height: 30px;
}

.sitemap {
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	text-align: left;
	color: #99ccff;
	font-size: small;
	text-transform:uppercase;
}

.sitemap a:link {
	color: #99ccff;
 text-decoration: none;
}

.sitemap a:visited {
	color: #99ccff;
 text-decoration: none;
}


.address {
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: center;

}

a:link {
 color: #006600;
 text-decoration: none;
}
a:visited {
 color: #006600;
}
a:hover {
 color:red;
}


table {
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	
	text-decoration: none;
}
a.table:link
{		 color: #000000;
	
}
a.table:visited
{		 color: #000000;

}