@charset "UTF-8";
/* CSS Document */

/*Main Layout */
html {margin: 0;padding: 0;}
body { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: small; line-height: 150%; color: #000; margin: 0px;padding: 0px;height: 100%;background: #fff}
#container {position: absolute;margin: 0;padding: 0;width: 900px; height:1000px; background: url(background.jpg) top left no-repeat;  }
h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: small; line-height: 150%; color: #000;font-size:17px;text-decoration: none;letter-spacing: 0px; text-decoration:underline;}
h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: small; line-height: 150%; color: #000;font-size: 14px;text-decoration: none;letter-spacing: 1px;  }
h3  {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: small; line-height: 150%; color: #000; font-size: 12px;text-decoration: none;letter-spacing: 1px; text-align:center;}
p.mainText {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: small; line-height: 150%; color: #000;}
.emphasizeText {font-weight: bold;font-style:italic;}
.centeredImage
    {text-align:center;margin-top:0px;margin-bottom:0px;padding:0px;}

#border {border:1px solid #000; width: 200px; height: 320px; text-align:left; padding:5px;}
	
/*Links*/
A:link {color:#F60; text-decoration:none}
A:visited {color:#F60; text-decoration:none}
A:active {color:#F60; text-decoration:none}
A:hover {color:#F60}

/*Homepage Link*/
#map {
	position: absolute;
	top: 12px;
	left: 538px;
	width: 345px;
	margin: 0px;
	padding: 0px;
}

#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(blank.gif);
}

#map a.home {
	top:2px;
	left:-15px;
	width:369px;
	height:144px;
}

/*Tabs for Main Menu*/
ul#menu{
	margin:0;
	padding: 0px;
	list-style-type:none;
	width: 506px;
	position:absolute;
	top: -2px;
	left: -5px;
	display:block;
	height:30px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	background:transparent url("OFF.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:2px solid #ffffff;
	border-top:1px solid #ffffff;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#menu li a{
	display:block;
	float:left;
	/*color:#6d7078;*/
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:7px 10px 7px 10px;
	height:16px;
	background:transparent url("DIVIDER.gif") no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url("HOVER.jpg") no-repeat top right;	
	}


/*Main Content */
#freesample {color: #FFF; font-size:15px; position:absolute; top:65px; left: 18px; width:380px; height: 92px; padding:0px; z-index: 7;}

div.tabContent {
	position: absolute;
	top: 150px;
	left: 44px;
	width: 391px;
	height: auto;
	color: #1D0D00;
	background: #FFF top no-repeat;
	padding-left:5px;
	padding-right:5px;
	padding-top: 0px;
	border: 1px solid #200;
	margin:0px;
	z-index: 7;
	
}
#webLinks {
	position: absolute;
	top: 194px;
	left: 639px;
	width: 220px;
	height: auto;
	color:000000;
	background: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	border: 1px solid #200;
	z-index:5;
}

#webLinks A:link {color: #000; text-decoration:none}
#webLinks A:visited {color: #000; text-decoration:none}
#webLinks A:active {color:#000; text-decoration:none }
#webLinks A:hover {color: #000}


/*Contact Form*/
label{display:block;}
.message {color:#200;z-index:1;display:none;font-family:Arial, Helvetica, sans-serif;font-size: 20px;background-color: #fff;border: thin solid #200;}
.submit input { border: 2px outset #200;color: #000000;background: #ffffff;font-family:Arial, Helvetica, sans-serif}
p.noDisplay {display:none;}
 
/*FAQ Header and body*/
#faq {margin: 0px;padding: 0px;}
.faqHead {padding: 5px;text-align:left;margin:0px;color: #200;font-weight:bold;font:Arial, Helvetica, sans-serif;cursor: pointer;}
#faqBody {padding: 5px;margin: 0px;}
	
/*Bulleted List - Home page */
#mainList {list-style-image: url(013.png);	color: #000000;text-align: left;letter-spacing: 1px;margin-left: 15px;padding: 0px;}
	
/*Disclaimer*/
p.disclaimer {font: italic .5em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;color: #555;text-align: justify;}