/* CSS Document - 2007.03.12 : k.brugman */
/* navy: #003366; teal: #3399cc; light teal: #ddeaf1; */

	body, html {
		background: #666666;
		color: #333333;
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight:normal;
		margin: 0px;
		padding: 0px;
		text-align:center; /* for non-compliant browsers */
		}
		
	a			{ color: #3399CC; text-decoration: underline; }
	a:link		{ color: #3399CC; text-decoration: underline; }
	a:visited	{ color: #3399CC; text-decoration: underline; }
	a:hover		{ color: #333333; text-decoration: underline; }
	a:active	{ color: #333333; text-decoration: underline; }	
	
	
	img { border:none; display:block; }
	.hide, #nav li span, #cart span { position:absolute; left:-9999px; }

	

/* ----- TEXT TAGS -----*/

	p, li, td {
		background: transparent;
		color: #333333;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight:normal;
		line-height: 1.4;
		margin: 0;
		padding: 0;
		}
		
	p, li {
		text-align:left;
		margin: 0px 0px .7em 0px;
		padding: 0px;
		}
		
	#header p {
		color:#ffffff;
		font-family: Georgia, serif;
		font-size: 36px;
		font-weight:bold;
		padding: 1em 0;
		}
		
	li {
		margin:0px 0px .7em 0px;
		}
		
	h1, h2, h3, h4, h5, h6 {
		background: transparent;
		color: #003366;
		font-family: Georgia, serif;
		font-size: 18px;
		font-weight:bold;
		line-height: 1.75;
		text-align:left;
		text-transform:none;
		margin: 0px 0px .5em 0px;
		padding: 0px;
		}
		
	h1 {
		font-size: 36px;
		font-weight:normal;
		}
		
	h2 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight:normal;
		padding-left:2px;
		border-bottom: 1px solid #3399CC;
		}
		
	h4 {
		font-size:14px;
		}
	
	.small { font-size:10px; }
	h3 .small { font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
		
	/* lists */
	
	ol {
		margin: 0px 0px 1.5em 0px;
		}
	
		ol ol {
			list-style-type:lower-alpha;
			margin: .7em 0px;
			}
			
	blockquote {
		background-color:#ddeaf1;
		width: 500px;
		margin: 20px;
		padding: 20px;
		border-left: 5px solid #3399cc;
		}
		
/* ----- MAIN STRUCTURE TAGS ----- */

	#container {
		position:relative;
		background: #ffffff;
		color: #554a37;
		width: 815px;
		text-align:left;
		margin: 0 auto;
		padding: 0;
		border-bottom:10px solid #303030;
		}
		
	#header {
		height:120px;
		background:#303030;
		color:#ffffff;
		padding:20px;
		border-top: 1px solid #3399CC;
		border-bottom: 10px solid #3399CC;
		}
		
		#header img {
			float:left;
			margin-right:20px;
			}
			
		#header a {
			color:#ffffff;
			text-decoration:none;
			}
		
	#content {
		margin: 20px 0 0 0;
		padding: 30px 20px 20px 20px;
		clear:both;
		}
		
	#content.wsub { /* for pages with subnav */
		padding-top: 50px;
		}
		
	#footer {
		background:#ffffff;
		font-size: 10px;
		text-align:left;
		margin: 0;
		padding: 10px 20px 10px 20px;
		border-top:2px solid #3399CC;
		}
		
	#footer p { font-size: 10px; margin: 0; }
		
	
	.topspace { margin-top:40px; }
	
	
	
/* ----- NAV TAGS ----- */

	ul#nav {
		position:absolute;
		left:0px;
		top: 170px;
		background:#303030;
		width:100%;
		height: 36px;
		list-style:none;
		margin: 0;
		padding: 0;
		border-bottom:2px solid #3399CC;
		clear:both;
		}
	
		ul#nav li {
			background: transparent;
			color: #003366;
			margin: 0px;
			padding:0;
			float:left;
			display:block;
			}
			
			ul#nav li a, ul#nav li a:link, ul#nav li a:visited, ul#nav li.first {
				text-decoration:none;
				color:#ffffff;
				font-family: Georgia, serif;
				font-weight:bold;
				padding:10px;
				display:block;
				}
				
			ul#nav li a:hover, ul#nav li a:active {
				background:#3399CC;
				color:#ffffff;
				display:block;
				}
				
			ul#nav li.first {
				color:#999999;
				padding-left:20px !important;
				}
				
			ul#nav li a.on {
				background:#3399CC;
				color:#000000;
				}
				
	#subnav {
		position:absolute;
		left:0;
		top:208px;
		width: 100%;
		height: 22px;
		background: transparent;
		margin:0;
		padding:0;
		border-bottom:1px solid #3399cc;
		}
		
	#subnav ul {
		background: transparent;
		list-style:none;
		margin:0;
		padding:0 0 0 540px;
		}
		
		#subnav ul li {
			float:left;
			margin:0;
			padding:0;
			display:block;
			}
			
			#subnav ul li a, #subnav ul li a:link, #subnav ul li a:visited {
				font-family: Georgia, serif;
				font-weight:bold;
				text-decoration:none;
				line-height:1;
				margin: 0;
				padding:5px 10px;
				display:block;
				}
				
			#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li a.on {
				color:#000000;
				}
				
				

	
/* ----- TABLE ----- */

	table {
		margin:0 auto 20px auto;
		border:none;
		}
		
	table.bracket {
		margin: 0 0 60px 0;
		}
		
	table.border {
		border-top:1px solid #666666;
		border-left:1px solid #666666;
		}
		
	table.gallery { border:none; }

		th {
			background:#ddeaf1;
			color:#003366;
			font-size:12px;
			font-weight:bold;
			text-align:center;
			}
	
		.border th, .border td {
			padding: 3px;
			border-right:1px solid #666666;
			border-bottom:1px solid #666666;
			}
			
		.border td {
			text-align:center;
			}
			
		td.first { background: #ddeaf1; }
			
		.gallery td {
			padding-bottom:10px;
			border:none;
			}
			
		.bracket td {
			padding: 2px 2px;
			}
			
			td *, td img { text-align:center; }
			
			td img { margin:0 auto 10px auto; }
			
			.gallery td img { padding: 2px; border: 1px solid #003366; }
			
			.bracket td strong { color: #000000; }
			
			.bracket td .small { color: #666666; }
	
	
/* FORM */

	form { margin: 0px 0px 2em 0px; }
	
	fieldset { border:none; margin:0px 0px 2em 0px; padding:0px; }
	legend { display:none; }
		
	form ol { list-style:none; margin:0px; padding:0px; }
	form li { margin: 0px 0px 1em 0px; padding: 0px; clear:both; }
	
	input, select, textarea, option {
		color: #003366;
		background: #FFFFFF;
		font-family: arial, sans-serif;
		font-size: 11px;
		margin:0px;
		padding:0px;
		}
		
	option { font-size: 10px; }
	
	label { font-size: 11px;  }
	label .green { font-size: 11px;  }
	
	li.noclear { clear:none; }
	li.float { float:left; padding-right:20px; }
		
	/* buy now */
	input#buynow {
		background: transparent url(../images/buynow.gif) no-repeat;
		background-position: 0px 0px;
		width: 50px;
		height: 16px;
		margin: 0px;
		display:block;
		}
		
	input#buynow:hover, input#buynow:active { background-position: 0px -16px; }
	
	
	/* shopping cart */
	input#cart {
		position: absolute;
		top:0px;
		right: 0px;
		background: transparent url(../images/bag.gif) no-repeat;
		background-position: 0px 0px
		width: 14px;
		height: 17px;
		margin: 0px;
		}
		
	input#cart:hover, input#cart:active { background-position: 0px -17px; }