/**
 *  Title:         DeanFowler.com Styles
 *  Author:        AMComputing, LLC : www.amcomputing.com
 *  Last Updated:  Dec 29 2005
 */

body {
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #860037 url(images/bg.gif) top center repeat-y;
	color: #303030;
}

a {
	text-decoration: none;
	color: #860037;
}
a:hover {
	text-decoration: underline;
	color: #860037;
}
a img {
	border: 0;
}

h1 {
	margin: 0 0 0.9em 0;
	font-size: 1.7em;
	color: #006e51;
}
h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	color: #006e51;
}
h3 {
	margin: 0 0 10px 0;
	font-size:1.3em;
	color: #006e51;
}
h4 {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	color: #006e51;
}


/**
 *  page wrapper
 */

#wrap {
	width: 760px;
	margin: 0 auto;
	padding: 10px 0;
	background: #fff;
	color: #303030;
}

#wrap-newsletter {
	width: 780px;
	margin: 0 auto;
	padding: 10px 0;
	background: #fff;
	color: #303030;
}

/**
 *  left column
 */

#left-col {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

.logo {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}


/**
 *  navigation menu
 */

#left-col ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.1em;
}	

#left-col li {
	margin-bottom: 4px;
}

#left-col li.sub {
	margin-bottom: 0px;
}

#left-col li a {
	display: block;
	height: 20px;
	padding: 6px 0 0 10px;
	background: #e3dade;
	border-left: 8px solid #860037;
	text-decoration: none;
	color: #860037;
}	
	
#left-col li a:hover, #left-col li a.active {
	/* background: #e5f0ed; */
	background: #d9e9e5;
	border-left: 8px solid #006e51;
	color: #006e51;
}

/* sub menu */
#left-col li ul {
	list-style: none;
	width: 142px;
	margin: 0;
	padding: 0;
	padding-left: 8px;
	font-size: 0.9em;
}

#left-col li ul li {
	margin-bottom: 4px;
}

#left-col li ul li a {
	display: block;
	height: 16px;
	padding: 3px 0 0 10px;
	background: #e3dade;
	border-left: 8px solid #860037;
	font-weight: normal;
	text-decoration: none;
	color: #860037;
}

#left-col li ul li a:hover, #left-col li ul li a.active {
	/* background: #e5f0ed; */
	background: #d9e9e5;
	border-left: 8px solid #006e51;
	color: #006e51;
}




/**
 *  announcement table in left column
 */

.announce {
	width: 138px;
	margin: 10px 0 10px 0;
	padding: 6px;
	background-color: #d9e9e5;
	line-height: 1.3em;
	color: #505050;
}


/**
 *  content table
 *  --> to include a right column, specify < id="content" class="center-col" >
 */

#content {
	margin: 0 0 20px 160px;
	padding: 0 0 0 10px;
	border-left: 1px solid #f0f0f0;
	line-height: 1.6em;
	text-align: left;
}
#content-full {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #f0f0f0;
	line-height: 1.6em;
	text-align: left;
}
#content-newsletter {
	margin: 0 0 20px 160px;
	padding: 0 0 0 0;
	border-left: 1px solid #f0f0f0;
	line-height: 1.6em;
	text-align: left;
}

.center-col {
	margin-right: 130px !important;
	padding-right: 10px !important;
	border-right: 1px solid #f0f0f0;
}

/* mac hide \*/
* html #content {height:1%}
/* end hide*/

/*
  hack to make italic text space properly in IE
  see: http://www.positioniseverything.net/explorer/italicbug-ie.html
*/

/* \*/
* html #content {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */


#content img {
	display: inline;
	padding: 1px;
	background-color: #ccc;
	color: #303030;
	border: 4px solid #f0f0f0;
}

#content img.plain {
	padding: 0;
	background-color: white;
	color: white;
	border: none;
	margin: 0;
}

#banner {
	margin: 0 0 0 160px;
	padding: 0 0 20px 10px;
	border-left: 1px solid #f0f0f0;
	text-align: center;
}

#banner img {
	display: inline;
	padding: 1px;
	background-color: #fff;
	color: #303030;
	border: 4px solid #f0f0f0;
}


/**
 *  right column
 */

#right-col {
	float: right;
	width: 120px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

#right-col p {
	margin: 0 0 1.5em 0;
}


/**
 *  footer
 */

#footer {
	clear: both;
	width: 760px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	border-top: 4px solid #f0f0f0;
	font-size:0.9em;
	color:#808080;
	text-align:center;
}

#footer a {
	color: #808080;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/**
 *  misc. stuff
 */

p {
	margin-top: 0;
}

.noborder {
	border: none !important;
	background: none !important;
}

.imgleft {
	float: left;
	margin: 0 10px 0 0;
}

.left {
	float: left;
	margin: 0 10px 5px 0;
}

.right {
	float: right;
	margin: 0 0 5px 10px;
}

.textright {
	text-align: right;
}

.center {
	text-align: center;
}

.small {
	font-size: 0.8em;
	line-height: 1.3em;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.sup {
	font-size: 70%;
	vertical-align: super;
}

.hide {
	display: none;
}

hr.line {
	color: #e1bfcd;
	background-color: #e1bfcd;
	height: 3px;
	width: 90%;
	text-align: center;
}

br.clear-right {
	clear: right;
}

br.clearer {
	clear: both;
}

fieldset { border:1px solid #999 }

legend {
	padding: 0.2em 0.5em;
	font-weight: bold;
	text-align:right;
}

table.table {
	width: 99%;
	border-width: 1px;
	border-style: outset;
	border-color: #333;
	border-collapse: collapse;
}
table.table th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #333;
	background-color: #ccc;
	text-align: left;
}
table.table td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #333;
}

.caption {
	margin: 0;
	padding: 0;
	text-align:center;
}

form.paypal p input {
	vertical-align: bottom;
}