/*************** GENERAL ***************/


body {
	margin: 0px 0px 0px 0px;
	background-image: url(pics/bg.png);
	background-attachment: fixed;
	background-color: #50800E;
	font-family: 'Georgia', 'Times New Roman';
	font-size: 90%;
	line-height: 150%;
}

/*
#bgSlide {
	width: 100%;
	height: 100%;
}
*/

td {
	font-size: 90%;
	line-height: 140%;
}

a:link { color: #0000cc; text-decoration: none; }
a:visited { color: #0000cc; text-decoration: none; }
a:hover { color: #0000cc; text-decoration: underline; }

#lowerContainer {
	z-index: 20;
	width: 850px;
	position: absolute;
	top: 284px;
	left: 14px;
	padding-bottom: 15px;
	padding-right: 23px;
}

#basicTable {
	z-index: 41;
}

hr {
	border: 0;
	color: black;
	background-color: black;
	height: 1px;
	width: 100%;
}

/*************** HEADER ***************/


#sunPic {
	z-index: 40;
	position: absolute;
	top: 0px;
	left: 0px;
}

#headerBg {
	z-index: 21;
	position: absolute;
	top: 7px;
	left: 14px;
}

#headerText {
	z-index: 23;
	position: absolute;
	top: 7px;
	left: 564px;
}

#headerPic {
	z-index: 24;
	position: absolute;
	width: 850px;
	top: 66px;
	left: 14px;
}


/*************** NAVIGATION ***************/


#naviContainer {
	z-index: 25;
	width: 164px;
	vertical-align: top;
	background-color: #ffcc00;
	padding: 16px 20px 26px 20px;
	line-height: 150%;
}

a.naviLink:link { color: #2A4B11; text-decoration: none; font-weight: bold; }
a.naviLink:visited { color: #2A4B11; text-decoration: none; font-weight: bold; }
a.naviLink:hover { color: #2A4B11; text-decoration: none; font-weight: bold; }

a.naviLinkCurrent:link { color: #2A4B11; text-decoration: none; font-weight: bold; }
a.naviLinkCurrent:visited { color: #2A4B11; text-decoration: none; font-weight: bold; }
a.naviLinkCurrent:hover { color: #2A4B11; text-decoration: none; font-weight: bold; }
	
/*************** CONTENT ***************/

#empty6 {
	width: 6px;
	background-image: url(pics/shade_vertical_side.png);
}

#contentContainer {
	width: 580px;
	vertical-align: top;
	background-color: #ffffff;
	padding: 16px 30px 26px 30px;
}


#contentMainHeader {
	font-size: 150%;
	font-weight: bold;
	color: #993399;
	padding-bottom: 30px;
}

.contentSubHeader {
	font-weight: bold;
	padding-bottom: 10px;
}

#productList {
	font-size: 80%;
}


.imgContainer {
	margin: 4px 4px 4px 4px;
	padding: 4px 4px 4px 4px;
	width: 140px;
	height: 140px;
	vertical-align: middle;
	text-align: center;
}


/*************** FOOTER ***************/


#footer {
	z-index: 27;
	height: 8px;
}


/*************** SHADES ***************/

#shadeHeaderText {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 15px;
	width: 856px;
	vertical-align: bottom;
}

#shadeHeaderPic {
	z-index: 2;
	position: absolute;
	top: 10px;
	left: 15px;
	width: 856px;
	vertical-align: bottom;
}

#shadeContentLeft {
	background-image: url(pics/shade_vertical_side.png);
	background-repeat: repeat-y;
}

#shadeFooter {
	z-index: 3;
	position: relative;
	vertical-align: bottom;
	width: 856px;
	height: 15px;
	top: -7px;
}

#shadeBits {
	position:relative;
}

#shadeCornerBit {
	position: absolute;
	top: 284px;
	left: 218px;
	width: 7px;
	height: 10px;
}