
BODY {
 color: #333333;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background:#6E6E6E;
}

#table {
 margin-left: auto;
 margin-right: auto;
 width: 990px;
 font: normal 12px verdana, arial, sans-serif;
 text-align: center;
 background:#6E6E6E url("../images/bg.gif") repeat-y;
}

#top {
 width:990px;
 height:40px;
}

#header {
 width:990px;
 height:240px;
}

#menu {
 width:990px;
 height:27px;
 background:#6E6E6E url("../images/back.gif") repeat-y;
}

.menu {
 text-align:left;
 font: bold 11px/27px verdana, arial, sans-serif;
 color:#333333;
 word-spacing: 1px;
 padding-left:40px;
}

.menu a {
 font:bold 11px/27px verdana, arial, sans-serif;
 color:#333333;
 text-decoration: none;
}

.menu a:hover {
 font:bold 11px/27px verdana, arial, sans-serif;
 color:#333333;
 text-decoration: underline;
}

#line {
 width:990px;
 height:4px;
}

#content {
 width:990px;
 text-align: center;
 background:#6E6E6E url("../images/back.gif") repeat-y;
}

.content {
 padding:10px 10px 5px 20px;
 text-align: left;
 font: normal 12px verdana, arial, sans-serif;
}

#menuBottom {
 width:990px;
 height:30px;
 background:#6E6E6E url("../images/back.gif") repeat-y;
}

.menuBottom {
 color: #333333;
 font: bold 10px/30px verdana, arial, sans-serif;
 text-align: center;
}

.menuBottom a {
 color: #333333;
 text-decoration:none;
}

.menuBottom a:hover {
 color: #333333;
 text-decoration:underline;
}

#submenu {
 width:990px;
 height:10px;
}

#copy {
 width:990px;
 height:60px;
 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:underline;
}

.copy a:hover {
 color: #FFFFFF;
 font: bold 10px verdana, arial, sans-serif;
 text-decoration:none;
}

UL {
 margin:5px 2px 5px 25px;
 padding:10px;
 font: normal 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;*/
}

.specialText { 
 font: bold 11px verdana, arial, sans-serif;
 text-align:center;
}

.more { 
 font: bold 10px/14px verdana, arial, sans-serif;
 padding:0px 1px 2px 1px;
 color:#0085C6;
 text-align:left;
}

.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;
}

.mainSearch {
 font-family: arial, verdana, "ms sans serif", sans-serif;
 border: 1px solid #D7D7D7;
 background-color: #FFFFFF;
 width: 325px;
 height: 20px;
 font-size: 12px;
}

/*********************** Data *********************/

.formEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #8948E4;
	background-color: #FFFFFF;
	width: 195px;
	font-size: 12px;
}

.formHalfEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #8948E4;
	background-color: #FFFFFF;
	width: 250px;
	font-size: 12px;
}

.formSmallEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #8948E4;
	background-color: #FFFFFF;
	width: 60px;
	font-size: 12px;
}

.formLongEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #8948E4;
	background-color: #FFFFFF;
	width: 400px;
	font-size: 12px;
}

.formTextarea {
	font-family:arial, verdana ,"MS Sans Serif", sans-serif;
	border: 1px solid #8948E4;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formBigTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #8948E4;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formButton {
	font-family: verdana, arial, "ms sans serif",sans-serif;
	border: 1px solid #8948E4;
	font-size: 11px;
	background-color:#8948E4;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	width: 100px;
}

.formSmallButton {
	border: 1px solid #8948E4;
	font-size: 9pt;
	background-color:#8948E4;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}


.formLongButton {
	border: 1px solid #8948E4;
	font-size: 9pt;
	background-color:#8948E4;
	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 0px #FFFFFF;
	background-color: #FFFFFF;
}

.tableBorderHeader {
	height: 27;
	background-color: #DCDBBD;
	padding-left: 5px;
}

.tableHeader {
	height: 22;
	background-color: #F1F1D8;
	padding-left: 5px;
}

.tableDataDark {
	background-color: #EFE9F7;
	padding-left: 5px;
	height: 24;
	font: bold 11px verdana, arial, "ms sans serif", sans-serif;
	
}

.tableDataLight {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 24;
}
.tableHeaderText {
	color: #000000;
	font-weight: bold;
	text-align: center;
}