body {
	background-image:  url(images/subbg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 120px 20px 0px 20px;
	width: 600px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#viewcart {
	position: absolute;
	height: 20px;
	width: 388px;
	left: 336px;
	top: 7px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}
#viewcart a:link {color: #990000;}
#viewcart a:visited {color: #990000;}
#viewcart a:hover, #footer a:active, #footer a:focus {color: #cc9900;}

p {
	font-size: 11px;
	line-height: 14px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
#goldbanner h2 {
	padding: 3px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: none;
}

#info {
	position:absolute;
	left:12px;
	top:1755px;
	width:535px;
	height:124px;
	z-index:5;
	border-top-color: #990000;
	border-top-width: 3px;
	border-top-style: solid;
}
/*	Simple VII Menus by PVII Style Sheet.
	Comments are included for your assistance. */
	
/* General Notes- Rules preceded by # are ID selectors and are
	assigned in the HTML markup like this: <div id="logo">.
	IDs are unique. That is, an ID can only be assigned to
	one element per page.
	
	Rules preceded by a period are Class Selectors and are
	assigned in the HTML markup like this:
	<div class="p7simontrigger">
	
	Some elements are assigned both an ID and a Class, like this:
	<div class="p7simontrigger" id="p7trigger1">

/*	Body Rule Notes 
	margin values are in shorthand: Top Right Bottom Left.
	Setting the left and right margins to 15% effectively centers
	all static content and makes that content fill 70% of the window. 
	Zero is the only value that does not require a unit of measure
	Global Font Style and base Font Size */


/*	Position absolute turns a DIV into what Dreamweaver
	refers to as a LAYER */



#logo {
	position: absolute;
	top: 24px;
	left: 2px;
	width: 243px;
}


/* 	Use a combined selector to assign all properties common to each
	of the trigger DIVs, which are absolutely positioned
	Dreamweaver 'Layers' */
#button1, #button2, #button3, #button4, #button5 {
	position: absolute;
	top: 37px;
	background-color: transparent;
	border: 0;
	width: 51px;
	z-index: 4;
}
/* 	Now use individual selectors for each trigger Layer to assign their unique properties.
	The first button is wider than the rest, so only its width is unique and declared here. */
#button1 {left: 250px; width: 97px;}
#button2 {left: 347px;}
#button3 {left: 444px;}
#button4 {left: 541px;}
#button5 {left: 638px;}


.trigger a {
	display: block;
	background-color: #ECE09D;
}
.trigger a:hover, .trigger a:active, .trigger a:focus {
	background-color: #FFFFFF;
}

#submenu1 {
	position: absolute;
	width: 115px;
	top: 90px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	left: 255px;
	visibility: hidden;
	z-index: 20;
}
.submenu p {margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}
.submenu a, .submenu a:visited {
	display: block;
	padding: 3px;
	border: 1px solid;
	border-color: #999 #333 #333 #999;
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
}

.submenu a:hover, .submenu a:active, .submenu a:focus {
	background-color: #FFCC33;
	color: #333333;
}
#footer {
	margin: 10px 0 0;
	font-size: 10px;
	padding: 10px 0 0;
	border-top: 1px #000000;
	line-height: 12px;
	position: absolute;
	left: 260px;
	width: 475px;
	overflow: visible;
	text-align: center;
}
/* 	Link styles for Footer Content only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */

#footer a:link {color: #990000;}
#footer a:visited {color: #333333;}
#footer a:hover, #footer a:active, #footer a:focus {color: #cc9900;}
table.resume {
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.sectionborder {
	border: 1px solid #990000;
}

