﻿ @font-face {
  font-family: "Moire Light";
  src: url("../font/Moire-Light.ttf");
  permssion: installable;
  }

Body {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
Table {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 14px;}
TR {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
TD {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
P {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 16pt;}

.mainbody {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
           width: auto;
           border: 0px solid #669999; 
           }

.main-content-area {padding-left: 10px;
           padding-right: 10px; 
			text-align: left;
           }
           
.main-content-area li
{
	 background-color: transparent;
}


.list-articles
{
	list-style: square inside;
	text-align: left;
}

.headline {

	width: 350px;
	text-align: center;
	border-bottom: thick  olive solid;
	padding-bottom: 5px;
	padding-top: 15px;

	float: left;
	height: 280px;
}

.title_art
{
	font-family: Calibri, "Trebuchet MS", sans-serif, "Gill Sans", "Gill Sans MT";
	font-weight: bold;
	font-size: 14pt;
}

.fixedpara {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; width: 600px;}
.header_title {
	text-align: center;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 36px;
	color: #FFFFFF;
}

.bodycontainer
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;
    background-image: url('../img/stone_bg.jpg');
    background-repeat: repeat;
	
}

.bodycontainer-nobackground
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;

}

.centerpage
{
	text-align: center;
	width: 1080px;
	background: white;
	margin-left: auto;
	margin-right: auto;
}

.slidebox {
	width: 400px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: auto;
	margin-top: 1em;
	float: left;
}

.button-roundcorner {
	border: thick #AF272B solid; 
	border-radius: 6px; 
	padding: 0.2em; 
	margin: 0.3em; 
	float: left; 
	height: 50px; 
	margin-top: 10px; 
	width: 140px;
}

.attention-burgundy-roundcorner {
	border: thick #AF272B solid; 
	border-radius: 6px; 
	padding: 0.2em; 
	margin: 0.3em; 
	float: left; 

}


.subscribebox {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	padding: 0.3em;
	top: auto;
	background-color: #FFFDD2;
	opacity: 0.8;
	filter: alpha(opacity-80);
	border-radius: 6px;
	text-align: full;
	font-size: 13pt;
	font-family: Calibri, sans-serif, "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT";
}

.slidebox {
	width: 400px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: auto;
	margin-top: 1em;
	float: left;
}

.slide {
	position:absolute;
	top: 397px;
	width: 400px;
}

.slidetext {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.3em;
	width: 400px;
	text-align: center;
	z-index: 2;
	color: black;
	background-color: #E4EDE8;
	opacity: 0.8;
	filter: alpha(opacity-80);
}

.round_border
{
	border: thin silver solid;
	border-radius:6px;
	-moz-border-radius:6px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:6px; /* Safari */
	padding-top: 1em;
	padding-bottom: 1em;
}

.thintextbox {
border: #999999 1px solid;
border-right: #999999 solid 1px;
background: #FFFFFF;
}

.thinbox {
	border: #CCCCCC 1px solid;
	border-right: #999999 solid 1px;
	border-left: #999999 solid 1px;
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	background: #FFFFFF;
	padding: 0.3em;

}

.picframe {
	margin: 1.5em;
	padding: 0.5em;
	
	border: #999999 1px solid;
	border-right: #999999 solid 1px;
	border-left: #999999 solid 1px;
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	background: #FFFFFF;
	font-size: 13pt;
	text-align: center;
}

.newsbar{
	
		
}

.shopDisplay2perLine
{
	float: left; margin-left: 0.2em; margin-right: 0.2em; width: 420px;
	padding-top: 0.2em;
	margin-bottom: 0.2em;
}

.shopDisplay1perLine
{
	float: left; margin-left: 0.2em; margin-right: 0.2em; 
	width: 350px;
	padding-top: 0.2em;
	margin-top: 1em;
	margin-bottom: 0.2em;
}

.attentionframe {
border: #999999 1px ridge;
border-right: #999999 solid 1px;
background: #FFFF95; 
padding: 0.1em}

.itemButton {
	border: #999999 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	font-weight: bold;
	position: relative;
	left: 10px;
	top: 5px;
	background: #990000;
}

.button {
border-right: #999999 1px solid;
border-top: #999999 1px solid;
background: #80000;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: maroon;
font-size: 18px;
height: 50px;
font-weight: bold;
line-height: 120%;
font-weight: bold;
}

.bigButton {
border: 1px solid navy;
background-color: #E5EBF7;
font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
color: black;
font-size: 20px;
font-weight: bold;
line-height: 220%;
font-weight: bold;
margin-bottom: 0.3em;
border-radius:6px;
-moz-border-radius:6px; /* Firefox 3.6 and earlier */
-webkit-border-radius:6px; /* Safari */
}


.bottom_line 
{
    border-bottom: 1px solid #838271;
}

.indent10 { margin-left: 10px; }
.indent20 { margin-left: 20px; }
.indent30 { margin-left: 30px; }
.indent45 { margin-left: 45px; }


.smalltext {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;  font-size: 11pt; color: #666666; letter-spacing: normal; word-spacing: normal; padding: 0px 0px 0px 0px;}

.discuss-content {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;  font-size: 10pt; color: #666666; text-align: left;letter-spacing : normal; word-spacing: normal; padding: 0px 0px 0px 0px;}

.feedtitle {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;  font-size: 11pt; color: #9E2915; text-align: left; letter-spacing: normal; word-spacing: normal; padding: 0px 0px 0px 0px;}

.paragraph_title_italic {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
font-style: italic;}

.page_title {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 16pt;
	font-weight: bold;
	color: #666633;
}

.paragraph_title {
	font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
	color: #A25C43; 
	font-weight: normal;
	}

.bold_heading {
	font-family: Impact, Verdana, Sans-Serif;
	font-size: 24pt;
	z-index: -1;
	color: #009933;
}
.bold_heading_red {
	font-family: Calibri, sans-serif, "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT";
	font-size: 24pt;
	z-index: -1;
	color: #9E2915;
}

.bold_heading_red_18pt {
	font-family:Calibri, sans-serif, "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT";
	font-size: 18pt;
	z-index: -1;
	color: #9E2915;
}


A {text-decoration: none}
A:link {
	color: #008000
}
A:visited {color: #640000}
A:hover { text-decoration: underline; color:#1659ff}

.rootBox {
	max-width: 800px;
	min-width: 600px;
	margin: 0 auto;	/* rather than a parent element to contain the page, this layout
					   cuts down on the markup by moving control of the layout position
					   in the viewport to root boxes or elements that exist at the 
					   root of the BODY. */
}


#header_banner_container 
{
	width: 100%;
	height: 380px;

}

#header_banner
{
		width: 1024px;
		height: 80px;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
		color: white;
		text-align:center;
		margin-top: 0px;
}


#sub_header_banner_gray
{
		width: 100%;
		height: 62px;
		vertical-align: central;
		color: white;
		text-align:center;
		margin-top: 0px;
		background-color: #004400;
}


#sub_header_banner_white
{
		width: 100%;
		height: 300px;
		vertical-align: central;
		color: white;
		text-align:center;
		margin-top: 0px;
		background-color: white;
}


#bottom_banner_container 
{
	width: 100%;
	background-color: white;
	border-top: thin gray solid;
}

#bottom_banner {
		width: 900px;
		
		margin-left: auto;
		margin-right: auto;
		color: gray;
		text-align:center;
		padding-bottom: 2em;
	}
	
.bottom-disclaimer
{
	margin-top: 1em;
	font-size: small;
}

#menu_title
{
	background-color:black; 
	color:white; 
	font-size: 16pt; 
	font-weight:bold; 
	text-align:center;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.4em;
	visibility: hidden;
}

#menu_articles
{
	
}
#menu_articles ul,
#menu_articles ul li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {		
	border-bottom: solid 0px #FFF;
	width: 850px;
	height: 60px;
	padding-top: 0px;
	}
#menu ul,
#menu ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;

}
#menu ul {
	display: block;
	border-right: solid 1px white;
}
#menu li {
	background-color: #004400;
	float: left;
	width: 130px;
	position: relative;
	border-right: solid 1px white;
	z-index: 1;
	text-align: center;	
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
	font-size: 14px;
}
#menu li:hover {
	background-color: #ddd;
	z-index: 2;
}
#menu li:hover > a {
	text-decoration: none;
}
#menu a {
	display: block;
	padding: 0.2em 0.3em 0.2em;
	padding-top: 19px;
	color: #FFF;
	text-decoration: underline;
	min-width: 0;
	z-index: -1;
	height: 40px;

}
#menu a:hover {
	text-decoration: none;
	background-color: #F9FFA8;
	color: #115DAA;
}


#menu ul ul li {
	display: none;
	float: none;
	border-right: none;
}
#menu > ul > li > ul {
	position: relative;
	float: none;
	border-left: none;
	margin: -3px 0.5em 0 0.5em;
}

#menu li:hover > ul {
	width: auto;
	position: absolute;
	top: 100%;
	left: auto;
	margin: 0 0 0 -1px;
	background-color: #fff;
	border: solid 0px #000;
	border-bottom-width: 0;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
#menu li:hover > ul > li {
	display: block;
	border-bottom: solid 1px #fff;
}

#submenu ul, ul li {
	display: list-item;
	float: none;
	padding: 0em;
	border-right: none;
	background-color: white;
	border-bottom: none; 
	}

#submenu a{
	background-color: white;
	color:  #115DAA;
	font-size: 12px;
	padding: 0.2 0.3 0.2em;
	height: auto;
}

@media screen and ( max-width: 800px ) {
	.rootBox {
		min-width: 0;
		margin: 0;
	}
	#main-column {
		width: 70%;
	}
	#side-column {
		width: 30%;
	}
}
@media screen and ( max-width: 450px ) {
	#main-column,
	#side-column {
		border: none;
		float: none;
		margin: 0;
		width: 100%;
	}
	#side-column {
		border-top: solid 1px #000;
	}
	#main-column .gutter,
	#side-column .gutter {
		padding: 0 0.5em;
	}
	#menu > ul {
		float: none;
		margin: 0;
		border: none;
	}
	#menu > ul > li {
		float: none;
		width: 100%;
		border: none;
		border-bottom: solid 1px #000;
		margin: 0;
	}
	#menu > ul li:last-child {
		border-bottom: none;
	}
	#menu ul ul {
		display: none;
	}
}
@media screen and ( min-width: 1200px ) {
	.rootBox {
		max-width: 1024px;
	}
	#main-column {
		width: 75%;
	}
	#side-column {
		width: 25%;
	}
}
@media screen and ( min-width: 1600px ) {
		.rootBox {
			max-width: 1400px;
		}
	#main-column {
		width: 80%;
	}
	#side-column {
		width: 20%;
	}
}
@media print {
	.print-hide {
		display: none;
	}
	#main-column {
		width: 70%;
	}
	#side-column {
		width: 30%;
	}
}
.paragraph_titleDarkBlue {
	color: #2A283F;
	font-weight: bold;
	font-family: "Moire Light", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	border-bottom: 2px white solid;
}

.productDescription-small
{

	height: 450px;
	width: 520px;
	float: right;
	text-align:left;
	font-size: 12pt;
}

.red_attention {
	font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color: #CC0000;
	font-weight: normal;
}


.adresult {

	width: 420px;
	text-align: center;
	border-bottom: thick  olive solid;
	padding-bottom: 5px;
	padding-top: 15px;

	float: right;
	height: 450px;
}

