
BODY {
 color: #333333;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background:#980000 url("../images/bg.jpg") repeat-x;
}

h1 {
	font-size:10px;
	text-indent:3px;
}

#table {
 margin-left: auto;
 margin-right: auto;
 width: 982px;
 font: normal 12px verdana, arial, sans-serif;
 text-align: center;
 background:#980000;
}

#header {
 width:982px;
 height:280px;
 background: url("../images/header.jpg") repeat-y;
 text-align:left;
}

#topTable {
 background:#FFFFFF url("../images/back.gif") repeat-y;
 text-align: center;
 }

#headline h2 {
 	font: bold 32px arial, verdana, sans-serif;
 	color: #EB0601;
 	text-align: center;
 	text-transform: uppercase;
	}

#headline h3 {
 	font: bold 18px arial, verdana, sans-serif;
 	color: #0818e4;
 	text-align: left;
 	padding-left: 20px;
	}
	
#headline p {
	padding: 0 0 0 30px;
 	font: normal 16px arial, verdana, sans-serif;
 	color: #091779;
 	text-align: left;
 	}
 	
#content {
 width:982px;
 text-align: center;
 background:#FFFFFF url("../images/back.gif") repeat-y;
}

.content {
 padding:10px 6px 5px 6px;
 text-align: left;
 font: normal 12px verdana, arial, sans-serif;
}

#menuBottom {
 width:982px;
 height:38px;
 background:#6E6E6E url("../images/back.gif") repeat-y;
}

.menuBottom {
 color: #333333;
 font: bold 12px/38px arial, verdana, sans-serif;
 text-align: center;
}

.menuBottom a {
 color: #333333;
 text-decoration:none;
}

.menuBottom a:hover {
 color: #333333;
 text-decoration:underline;
}

#line {
 width:982px;
 height:3px;
}

.cart {
 padding:60px 3px 5px 3px;
 color: #FFFFFF;
 font: bold 11px arial, verdana, sans-serif;
 text-align: center;
 text-transform:uppercase;
}

.cart a {
 color: #999999;
 font: bold 11px arial, verdana, sans-serif;
 text-decoration:none;
}

.cart a:hover {
 color: #999999;
 font: bold 11px arial, verdana, sans-serif;
 text-decoration:underline;
}
#copy {
 width:982px;
 height:35px;
 text-align: center;
}

.copy {
 color: #FFFFFF;
 font: normal 10px verdana, arial, sans-serif;
 text-align: center;
}

.copy a {
 color: #FFFFFF;
 font: bold 10px verdana, arial, sans-serif;
 text-decoration:none;
}

.copy a:hover {
 color: #FFFFFF;
 font: bold 10px verdana, arial, sans-serif;
 text-decoration:underline;
}

.menu {
 text-align:left;
 font: bold 13px/27px verdana, arial, sans-serif;
 color:#000043;
 word-spacing: 1px;
 padding:82px 1px 1px 70px;
}

.menu a {
 font:bold 13px/27px verdana, arial, sans-serif;
 color:#000043;
 text-decoration: none;
}

.menu a:hover {
 font:bold 13px/27px verdana, arial, sans-serif;
 color:#000043;
 text-decoration: underline;
}

#submenu {
 width:982px;
 height:10px;
}

UL {
 list-style-image: url(../images/arrowsm.gif);
 margin:5px 2px 5px 25px;
 padding:0px;
 font: bold 12px/16px verdana, arial, sans-serif;
 color:#000000;
}

UL LI {
 margin:1px 0px 1px 0px;
 padding:0px;
}

UL a {
 color:#000000;
 text-decoration:none;
}

UL a:hover {
 color:#000000;
 text-decoration:underline;
}

.category {
 text-align:center; 
 padding:5px; 
 font: normal 10px verdana, arial, sans-serif; 
 color:#333333;
}

.sectionTitle {
 font: bold 16px verdana, arial, sans-serif;
 text-align:center;
}

.contentSub {
 margin-left: auto;
 margin-right: auto;
 text-align:left;
 width:910px;
 /*margin:5px 30px 5px 30px;
 border: 1px solid red;*/
}

.cardTitle {
 font: bold 12px verdana, arial, sans-serif; 
 color:#5C0000;
 text-transform:uppercase;
 text-indent:3px;
}

.cardText {
 font: bold 10px verdana, arial, sans-serif; 
 color:#000000;
}

A.cardText {
 color: #000000;
 text-decoration: none;
}

A:hover.cardText {
 color: #CC0000;
 text-decoration: underline;
}

.greyLink {
	color: #666666;
}

.greyLink:hover {
	color: #666666;
}

.greyText {
	color: #666666;
}

.specialText { 
 font: bold 11px verdana, arial, sans-serif;
 text-align:center;
}

.more { 
 font: bold 10px/14px verdana, arial, sans-serif;
 padding:1px 3px 2px 3px;
 color:#000000;
 text-align:right;
}

.more A {
 color: #000000;
 text-decoration: none;
}

.more A:hover {
 color: #CC0000;
 text-decoration: underline;
}

.contentTitle { 
 font: bold 14px/24px verdana, arial, sans-serif;
 color:#A11110;
}

A {
 color: #CC0000;
 text-decoration: underline;
}

A:hover {
 color: #CC0000;
 text-decoration: none;
}

TD {
 font-size: 12px;
}

.text2 {
 font-size: 13px;	
 color: #990000;
 font-weight:bold;
}

.mainSearch {
 font-family: arial, verdana, "ms sans serif", sans-serif;
 border: 1px solid #D7D7D7;
 background-color: #FFFFFF;
 width: 325px;
 height: 20px;
 font-size: 12px;
}

.border {
 border:1px solid #999999;
}

.titleText {
	padding-top:5px;
	padding-left:24px;
}

/*********************** Data *********************/

.formEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #EDEDED;
	background-color: #EDEDED;
	width: 195px;
	font-size: 12px;
}

.formHalfEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 100px;
	font-size: 12px;
}

.formSmallEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 60px;
	font-size: 12px;
}

.formLongEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 160px;
	font-size: 12px;
}

.formTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formBigTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formButton {
	font-family: verdana, arial, "ms sans serif",sans-serif;
	border: 1px solid #800000;
	font-size: 11px;
	background-color:#800000;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	width: 100px;
}

.formSmallButton {
	border: 1px solid #BCBAA2;
	font-size: 9pt;
	background-color:#BCBAA2;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}


.formLongButton {
	border: 1px solid #BCBAA2;
	font-size: 9pt;
	background-color:#BCBAA2;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}

/*

<table border="0" cellpadding="2" cellspacing="1" width="98%" align="center" class="tableBorder">
<form method="post">
	<tr>
		<td colspan="2" class="tableBorderHeader"><span class="tableHeaderText">New lender</span></td>
	</tr>
	
	<tr>
		<td class="tableData"><b>Web site:</b></td>
		<td class="tableData"><input type="text" name="Email" maxlength="50" class="formEdit"></td>
	</tr>
	
	<tr>
		<td class="tableData" valign="top"><b>Mailing address:</b></td>
		<td class="tableData"><textarea name="address" class="formTextarea"></textarea></td>
	</tr>
	 
	<tr>
		<td class="tableHeader">&nbsp;</td>
		<td class="tableHeader">
		<input type="submit" name="Save" value="Save" class="formButton">
		<input type="hidden" name="Save" value="Save">
		<input type="button" name="Cancel" value="Cancel" onclick="history.back();" class="formButton">
		</td>
	</tr>
</form>
</table>

<table border="0" cellpadding="2" cellspacing="1" width="98%" align="center" class="tableBorder">			
	<tr>
		<td colspan="5" class="tableBorderHeader"><span class="tableHeaderText">Lenders</span></td>
	</tr>
	
	<tr class="tableHeader">
		<td><div class="tableHeaderText"><a href="#"><img src="images_iva/sort.gif" alt="sort" border="0" align="absmiddle">Name</a></div></td>
		<td><div class="tableHeaderText"><a href="#">E-mail</a></div></td>
		<td><div class="tableHeaderText">Details</div></td>
		<td><div class="tableHeaderText">Edit</div></td>
		<td><div class="tableHeaderText">Delete</div></td>        
	</tr>
	
	<tr>
		<td class="tableDataLight"><a href="#">Manning, Peyton</a></td>
		<td class="tableDataLight"><a href="mailto:ahman@yahoo.com">peyton@yahoo.com</a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/info.gif" border="0" alt="Notes"></a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/edit.gif" border="0" alt="Edit"></a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/delete.gif" border="0" alt="Delete"></a></td>
	</tr>
	
	<tr>
		<td class="tableDataDark"><a href="#">Manning, Peyton</a></td>
		<td class="tableDataDark"><a href="mailto:ahman@yahoo.com">peyton@yahoo.com</a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/info.gif" border="0" alt="Notes"></a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/edit.gif" border="0" alt="Edit"></a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/delete.gif" border="0" alt="Delete"></a></td>
	</tr>
</table>
*/


.tableBorder {
	border: solid 1px #2462AB;
	background-color: #FFFFFF;
}

.tableBorderHeader {
	height: 27;
	background-color: #DCDBBD;
	padding-left: 5px;
}

.tableHeader {
	height: 22;
	background-color: #F1F1D8;
	padding-left: 5px;
}

.tableDataDark {
	background-color: #ECECEC;
	padding-left: 5px;
	height: 24;
}

.tableDataLight {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 24;
}
.tableHeaderText {
	color: #000000;
	font-weight: bold;
	text-align: center;
}
