BODY {
	text-align: center;
	font-size : smaller;
	font-family : Arial, Helvetica, sans-serif;
	background: #01302E;
	margin: 0;
	padding: 0;
}


#containerbox {
	position : relative;
	text-align: left;
	padding-top: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	width: 740px;
	margin-right : auto;
	background: white 	url("images/25-bg.jpg") 0 0 repeat-y;

}
	
	
#topleft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 100px;
	text-align: center;
	background-color: transparent;
}

#banner {
	position: absolute;
	top: 0px;
	left: 180px;
	width: 400px;
	height: 80px;
	text-align: center;
	background-color: transparent;
	font-family : Arial, Helvetica, sans-serif;
	font-size : smaller;
	color: black;
}

#topright {
	position: absolute;
	top: 0px;
	left: 580px;
	width: 160px;
	height: 80 px;
	text-align: center;
	background-color: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: black;
	padding-top: 6px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #DBDBE5;

	
}

/* top site links */
#topnav {
	position: absolute;
	top: 80px;
	left: 180px;
	width: 560px;
	height: 20px;
	text-align: right;
	background-color: #55676D;
	color: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding-right: 5px;
	padding-top: 3px;
	z-index: 20;
}
	

#topnav A {
	color: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
}

#topnav A:hover {
	color: #cccc99;font-size : 8pt;
}



/* side category links */
/* start shopping boxes */

#box2 {
	float: left;
	top: 100px;
	left: 00px;
	width:180px;
	margin-top: 90px;
	padding: 0;
	background-color: transparent;
	color: 01302E;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration: none;
	text-align: left;
	
	z-index: 20;
}

#box2 A{
	color: #01302E;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
}

#box2 A:hover {
	color: #254145;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
}

#box2a {
	position: absolute;
	top: 115px;
	left: 20px;
	width:50px;
	height: 60px;
	z-index: 20;
	text-align: left;
	background-color: transparent;
}

#box2b {
	position: absolute;
	top: 125px;
	left: 65px;
	width:84px;
	height: 60px;
	z-index: 20;
	text-align: left;
	background-color: transparent;
	color: black;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* MIDDLE Heading and main page pic*/
#main {
	position: relative;
	margin-left: 180px;
	width:556px;
	text-align: center;
	background-color: transparent;
	padding-top:10px;
	font-family : Arial, Helvetica, sans-serif;
}

#mainitems {
	position: relative;
	margin-left: 180px;
	width:556px;
	text-align: center;
	background-color: transparent;
	padding-top:10px;
	font-family : Arial, Helvetica, sans-serif;
}	
		
.h4 {
	text-align: center;
	color: #996600;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16pt;
	text-decoration: none;
}
	
.text {
	text-align: center;
	color: #534;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	text-decoration: none;
}

.itemtext td {color : #330033;
	font-size : 10pt;
	font-family : arial;
	list-style : square;
	list-style-type : square;
	list-style-position : inside;
	vertical-align : top;
}
	
.itemtext td A {color : black;
	font-size : 8pt;
	font-family : arial;
	list-style : square;
	list-style-type : square;
	list-style-position : inside;
	vertical-align : bottom;
	text-decoration : none
}


/* links that go on bottom after last item -must be on each page */
	

#bottomnav {
	width: 740px;
	height: 40px;
	text-align: center;
	background-color: #55676D;
	color: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding: 3px 0 0 0;
	margin: 0;
	z-index: 19;
	border-top: double;
	border-top-width: 3px;
	border-top-color: black;
}

#bottomnav A {
	color: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
}

#bottomnav A:hover {
color: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
text-decoration: underline;
}




/* ----- begin list stuff ----- */

	#navcontainer{
		background-color: transparent;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	ul#navlist{
		padding: 0;
		margin: 0;
		background-color: transparent;
		
	}

	#navlist li{
		list-style-type: none;
		width:180px;
		text-align: center;
		background-color: transparent;
		color: #003366;
		font-family : Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size : 10pt;
		text-decoration: none;
	}

	#navcontainer a{
		color: #01302E;
		text-decoration: none;
		font-family : Arial, Helvetica, 
		font-weight: bold;;
		font-size : 10pt;
		padding: 7px 0;
		/* make the whole area clickable */
		display: block;
		width: 180px;
	}

	#navcontainer a:hover {
		color: #01302E;
		background-color: transparent;
		text-decoration: underline;
	}

	/* ----- end list stuff ----- */
	h1{
		background: #fff;
		margin: 0;
		padding: 10px;
		border-bottom: 1px solid #000; 
		font-size: 22px;
	}