/* define standard html element styles */

body {
	text-align: center;
	background : #fff url(../images/bg.gif);
}

body, div, p, h1, h2, h3, h4, h5, h6, a, th, td, input, select, textarea, li {
  font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 12px;
}

.first:first-letter {
	font-size: 125%;
	font-weight: bold;
	font-family : Georgia, serif;
	color : #900;
}

p, div, td {
	line-height: 18px;
}

p.first:first-line {
	text-transform: uppercase;
	font-size: 11px;
}

h1 {
	font-family : Georgia, serif;
	color : #900;
	font-size : 20px;
	margin-bottom: 4px;
	margin-top: 0px;
	letter-spacing : 1px;
}

h2 {
	font-family : Georgia, serif;
	color : #690;
	font-size : 16px;
	margin-bottom: 14px;
	letter-spacing : 1px;
}
	
	h2 a:link, h2 a:active, h2 a:visited {
		font-family : Georgia, serif;
		color : #690;
		font-size : 16px;
		margin-bottom: 14px;
		letter-spacing : 1px;		
	}

	h2 a:hover {
		color : #900;
	}

hr {
	color : #900;
}

strong {
	font-family : Georgia, serif;
	font-size: 13px;
	color : #900;
	font-weight: normal;
}

ul {
	margin-top: 2px;
	margin-left: 25px;
}

ul li {
	list-style-type: none; 
	list-style-image: url(../images/bullet.gif);
}

#outer {
	width: 700px; 
	margin: 20px auto;
	margin-bottom: 5px;
	background: #FAF7EC; 
	border: 1px solid #933;
	text-align: left;
	padding: 20px;
}

#bodyblock {
	width : 690px;  
	position : relative;
	padding : 0;
}

#nav {
	float: left; 
	width: 140px;
	margin-left: 5px;
}

#content {
	float: right;
	width: 530px;
}


/* some form stuff */
form div {
	clear: both;
	padding-bottom: 3px;
}

form label {
	float: left;
	width: 90px;
	text-align: right;
	margin-right: 6px;
	font : bold 11px Verdana, sans-serif;
	color :	#900;
}

form div div {
	margin-left: 0;
	clear: none;
}

form div div label {
	float: none;
	width: auto;
	text-align: left;
	display: inline;
}

form div.align {
	margin-left: 98px;
	margin-top: 3px;
}

/* define classes */

.subtitle {
	font-size : 14px;
	font-weight : bold;
	color : #690;
}
.form-text {	
	font-family : Georgia, serif;
	font-size: 13px;
	color : #900;
	font-weight: normal;
}

.input1 {
	font : 11px Verdana, sans-serif; 
	color : #000;
	background-color : #fff;
	border-top : 1px solid #690;
	border-left : 1px solid #690;
	border-bottom : 1px solid #360;
	border-right : 1px solid #360;
}

.button {
	font : bold 11px Verdana, sans-serif; 
	color : #fff; 
	background-color : #900;
}

.small {
	font-size : 11px;
}

.required {
	font-size : 11px;
	color : #690;
}

.pic-border {
	border: 5px solid #fff;
}

.pic-row {
	width:100%;
	margin-bottom: 12px;
}

.pic-col {
	text-align: center;
	width: 33%; 
	margin-bottom: 12px;
	padding-bottom: 12px;
	font-size:10px;
}

.click-thumb {
	font-style:italic; 
	font-size:11px; 
	letter-spacing:3px; 
	padding-bottom: 3px;
	text-align: right;
}

.click-border {
	border: 1px dashed #ccc; 
	padding: 10px;
}

.prodsub {
	color: #900;
	text-align: right;
	font-weight:bold;
}


/* define link properties */

a:link,a:visited,a:active {
	color : #900;
	text-decoration: none;
}

a:hover {
	color : #690;
	border-bottom: 1px dashed #900;
}

a.nav:link,a.nav:visited,a.nav:active {
	font-family : Georgia, serif;
	font-weight: bold;
	font-size : 15px;
	text-decoration: none;
}

a.nav:hover {
	border-bottom: 1px dashed #900;
}

a.subnav:link,a.subnav:visited,a.subnav:active,a.subnav:hover {
	font-size : 11px;
	font-weight : normal;
	margin-left: 6px;
	text-decoration: none;
}

a.pic:link,a.pic:visited,a.pic:active {
	border: 3px solid #fff;
 	display: block; 
	text-align: center;
	margin: 0 auto;
}

a.pic:hover {
	border: 3px solid #690;
 	display: block;
	text-align: center;
	margin: 0 auto;
}

a.black:link,a.black:visited,a.black:active,a.black:hover {
	color: #000;
	border-bottom: 0;
}