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

/* The following are my layouts for the site */

body {background-color:#666666;}

#wrapper {
     margin-left: auto;
     margin-right:  auto;
     width: 970px;
	 height: auto;
     background: #FFFFFF;
	 margin-top: 30px;
	 margin-bottom: 30px;	 	 
}

iframe {
	width:966px;
	height:320px;
}

#header{
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	height: 100px;
	margin-top: 0px;
	background-color:#FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
}

#top{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height:  31px;
	background-image:url(/images/GradientGray.png);
	padding-left: 40px;
	padding-right: 40px;
	font-family: system;
	
	/*text-align: center;*/ 
}
/*
#top p {
	padding:0px;
	padding-left:30px;
	margin:0px;
	text-align: center;
}*/

#left {
	width: 160px;
	height: auto;
	float: left;
	position: relative;
	background-color:#CCCCCC;
	margin: 10px;
	margin-bottom: 25px;
}

#leftinner{
	font-size: 11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width: 140px;
	height: auto;
	float: left;
	position: relative;
	background-color: #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-bottom: 50px;
}

#right {
	width: 730px;
	height: auto;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float: left;
	background-color: #FFFFFF;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
}

#square, #square2 {
	width: 310px;
	height: 275px;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	background-color: #CCCCCC;
	margin-bottom: 30px;
	margin-top: 30px;
}

#square1, #square3{
	width: 310px;
	height: 275px;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	background-color: #CCCCCC;
	margin-bottom: 30px;
	margin-top: 30px;
}

table#square, table#square1, table#square2, table#square3{
	width: 300px;
	height: auto;
	background-color: #CCCCCC;
	margin: 0px;
	margin-left: 5px;
	padding-left: 5px;
	margin-right: 0px;
	padding-right: 0px;
}
.squaretable{padding-left: 10px; }


#rightOnly {
	width: 910px;
	height: auto;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float: none;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#line {
	height: 5px;
	width: 970px;
	background-color: #000000;
}
     
#bottom {
	width:970px;
	font-size: 12px;
	height: auto;
	
	border-top: 10px;
}

/*Bottom Div Table*/
table#bottom {
		
	padding: 0px;
	width: 970px; 
 }
.datab {
	text-align: center;
	width:  60%;
	vertical-align: middle;
	height: auto;
	padding: 0px;
}
.imagebl{
	width: 20%;
	vertical-align: middle;
	padding-top: 5px;
	font-size: 12px;
}
.imagebr{
    width: 20%;
	float: right; 
	vertical-align:middle;
 }


#footer {
	clear: both; 
	height: 20px; 
	width: 970px; 
	background: #000; 
	color: #fff; 
	font-size: 10px; 
	text-align: center; 
		}



/* Navigation */

#sddm {	
	margin: 0px;
	padding: 0;
	z-index: 30;
	position: absolute;
	top:10px;
	right: 10px;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 11px arial;
	float:right;
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 15px;
	width: 70px;
	background: #000066;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #000066;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
		
/*mis layouts*/

.link{
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	font-style: italic;
}

.link2{text-align: right; font-size: 16px;}

.link3{
	text-decoration: none;
	font-size: 12px;
	color:#000000;
}
.link3 A:link{text-decoration: none; color: #000000}
.link3 A:visited {text-decoration: none; color: #000000}
.link3 A:hover{text-decoration: none; color: #000000}
.link3 A:active{text-decoration: none; color: #000000}

.link3b{
	text-decoration: none;
	font-size: 12px;
	color:#000000;
	font-weight: bold;		
}
.link3b A:link{text-decoration: none; color: #000000}
.link3b A:visited {text-decoration: none; color: #000000}
.link3b A:hover{text-decoration: none; color: #000000}
.link3b A:active{text-decoration: none; color: #000000}


.ullink{color:#000000;}


A:visited {color: blue}

.mission{font-size:14px}
h1{text-align: center;}
h2{text-align: center;}

/*certification page*/

#wrapperC {
	width: 480px;
	height: 580px;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float: none;
	background-color: #FFFFFF;
	padding: 10px;
}
hr {border: 2px black;}

table#cert {	width: 100%; padding: 5px; }
.dataC {
	text-align: left;
	width:  70%;
	height: auto;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
}

.imageC{width: 20%; float: left; }

.textC{
	float: left;
	vertical-align: middle;
	font-weight: bold;
}


/*Image Layouts*/

.border2{border: 2px solid black;font-family: calibri;}
.image2{float: right; border: 1px black; margin-right: 5px;}
.image1{border: none;}
.image3{float: left; border: none;}
.image4{float: right;} 
.image4 img{border: 1px solid black; display: block; margin: 10px;}
.image5 {border: 1px solid black;}
.imageIndex{border: 1px solid black; margin-bottom: 15px; margin-right: 30px; float: left;}
.image7{float: left; border: 1px solid black; margin: 10px; }
.image7a{float: right; border: 1px solid black; margin: 10px;}
.shopping{
	border: 1px solid black;
	margin-left: 425px;
	margin-right: 5px;
	top: auto;
	align: absmiddle;
}



.image6 {border: 1px solid black; margin-top:10px; margin-bottom: 10px; margin-left: 25px; margin-right: 25px; }
.image6a {border: 1px solid black; margin-top:10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
.image6b {border: 1px solid black; margin-top:10px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }

#center{margin-left: 20%; margin-right: 20%; width:auto;}
#centerA{margin-left: 15%; margin-right: 15%; width:auto;}
#centerA1{margin-left: 15%; margin-right: 15%; width:auto;}
#centerB{margin-left: 10%; margin-right: 10%; width:auto;}
#centerC{margin-left: 5%; margin-right: 5%; width:auto;}
#centerC1{margin-left: 5%; margin-right: 5%; width:auto;}


/*Sales Person Table Layout*/

table#sales, table#sales1, table#sales2, table#sales3, table#sales4 {	width: 100%; padding: 5px; }
.data {text-align: left; width:  35%; }
.image{width: 15%; }

/*LineCard Table Layout*/

table#linecard {	width: 705px; padding: 5px; }
.dataL {
	text-align: left;
	width:  20%;
	height: 60px;
	vertical-align: middle;
}

.imageL{width: 25%; vertical-align: middle;}
#linecard img {border: 1px solid black;}
.textL{
	float: left;
	vertical-align: middle;
	font-weight:bold;
}



/*Products Table Layout*/

table#products {width: 710px; padding: 5px; }
td{text-align: left; vertical-align: top; width: 33%; }
.link3{text-decoration: none; color: #000000;}

/* 
	YADM - yet another dropdown menu 
	Menu styles without Javascript 
	See more at http://www.onlinetools.org/yadm/
*/

/*this is for every page except the index page*/
ul#leftNav{
	font: bold 11px arial;
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid #666;
	background:#000066;
	width:135px;
}
ul#leftNav li ul{
	background:#EAEBD8;
	margin:0;
	padding:0;
}
ul#leftNav li{
	position:relative;
	margin:0;
	width:135px;
	padding:0;
	list-style-type:none;
	background:transparent;
	color:#333;
	line-height:150%;
}
ul#leftNav a{
	border:1px solid #000066;
	color:white;
	text-decoration:none;
	display:block;
}
ul#leftNav a:hover{
	border:1px inset #be8;
	background:#49A3FF;
	color:#333;
}
ul#leftNav li li a{
	padding-left:1em;
	color:#333;
	text-decoration:none;
	display:block;
}
ul#leftNav li li a:hover{
	background:#ad7;
}

/* YADM flyout example */

#content{
	margin: 5px;
	padding: 5px;
}

.hiddenChild{display:none;}
.shownChild{display:block;}

ul#leftNav.dhtml{
	position:absolute;
	top:1em;
	left:1em;
}
ul#leftNav.dhtml{
	background:#000066;
	margin:0;
	padding:.5em;
	list-style-type:none;
	width:135px;
}
ul#leftNav.dhtml li{
	position:relative;
}
ul#leftNav.dhtml ul{
	background:#000066;
	border:1px inset #49a3ff;
	border-top:none;
}
ul#leftNav.dhtml ul li{
	width:135px;
}
ul#leftNav.dhtml li.isParent{
	background:url(images/vertarrow.gif) 100% 50% no-repeat #000066;
}
ul#leftNav.dhtml li.isActive{
	background:url(images/vertarrow.gif) 100% 50% no-repeat #000066;
}
ul#leftNav.dhtml li.isActive a{
	color:black;
	background:url(images/vertarrow.gif) 100% 50% no-repeat #EAEBD8;
	border:1px inset #be8;
	border-bottom:1px solid #be8;
}
ul#leftNav.dhtml li.isParent a:hover{
	background:url(images/vertarrow.gif) 100% 50% no-repeat #42a3ff;
	border:1px inset #be8;
	border-bottom:1px solid #be8;
}
ul#leftNav.dhtml li.isActive ul a{
	color:#333;
	margin-right:2px;
	background:#EAEBD8;
	border:none;
}
ul#leftNav.dhtml li.isActive ul a:hover,ul#leftNav.dhtml li.isActive ul li.current a{
	border:none;
	background:#49a3ff;
}
ul#leftNav.dhtml ul a{
	padding:0;
}

/*this is for the index page ONLY*/
ul#leftNavA{
	font: bold 11px arial;
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid #666;
	background:#000066;
	width:135px;
}
ul#leftNavA li ul{
	background:#EAEBD8;
	margin:0;
	padding:0;
}
ul#leftNavA li{
	position:relative;
	margin:0;
	width:135px;
	padding:0;
	list-style-type:none;
	background:transparent;
	color:#333;
	line-height:150%;
}
ul#leftNavA a{
	border:1px solid #000066;
	color:white;
	text-decoration:none;
	display:block;
}
ul#leftNavA a:hover{
	border:1px inset #be8;
	background:#49A3FF;
	color:#333;
}
ul#leftNavA li li a{
	padding-left:1em;
	color:#333;
	text-decoration:none;
	display:block;
}
ul#leftNavA li li a:hover{
	background:#ad7;
}

/* YADM flyout example */

#content{
	margin: 5px;
	padding: 5px;
}

.hiddenChild{display:none;}
.shownChild{display:block;}

ul#leftNavA.dhtml{
	position:absolute;
	top:1em;
	left:1em;
}
ul#leftNavA.dhtml{
	background:#000066;
	margin:0;
	padding:.5em;
	list-style-type:none;
	width:135px;
}
ul#leftNavA.dhtml li{
	position:relative;
}
ul#leftNavA.dhtml ul{
	background:#000066;
	border:1px inset #49a3ff;
	border-top:none;
}
ul#leftNavA.dhtml ul li{
	width:135px;
}
ul#leftNavA.dhtml li.isParent{
	background:url(images/vertarrow.gif) 100% 50% no-repeat #000066;
}
ul#leftNavA.dhtml li.isActive{
	background:url(images/vertarrow.gif) 100% 50% no-repeat #000066;
}
ul#leftNavA.dhtml li.isActive a{
	color:black;
	background:url(images/vertarrow.gif) 100% 50% no-repeat #EAEBD8;
	border:1px inset #be8;
	border-bottom:1px solid #be8;
}
ul#leftNavA.dhtml li.isParent a:hover{
	background:url(images/vertarrow.gif) 100% 50% no-repeat #42a3ff;
	border:1px inset #be8;
	border-bottom:1px solid #be8;
}
ul#leftNavA.dhtml li.isActive ul a{
	color:#333;
	margin-right:2px;
	background:#EAEBD8;
	border:none;
}
ul#leftNavA.dhtml li.isActive ul a:hover,ul#leftNav.dhtml li.isActive ul li.current a{
	border:none;
	background:#49a3ff;
}
ul#leftNavA.dhtml ul a{
	padding:0;
}