/* CSS Document Table of Contents:
	
	Universal
	Typography
	Header Layout
	Navigation Layout
	Middle Layout
	Footer Layout
	
*/

/* Universal
--------------------------------------------------------------------------------------- */
*					{margin: 0px;
				 	 padding: 0px;}

body				{background: url(/images/bg_body.gif) repeat-x #DFDBD9;}

img					{border: none;}

div.hd				{background: url(/images/bg_hd.gif) no-repeat;
			 		 height: 20px;}
					 
div.ft				{background: url(/images/bg_ft.gif) no-repeat;
			 		 height: 20px;
					 margin: 0px -6px;}
					 
#container			{margin: 0px auto;
					 padding: 15px;
				 	 width: 765px;}
					 
div.hbd				{background: url(/images/bg_header_bd.gif) no-repeat left 0px;}

div.hc				{background: url(/images/bg_header_hc.gif) no-repeat right 0px;}

div.nbd				{background: url(/images/bg_nav_nbd.gif) no-repeat left 0px;}

div.nc				{background: url(/images/bg_nav_nc.gif) no-repeat right 0px;}

div.mbd,
div.fbd				{background: url(/images/bg_main_mbd.gif) repeat-y left 0px;}

div.mc,
div.fc				{background: url(/images/bg_main_mc.gif) repeat-y right 0px;}

div.fbd				{margin: 0px -6px;}

/* Typography
--------------------------------------------------------------------------------------- */
body				{font-family: Arial, Helvetica, sans-serif;
					 font-size: 12px;
					 text-align: center;}

h1,
h2,
h3					{color: #92211C;
					 font-weight: bold;}

h1					{font-size: 18px;}
					 
h2					{font-size: 16px;}

h3					{font-size: 12px;}

p.smallText			{font-size: 10px}

#container 			{text-align: left;}

#header a,
#nav a				{color: #010101;
				 	 cursor: pointer;
				 	 font-size: 12px;
				 	 font-weight: bold;
				 	 /*letter-spacing: 0.48px;*/
					 text-align: center;
				 	 text-decoration: none;}
				 
				 
#header a:hover,
#nav a:hover,
.header_link_on a span		{color: #FFFFFF;}

#welcome p,
#call p,
#banking p,
#loan p,
#club p,
#footer 			{font-size: 11px;}
	
#main a,
#footer a			{color: #930E09;
					 text-decoration: underline}
					 
#footer_links p		{color: #666666;}

#footer_links a		{color: #8E0F09;
					 text-decoration: none;}

#main .breadcrumbs a	{color: #666666;
					 	font-size: 11px;
					 	text-decoration: none;}

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

#main .insideNav a:hover 	{color: #930E09;
					 		font-weight: bold;}

#main .insideNav h3		{color:#333333;}

#main .insideNav h3.nav_on	{display: block;
						 	color: #930E09;
						 	border-bottom: 1px solid #DDDBDB;}

#main .insideMain strong	{color: #92211C;}

.message					{color: #92211C;
						 	 font-weight: bold;
						 	 background-color: #FFFFFF;
						 	 padding: 3px;
						 	 border-top: 1px solid #92211C;
						 	 border-bottom: 1px solid #92211C;}

#main .backto a				{text-decoration: none;
							 font-size: 90%;}

.rates th					{background: #333333;
							 color: #FFFFFF;}

.oddrow						{background: #E8E5E4;}

#main h2 a						{text-decoration: none;}


/* Header Layout
--------------------------------------------------------------------------------------- */

#header				{background: url(/images/bg_header.gif);
				 	 height: 219px;
				 	 position: relative;
					 margin: 0px 6px;}

#header .logo		{position: relative;
				 	 top: -22px;
					 left: 10px}

#header .msg 		{position: relative;
				 	 top: 15px;
					 left: 20px;}

.header_links			{position: absolute;
					 	 top: 10px;
					 	 right: 10px;}

.header_links ul		{list-style: none;}

.header_links ul li		{background: url(/images/header_button.gif) no-repeat top left;
						 display: block;
						 float: left;
						 height: 29px;
						 margin: 2px;}
						 
.header_links a			{background: url(/images/header_button.gif) no-repeat left 0;
						 display: block;
					 	 height: 29px;
					 	 padding-left: 10px;
						 width: 116px;}

.header_links a span	{background: url(/images/header_button.gif) no-repeat right 0;
					 	 display: block;
						 height: 21px;
					 	 padding-top: 8px; /* top padding for link */
						 padding-right: 10px; /* right padding for link */}

.header_link_on a,
.header_links a:hover 		{background-position: left -29px;}

.header_link_on a span,
.header_links a:hover span 	{background-position: right -29px;}

.header_imgs			{background: #FFFFFF;
						 position: absolute;
						 top: 59px;
						 right: 10px;}

.breadcrumbs			{height: 20px;
						 padding-top: 10px;
						 margin-right:22px;}

.breadcrumbs ul			{float: right;
						 list-style: none;}

.breadcrumbs li			{float: left;
						 display:block;
						 padding: 0px 2px;}
						 
/* Navigation Layout
--------------------------------------------------------------------------------------- */
#nav {background :#FFFFFF;
			margin: 0 6px;
			padding-top: 4px;}

#nav ul {list-style: none;
				 margin-left: 1px;}

#nav ul li {float: left;
					  margin: 0 2px 0 2px;}

#nav ul li a {background: url(/images/bg_nav_button.gif) no-repeat left 0;
						  display: block;
						  padding-top: 13px;
						  padding-left: 8px;
						  padding-bottom: 7px;}

#nav a:hover 		{background-position: left -34px;}

#nav ul li a span {background: url(/images/bg_nav_button.gif) no-repeat right 0;
									 padding-top: 13px; /* same as a */
									 padding-right: 8px;
									 padding-bottom: 7px; /* same as a */}
				
#nav a:hover span {background-position: right -34px;}

/*&&>> IE <<&&*/
 * html ul li a 		{width: 1px;
					 white-space: nowrap;}

/* Middle Layout
--------------------------------------------------------------------------------------- */
#main				{background: #FFF;
						clear: both;
					 /*min-height: 305px;*/
					 margin: 0 6px;
					 height: auto; width: 753px;
					 /*position: relative;*/}

#main h2			{background: url(/images/ico_square.gif) no-repeat 0px 5px;
					 padding-left: 15px;}
					 
#main p,
.insideMain p		{padding: 9px 0px;}
					 

#banking,
#loan,
#club,
#estatement			{background: #FFFFFF;
					 padding: 0px 12px;}
					 
#banking,
#loan,
#club,
#estatement			{border-left: 1px solid #DDDBDB;
					 width: 148px;}
					 
#leftcol			{float: left;
					 width: 234px;}
					 
#welcome			{margin: 0 12px;}
#call				{padding: 12px 12px 0 12px;
					 border-top: 1px solid #DDDBDB;}

#banking			{float: left;}

#loan 				{float: left;}

#club,
#estatement			{float: left;}

#club ul,
#banking ul,
#loan ul			{list-style: none;
					 text-align: center;}
#club li,
#banking li,
#loan li			{margin: 3px 0px;}

/*#club img			{margin: 0px 30px;}*/
					 
.insideNav			{float:left;
					 padding-left: 20px;
					 position: relative;
					 width: 150px;
					 padding-bottom:10px;}
					 
.insideNav ul		{list-style: none;
					 margin: 0px 0px 25px 8px;}

.insideNav ul li	{padding: 2px 0px;}

.insideNav ul li a 	{display: block;}

.insideNav img		{
					 /*position: absolute;
					 bottom: -70px;
					 left: 50px;*/
					 float:left;
					 margin-left:32px;}
					
.insideMain			{border-left: 1px solid #DDDBDB;
					 margin-left: 170px;
					 padding: 0px 30px 5px 30px;
					 min-height: 450px;
					 _height: 450px;}

.insideMain h1 		{margin-bottom: 3px;}

.insideMain img		{margin: 5px;}

.insideMain ol,
.insideMain ul		{padding: 0px;
					 margin: 0px 0px 4px 35px;}

div.loan_arrow		{background: url(/images/loan_arrow.gif) no-repeat 0px 50%;
					 padding-left: 65px;}
					 
#frmContact				{margin-left: 20px;}

#frmContact p			{float: right;}

#frmContact fieldset	{border: 0px;
						 clear: both;}

#frmContact label		{float: left;
						 text-align: left;
						 width: 125px;
						 margin-right: 10px;}
						
#frmContact input,
#frmContact select,
#frmContact textarea 	{margin: 0px 0px 5px 0px;
						 padding-left: 3px;}

#frmContact select		{width: 160px;}

#frmContact select.small	{width: 60px;}

.buttons 				{clear:both;
  						 text-align: center;
						 padding-bottom: 10px;
						 padding-top: 25px;
						 width: 400px !important;
						 width: 500px;}

.rateboards				{list-style: none;
						 margin-bottom: 5px;}

.rateboards li			{margin: 2px 0px;}

.rates					{border: 1px solid #333333;}

.rates th,
.rates td				{padding: 2px;}

.links ul				{list-style: none;
						 margin: 0px;}
						 
.links ul li			{margin: 4px 0px;}

#loan ul li				{padding-bottom: 7px}

/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer				{background: url(/images/bg_footer.gif) repeat-x;
					 min-height: 30px;
					 margin: 0px 6px;
					 text-align: center;}

#footer_links ul	{list-style: none;
					 float: right;
					 margin-right: 10px;}

#footer_links ul li	{float: left;}

#footer_links a		{display: block;
					 padding: 0px 7px;}

#footer_links p		{margin-left: 17px;}

#unions 			{float: left;
					 width:	385px;}

#unions img			{margin: 0px 3px;}

#address			{border-left: 1px solid #FFFFFF;
					 margin-left: 385px;
					 padding-left: 7px;
					 text-align: left;}

#footer p			{text-align: left;}

.griplogo			{margin: 0px auto;
					 position: relative;
					 top: 10px;}
					 			 
.automortage_img {
	padding-left:5px;
}

.form_section {
	color: #ffffff;
	font-weight: bold;
	background-color: #92211C;
	padding: 5px;
	margin: 5px 0px;
}