@charset "UTF-8";
/* CSS Document */

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

body {
	background: url(../assets/images/bg_paisley.png) repeat;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
	width: 80%;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#banner {
	background-color: #4A192B;
	text-align: center;
}
#navBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #73384E;
	background-color: #DC9FBC;
	width: 100%;
	margin: 0;
	padding-top: 3px;
	height: 18px;
}
#navlinks li {
	display: inline;
	list-style: none;
	margin-right: .5em;
	padding-right: .5em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #73384E;
}
#navlinks li.last {
	border-right: 0px;
}
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
#sidebar1 {
	background: url(../assets/images/sidebar.png) repeat-y;
	text-align: left;
	float: left;
	width: 144px; 
	height: 534px;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}



#mainContent {
	background: #ECDDA8;
	height: 534px;
	margin: 0;
	font-size: 12px;
	color: #73384E;
}
#cardstitle {
	padding: 10px;
}
#mainTable {
	padding-left: 10px;
}
#mainTable tr td {
	text-align: right;
}
#row1, #row2, #row3, #row4, #row5, #row6 {
	margin: 2px;
	text-align: right;
	border: 1px solid #73384E;
}
#row1 p, #row3 p, #row5 p {
	background-color:#FFFFCC;
	margin: 0;
	padding: 3px 3px 0 0;

}
#row2 p, #row4 p, #row6 p {
	background-color: #DFD19F;
	margin: 0;
	padding: 3px 3px 0 0;
}
#row1 form, #row3 form, #row5 form {
	background-color:#FFFFCC;
	margin: 0;
	padding: 0 3px 3px 0;
}
#row2 form, #row4 form, #row6 form {
	background-color: #DFD19F;
	margin: 0;
	padding: 0 3px 3px 0;
}
td {
	color: #73384E;
	font-size: 12px;
	text-align: center;
}
td img {
	border: black solid 1px;
}
td p {
	margin: 2px;
}



#footer {
	text-align: center;
	margin:0;
	padding: 0; 
	background:#DC9FBC;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #73384E;
	font-size: 9px;
	margin: 0; 
	padding: 10px 0; 
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a:link {
	color: #73384E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color:#FF66CC;
}
.verse {
	font-size: 11px;
	font-weight: bold;
}
#verseTag {
	font-size: 10px;
	text-align: left;
	padding: 3px 0;
}