/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h6
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h5
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h4
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h3
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h2
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h1
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

body
{
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
	background-color: #000000;
	color: #6F5129;
}

a
{
	color: #667700;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	width: 778px;
	margin: 0em auto;
}

/* Header */

#header
{
	padding: 1.75em;
	text-align: center;
}

#header h1
{
	font-size: 3em;
}

#header h2
{
	font-size: 1em;
	color: #CCCCCC;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

/* Menu */

#menu
{
	background: #000000 url(../images/a1.jpg) top left no-repeat;
	height: 210px;
	width: 778px;
}

#menu ul
{
	list-style: none;
	text-align: center;
	position: relative;
	top: 50px;
}

#menu li
{
	padding: 0em 1em 0em 1em;
	display: inline;
}

#menu li a
{
	color: #3A2000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;
	letter-spacing: 0.2em;
}

#menu li a:hover
{
	text-decoration: underline;
}

/* Content */

#xbg1
{
	position: absolute;
	z-index: 1;
	background: #000000 url(../images/a2.jpg) top left no-repeat;
	width: 778px;
	height: 98px;
}

#content
{
	background: #000000 url(../images/a3.jpg) top left repeat-y;
}

#content p
{
	margin-bottom: 2em;
	line-height: 1.5em;
}

h6
{
	position: relative;
	color: #3F2109;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
}

h5
{
	position: relative;
	color: #3F2109;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
}

h4
{
	position: relative;
	color: #3F2109;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
}

h3
{
	position: relative;
	color: #3F2109;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
}

#content h2
{
	position: relative;
	color: #3F2109;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content ul
{
	margin-bottom: 2em;
	padding-left: 1em;
}

#content blockquote
{
	margin-bottom: 2em;
}

#content blockquote p
{
	border-left: solid 8px #667700;
	padding-left: 1em;
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 2em;
}

#content table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
}

#content table tr.rowA
{
	background-color: #DFBD99;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #EFDCC2;
	color: inherit;
}

/* Primary Content */

#primaryContentContainerIndex
{
	position: relative;
	z-index: 2;
	float: right;
	margin-left: -18em;
	width: 100%;
}

#primaryContentContainer
{
	position: relative;
	z-index: 2;
	float: right;
	margin-left: 0em;
	width: 100%;
}


#primaryContentIndex
{
	margin: 2em 3.0em 0em 19em;
	padding: 0em 0em 0em 1.5em;
	border-left: solid 1px #DFBF99;
}

#primaryContent
{
	margin: 2em 3.0em 0em 3em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	z-index: 2;
	float: right;
	width: 15em;
	margin-top: 2em;
}

#thirdContent
{
	position: relative;
	z-index: 1;
	float: right;
	width: 15em;
}

#fpimage
{
	background-image: url(../images/groups.jpg);
	background: no-repeat;
	height: 302px;
	width: 380px;
	margin: 0 0 0 20px;
	border: solid 0px #667700;
}

#tracyimage
{
	background-image: url(../images/tracys.jpg);
	height: 298px;
	width: 200px;
	margin: 0 5px 0 0px;
	border: solid 1px #667700;
	float: left;
}

#mikeimage
{
	background-image: url(../images/mikes.jpg);
	height: 298px;
	width: 200px;
	margin: 0 5px 0 0px;
	border: solid 1px #667700;
	float: left;
}

#billyimage
{
	background-image: url(../images/billys.jpg);
	height: 298px;
	width: 200px;
	margin: 0 5px 0 0px;
	border: solid 1px #667700;
	float: left;
}

#alanimage
{
	background-image: url(../images/alans.jpg);
	height: 298px;
	width: 200px;
	margin: 0 5px 0 0px;
	border: solid 1px #667700;
	float: left;
}

#cdfront
{
	background-image: url(../images/cdfront.jpg);
	height: 233px;
	width: 227px;
	margin: 0 0 0 50px;
	border: solid 1px #667700;
	float: left;
}

#cdback
{
	background-image: url(../images/cdback.jpg);
	height: 233px;
	width: 300px;
	margin: 0px 50px 0 0px;
	border: solid 1px #667700;
	float: right;
}

#newcdfront
{
	background-image:url(../images/jerichofrontsmall.jpg);
	height: 233px;
	width: 227px;
	margin: 0 0 0 50px;
	border: solid 1px #667700;
	float: left;
}

#newcdback
{
	background-image:url(../images/jerichobacksmall.jpg);
	height: 233px;
	width: 260px;
	margin: 0px 50px 0 0px;
	border: solid 1px #667700;
	float: right;
}

/* Footer */

#footer
{
	width: 778px;
	height: 56px;
	padding-top: 30px;
	background: #000000 url(../images/a4.jpg) top left no-repeat;
	text-align: center;
}

.clear
{
	clear: both;
}


/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

textarea {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

select:focus {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

textarea:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

textarea:focus {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input:focus {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}
input.check {
width:5px;
visibility:hidden;
}
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input:focus.noBorder {
  padding: 0;
  border: 0;
}

input.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #888 #888;
}

input.radio {
  background: none;
  border: 0px;
}