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

body {
background-color:#FFF;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#DD0000;
	text-align:center;
	font-size:x-large;
}

h2 {
	font-size:large;
	text-align:center;
	position:relative;
}

h3 {
	font-size:medium;
	text-align:center;
	position:relative;
}

#mainBody {
	margin-left:auto;
	margin-right:auto;
	width: 850px;
	position:relative;
}

	#header{
		position:absolute;
		z-index:30;
		top:-185px;
		left:25px;
	}
		#headerGraphic {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:800px;
			height:140px;
			z-index:10;
		}
		
		#headerGraphic img {
			border:none;
		}
		
		#navBar {
			position:relative;
			background-image:url(../images/nav-bg.gif);
			background-repeat:no-repeat;
			width:800px;
			height:50px;
			margin-left:auto;
			margin-right:auto;
			bottom:1px;
			z-index:5;
		}
		
			#navTable {
				width:100%;
				margin-left:auto;
				margin-right:auto;
			}
			
				#navTable td {
					padding: 10px 10px;
					text-align:center;
				}
				
					#navBar a:link, #navBar a:visited {
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:18px;
						font-weight:bold;
						text-decoration:none;
						color:#000000;
					}
					
					#navBar a:hover {
						text-decoration:underline;
						color:#990000;
					}
		
	#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:190px;
	min-height:600px;
	width:850px;
	padding: 1px;
	background-image:url(../images/content-side.gif);
	background-repeat:repeat-y;
	z-index:3;
	}
		.genericHorizontal {
			position:absolute;
			height:15px;
			background-repeat:no-repeat;
			z-index:1;
			left: 0;
		}
				
		#content-top {
			position:absolute;
			width:850px;
			height:20px;
			background-image:url(../images/content-top.gif);
			background-repeat:no-repeat;
			top: -20px;
			left: 0;
		}
		
		#content-bottom {
			position:absolute;
			width:850px;
			height:15px;
			background-image:url(../images/content-bottom.gif);
			background-repeat:no-repeat;
			bottom: -15px;
			left: 0;
		}
		
		#contentLeft {
			margin-left:3px;
			width:590px;
			position:relative;
		}
				
		#promo1 {
			position:relative;
			width: 400px;
			height:150px;
			padding: 15px 5px 0px;
			margin-left:auto;
			margin-right:auto;
			background-image:url(../images/promo1_vert.gif);
			background-repeat:repeat-y;
		}
		
			#promo1_top {
				position:absolute;
				width:400px;
				height:15px;
				background-image:url(../images/promo1_top.gif);
				background-repeat:no-repeat;
				top: 0px;
				z-index:1;
				left: 0;
			}
			
			#promo1_bottom {
				position:absolute;
				width:400px;
				height:32px;
				background-image:url(../images/promo1_bottom.gif);
				background-repeat:no-repeat;
				bottom: 0;
				left: 0;
				z-index:1;
			}			
					
			#promo1 img {
				margin: 0 15px 0 5px;
				z-index:2;
				position:relative;
			}
			
			#promo1 h2 {
				position:relative;
				text-align:center;
				z-index:3;
			}
			
			#promo1 p {
			
			}

			#bodyContent {
				position:relative;
				margin-left:5px;
				margin-right:5px;
				width:100%;
			}

				#bodyContent_top {
					position:absolute;
					width:583px;;
					height:15px;
					background-image:url(../images/boxTop_583.gif);
					background-repeat:no-repeat;
					top: 0px;
					z-index:1;
					left: 0;
				}
				
				#bodyContent_bottom {
					position:absolute;
					width:583px;
					height:18px;
					background-image:url(../images/boxBottom_583.gif);
					background-repeat:no-repeat;
					bottom: 0;
					left: 0;
					z-index:1;
				}					

		#contentRight {
			position:absolute;
			right:3px;
			top:63px;
		}
		
		div.promo2 {
			width:225px;
			margin-right:15px;
			margin-bottom:10px;
			position:relative;
			background-image:url(../images/promo2_vert.gif);
			background-repeat:repeat-y;
			padding: 5px 0px;
		}

		.promo2_top {
			position:absolute;
			width:225px;
			height:15px;
			background-image:url(../images/promo2_top.gif);
			background-repeat:no-repeat;
			top: 0px;
			z-index:1;
			left: 0;
		}
		
		.promo2_bottom {
			position:absolute;
			width:225px;
			height:15px;
			background-image:url(../images/promo2_bottom.gif);
			background-repeat:no-repeat;
			bottom: 0;
			left: 0;
			z-index:1;
		}					
		
		div.promo2 img {
			position:relative;
			z-index:2;
			padding-top:3px;
		}
		div.promo2 h2 {
			font-size:large;
			text-align:center;
			position:relative;
			z-index:3;
		}
		div.promo2 p {
			position:relative;
			z-index:4;
			margin: 0 5px 3px;
		}
	#orderForm td {
		vertical-align:top;
	}
	
	#orderForm h3 {
		text-align:right;
	}