/* CSS Document - Blue Pumpkin - Health Food Distribution */

/* sets general body styles*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	border-width:0;
	font-size:62.5%;
	background-image:url(../img/bkgroundImg2.jpg);
	background-color:#335daf;
	background-repeat: repeat-x;
	background-position: 50% 0%;
	color:#FFFFFF;
}

h1 {
	font-size:2.4em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#ffffff;
	margin:4px 0 8px 0;
}

h2 {
	font-size:1.6em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#ffffff;
	margin:4px 0 0 0;
	text-align:center;
	
}

h3 {
	font-size:1.6em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#ffffff;
	margin:4px 0 8px 0;
	text-align:left;
}

h4 {
	font-size:1.6em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#00ff00;
	margin:4px 0 0 0;
	text-align:left;
}

h5 {
	font-size:2.0em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#;FFFFFF;
	margin:4px 0 0 0;
	text-align:left;
}

h6 {
	font-size:2.6em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#FF0000;
	margin:4px 0 0 0;
	text-align:CENTER;
	
}

h7 {
	font-size:1.1em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#00FF00;
	margin:4px 0 0 0;
	text-align:CENTER;
}

h8 {
	font-size:2.6em;
	font-family:trebuchet MS, trebuchet, arial, verdana;
	font-weight:bold;
	color:#FF0000;
	margin:4px 0 0 0;
	text-align:CENTER;
	
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}

.imgRight {
	float:right;
	padding:0 0 0 24px;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.imgLeft {
	float:left;
	padding:0 0 0 24px;

}

ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}

li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}

p#Intro {
	width:714px;
	height:auto;
	display:block;
	margin:0 0 14px 0;
	padding:0;
	font-size:1.3em;
}

p#italics {
	height:auto;
	display:block;
	margin:0 0 14px 0;
	padding:0;
	font-size:1.2em;
	font-style:italic;
	
}

p {
	font-size:1.3em;
	margin:0 0 14px 0;
	padding:0;
	float:left;
}

p1 {
	font-size:1.8em;
	margin:0 0 14px 0;
	padding:0;
	float:left;
	font-weight:bold;
	color:#FF8C00;
}

a:link {
	color:#ffffff;
	text-decoration:none;
}

a:visited {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#dddddd;
	text-decoration:underline;
}

a:active {
	color:#0000FF;
	text-decoration:none;
}

a:focus {
	color:#FFCC00;
	outline:0;
	text-decoration:none;
}

.back {
	font:Trebuchet;
	font-size:1.6em;
	font-family:trebuchet MS, trebuchet;
	font-weight:bold;
	color:#ffffff;
	margin:0 2px 0 0;
	float:left;
}


.clear {
 clear:both;

}

.clearLeft {
 clear: left;

}

.clearRight {
 clear: right;

}




/* main structural layout divs*/

#mainDiv {
	margin:0px auto;
	width:960px;
	height:auto;	
	font-family:Arial, Helvetica, sans-serif;	
}

#leftMainDiv {
	width:393px;
	height:149px;
	display:block;
	margin:0 0 0 -393px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/nav_left.jpg);
	float:left;
}

.div960{
	width:960px;
	height:auto;
	display:block;
	clear:both;
}


.div714 {
	width:714px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:left;
}


.div468{
	margin:0;
	padding:0;
	width:468px;
	height:auto;
	display:block;

	float:left;
	
	
}

.div768{
	margin:0;
	padding:0;
	width:768px;
	height:auto;
	display:block;

	float:left;
	
	
}
.div500{
	margin:0;
	padding:0;
	width:500px;
	height:auto;
	display:block;

	float:left;
	
	
}

.div246 {
	width:246px;
	height:auto;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	font-size:1.0em;
	float:left;	
}

.div222 {
	width:222px;
	height:228px;
	margin:10px 0 0 0;
	display:block;
	float:left;
}
.div175 {
	width:175px;
	height:228px;
	margin:10px 0 0 0;
	display:block;
	float:left;
}
.divLogo {
	width:222px;
	margin:10px 0 0 0;
	display:block;
	float:left;
}

.div222text {
	width:222px;
	height:40px;
	margin:0;
	display:block;
	float:left;
}

.div222table {
	width:222px;
	height:20px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}

.div232table {
	width:232px;
	height:20px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}

.div602table {
	width:602px;
	height:20px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}

.div652table {
	width:652px;
	height:20px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}
.div692table {
	width:692px;
	height:20px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}
.div242table {
	width:242px;
	height:20px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}
.div200table {
	width:200px;
	height:220px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}

.div150table {
	width:150px;
	height:220px;
	margin:0;
	display:block;
	font-size:1.3em;
	float:left;
}

.div24 {
	width:24px;
	height:100%;
	margin:0;
	display:block;
	float:left;
}

.homeVertHeight {
	width:100%;
	height:350px;
}

.vertHeight {
	width:100%;
	height:300px;
}





/* top navigation*/

#logo {
	width:246px;
	height:149px;
	display:block;
	background-color:#0099FF;
	float:left;
	clear:none;

}

#navDiv {
	margin:0px auto;
	width:960px;
	height:149px;
	display:block;
	
	
}

.div714header {
	width:714px;
	height:149px;
	display:block;
	margin:0;
	padding:0;
	float:left;	
	background-image:url(../img/nav_714.jpg);
}

#navDiv ul {
	width:714px;
	height:149px;
	display:block;
}

#navDiv li{
	width:auto;
	height:30px;
	margin:0 31px 0 0;
	overflow:hidden;
	position:relative;
	font-size:1.2em;	
	display:block;	
	top:100px;
	float:left;
	z-index:2;
}

.navSelected{
	text-decoration:underline;
}


/* button styles*/

.button {
	width:110px;
	height:38px;
	padding:0;
	overflow:hidden;
	position:relative;
	display:block;
	left:100px;
	bottom:52px;
	z-index:1;	
}

.button a:hover {
	display:block;
	margin-top:-36px;
}

.logo {
	width:222px;
	height:82px;
	padding:0;
	overflow:hidden;
	position: absolute;
	background-image:url(../img/buttons.png);
	display:block;
	left:758px;
	top:176px;
	z-index:11;	
}


/* footer styles*/

#footer {
	margin:0px auto;
	position:relative;
	bottom:-90px;
	width:100%;
	height:100px;
	display:block;
	background-image:url(../img/footer.gif);
	background-color:#663333;
	background-repeat:repeat-x;
	clear:left;
}

#footer ul {
	margin:0px auto;
	padding:0;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	position:relative;
	z-index:14;
	left:79px;
}

#footer li {
	width:auto;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	left:auto;
	font-size:1.2em;
	margin:34px 24px 0 0;
	z-index:4;
	position:relative;
	color: #666666;
	float:left;
}

.footerText {
	margin:0px auto;
	width:960px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
}

p.footerText {
	margin: 6px 0 0 0;
	text-align:center;
	letter-spacing:.08em;
	position:relative;
	font-size:1.1em;
	color:#666666;
}

.footerText a:link {
	color:#666666;
	text-decoration:none;
}

.footerText a:visited {
	color:#666666;
	text-decoration:none;
}

.footerText a:hover {
	color:#666666;
	text-decoration:underline;
}

.footerText a:active {
	color:#666666;
	text-decoration:none;
}

.footerText a:focus {
	outline:0;
	text-decoration:none;
}

#masterAbs {
	position:relative;
	width:100%;
	float:left;
}

#masterRel {
	position:relative;
	margin-top:200px;
	width:100%;
	float:left;
}