/*********************************************************************************
 * style.css -- main stylesheet for.
 * 
 * Pretty straight-forward. Starts with standard definitions, followed by 
 * ID-specific stuff. Contains several IE specific fixes, due to IE's horribly
 * broken box model. How do I do IE specific stuff? Well, by abusing IE's 
 * non-complient CSS parser. By starting a class definition with '* html ', only 
 * IE recognizes the definition.
 *********************************************************************************/
html, body { 
	color: #000; 
	background: #ded6d0;
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

body {
	margin: 30px 0;
}

p { 
	margin: 0; 
	padding: 0 0 22px 0; 
}

img {
	border: 0px;
}

ul {
	margin-top: 0px;
}

li {
	list-style-type: disc;
	list-style-position: outside;
}

sup {
	font-size:8px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:  45px;
	color: #FFFFFF; 
	text-align: left;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	margin: 0 0 5px 0;
	padding: 3px 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 3px 0;
}

h4 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	margin: 0 0 8px 0;
	padding: 3px;
}

address {
	display: block;
	margin: 0 0 20px 30px;
	font-style: normal;
}

a         { font-family:sans-serif; font-weight: bold; }
a:link    { color:#996600; text-decoration:none; }
a:visited { color:#996600; text-decoration:none; }
a:hover   { color:#000000; text-decoration:underline }

a.backtotop {
	display: block;
	width: 100px;
	margin: 0 0 20px 15px;
	padding: 0 0 0 20px;
	background-image: url("http://images.spiritandtruthnj.org/backtotop.png");
	background-repeat: no-repeat;
	font-weight: normal;
}

/*********************************************************************************
 * error-message stuff
 *********************************************************************************/
#error {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#error #top {
	height: 18px;
	background-image: url("http://images.traas.org/error_top_bg.png");
	background-repeat: no-repeat;	
}

#error #body {
	/* positioning */
	float: left;
	width: 760px;
	margin: 0 0 0;
	padding: 5px 20px 20px 20px;
	/* decoration */
	background-color: #ffff99;
	background-image: url("http://images.traas.org/error_bg.png");
	color: #990000;
	font-weight: bold;
}

#error #body #icon {
	float: left;
}

#error #body #message {
	margin: 0 0 0 85px;
}

#error #bottom {
	height: 8px;
	background-image: url("http://images.traas.org/error_bottom_bg.png");
	background-repeat: no-repeat;	
	clear: both;
}

/*********************************************************************************
 * CONTAINER
 *********************************************************************************/
#container {
	margin: 0 auto;
	width: 820px;
	text-align: left;
	background-image: url("http://images.spiritandtruthnj.org/bg_main.png");
}

/*********************************************************************************
 * HEADER -- contains positioning and other formatting for all items 
 * contained within
 *********************************************************************************/
#header {
	width:  820px;
	margin: 0;
	padding: 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-color: transparent;
	background-image: url("http://images.spiritandtruthnj.org/bg_top.png");
}

#header-inner {
	width: 800px;
	color: #000000;
	background: #FFFFFF;
	margin: 0px 10px 0 10px;
	padding: 0;
	float: left;
	border-bottom: 1px dashed #000000;
}
/*** IE Fix -- IE box-model is horribly broken! */
* html #header-inner { 
	margin: 0 0 0 5px;
}

#header ul, #footer ul {
	margin: -3px 10px 2px 0;
	padding: 0;
	display: block;
	text-align: right;
}

#header li, #footer li {
	display: inline;
	list-style-type: none;
	list-style-position: outside;
	color: #000000;
	background-color: transparent;
}

/*********************************************************************************
 * CONTENT CONTAINER -- contains the main content of the page between the header
 *                      and the footer
 *********************************************************************************/
#content-container {
	/* positioning */
	float: left;
	width: 800px;
	margin: -3px 10px 0 10px;
	padding: 0;
	/* decoration */
	background: #ffffff;
}
/*** IE Fix -- IE calculates dimensions with respect to margins incorrectly */
* html #content-container {
	margin: -10px 5px 0 5px;
}

/*********************************************************************************
 * MAIN CONTENT -- with sidebar
 *********************************************************************************/
#column-main {
	/* positioning */
	float: right;
	width: 629px;
	margin: 0;
	/* decoration */
	padding: 10px 10px 0 10px;
	border-left: 1px solid #000000;
	background: transparent;
	min-height: 800px;
}
/*** IE Fix -- IE calculates dimensions with respect to margins incorrectly */
* html #column-main {
	/* width: 610px; */
}

#column-main img.right-inline {
	margin: 0 0 10px 10px; 
	float: right; 
	display: inline
}

#column-main img.left-inline {
	margin: 0 10px 10px 0;
	float: left; 
	display: inline
}

/*********************************************************************************
 * MAIN CONTENT -- no sidebar
 *********************************************************************************/
#column-full {
	/* positioning */
	width: 760px;
	margin: 20px;
	padding: 0;
	/* decoration */
	background: transparent;
}

/*********************************************************************************
 * SIDE-BAR
 *********************************************************************************/
#column-sidebar {
	/* positioning */
	float: left;
	width:150px; 
	margin: 0;
	/* decoration */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent;  /*** Sets background of center col***/
	color: #000000;

}

#column-sidebar h2,
#column-sidebar h2 a {
	color: #000000;
	background-color: transparent;
	font-size: 14px;
	margin: 0;
	padding: 10px 0 0 0;
}

#column-sidebar p {
	color: #000000;
}

#column-sidebar ul {
	padding: 0;
	margin: 0 0 0 16px;
}

#menu {
	padding: 0 5px 15px 10px;
}

#column-sidebar #call1 {
	background-color: #cc9900;
	margin-bottom: 0px;
	padding:20px 0px;
}

#column-sidebar #call2 {
	background-color: #800000;
	margin: 0px;
	padding:20px 0px;
}

#column-sidebar #call3 {
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid #000000;
	padding:5px 0;
}

#column-sidebar #call1 p, #column-sidebar #call2 p {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	padding: 5px;
}

#column-sidebar #call3 p {
	padding: 0;
}

/*********************************************************************************
 * FOOTER
 *********************************************************************************/
#footer {
	width: 820px;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-align:center;
	color: #000000;
	background-image: url("http://images.spiritandtruthnj.org/bg_bottom.png");
	clear:both;
}

#footer-inner {
	width: 800px;
	padding: 3px 0 0 0;
	margin: 0 10px 0 10px;
	border-top: 1px dashed #000000;
	background-color: #FFFFFF;
	color: #000000;
}

/*********************************************************************************
 * COPYRIGHT -- outside container
 *********************************************************************************/
#copy {
	margin: 5px;
	font-family:sans-serif;
	font-size: 9px;
}

#copy a        { color: #000000; text-decoration:none;      font-weight:normal; }
#copy a:active { color: #FF0000; text-decoration:underline; font-weight:normal; }
#copy a:hover  { color: #FF0000; text-decoration:underline; font-weight:normal; }

/*********************************************************************************
 * data tables
 *********************************************************************************/
table.data {
	width: 100%;
	border-spacing: 0 2px;
}

.data tr {
}

.data tr.even {
	background-color: #f0f0f0;
	color: #000000;
}

.data tr.odd {
	background-color: #e5e5e5;
	color: #000000;
}

.data thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #ddcd9a;
	color: #000000;
}

.data td {
	padding: 2px 5px;
	text-align: center;
}

.data th {
	border-bottom: 1px solid #7d6411;
	text-align: center;
	padding: 2px 5px;
}

/*********************************************************************************
 * forms
 *********************************************************************************/
.dialog {
	display: block;
	border: 1px solid #999;
	margin: 10px 40px 40px 40px;
	padding: 3px 3px 3px 3px;
}

.dialog h2, .dialog h3 {
	padding: 2px 7px;
	margin: 0 0 2px 0;
	color: #ffffff;
	background-color: #800000;
}

.dialog .line,
.dialog .actionrow {
	display: block;
	margin: 0;
	padding: 3px;
	background-color: #EEEEEE;
	color: #000000;
}

.dialog .actionrow {
	text-align: center;
}

.dialog .line label {
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 0;
	font-size: 14px;
	display: block;
	width: 110px;
	float: left;
	text-align: right;
}

.dialog .line input,
.dialog .line select,
.dialog .line textarea {
	margin: 0 0 0 10px;
	width: 375px;
}

input, select, textarea {
	border: 1px solid #aaa;
	padding: 2px;
}