/* general clear and template * 
------------------------------------------------------------------------------------- */
body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #ffffff;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    color: #000000;
   }
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #003366;
    text-decoration: none;
}
a:hover, a:active {
    color: #005ab3;
    text-decoration: none;
}
li {
    list-style: none;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}


/* main structural elements * 
------------------------------------------------------------------------------------- */
/* common widths */
#top, #banner, #menu, #content, #footer {
    width: 711px;
	margin: 0 auto;
}
#wrapper {
    margin: 0 auto;
	background: #ffffff url(../images/wrapper.gif) top left repeat-y;
    width: 779px;
    text-align: center;
}

/* top *
--------------------*/
#top {
	margin: 0 auto;
    height: 41px;
	text-align: left;
    background: url(../images/top.gif) top left no-repeat;
}
	#top h1 {
		position: relative;
		top: 10px;
		left: 38px;
	}
	#top h1{
		font: 18px Verdana;
		color: #ffffff;
	}
	.top-links {
		font-family: Verdana;
		font-size: 9px;
		color: #ffffff;
		position: relative;
		top: -5px;
		left: 550px;
	}
	#top a:link, #top a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	#top a:hover, #top a:active {
		color: #66CCFF;
		text-decoration: none;
	}


/* banner *
--------------------*/
#banner {
	margin: 0 auto;
	height: 175px;
	background: url(../images/banner.jpg) top left no-repeat;
	text-align: left;
}
#banner h2 {
	text-decoration: none;
	position: relative;
	font: 30px Verdana;
	color: #334c6d;
    top:  25px;
    left: 38px;
}
#banner h3 {
	text-decoration: none;
	position: relative;
	font: 14px Arial;
	font-weight: bold;
	top:  50px;
    left: 39px;
	color: #0088be;
}
	#banner a:link, #banner a:visited {
		color: #334c6d;
		text-decoration: none;
	}
	#banner a:hover, #banner a:active {
		color: #0088be;
		text-decoration: none;
	}


/* nav *
--------------------*/
#menu {
	margin: 0 auto;
    background: url(../images/menu.jpg) 0 0 no-repeat;
    width: 711px;		/* Width of entire image */ 
	height: 40px;		/* Height of buttons */
}
#menu span {
    display: none;
}
#menu li, #menu a {
    height: 40px;		/* Each button must have the same height, define it here */ display: block;
}
#menu li {
    float: left;
    list-style: none;
    _display: inline;		/* fixes IE/Win double margin float bug (safe) */
}
/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-home 		{ width: 102px; margin-left: 0px}
#menu-apply 	{ width: 113px; }
#menu-loans 	{ width: 121px; }
#menu-tools 	{ width: 144px; }
#menu-about     { width: 100px; }
#menu-contact 	{ width: 130px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-home a:hover, #home #menu-home a:visited          { background: transparent url(../images/menu.jpg) 0px -40px no-repeat; }
#menu-apply a:hover, #apply #menu-apply a:visited 		{ background: transparent url(../images/menu.jpg) -102px -40px repeat; }
#menu-loans a:hover, #loans #menu-loans a:visited 		{ background: transparent url(../images/menu.jpg) -215px -40px repeat; }
#menu-tools a:hover, #tools #menu-tools a:visited 		{ background: transparent url(../images/menu.jpg) -336px -40px repeat; }
#menu-about a:hover, #about #menu-about a:visited 		{ background: transparent url(../images/menu.jpg) -480px -40px repeat; }
#menu-contact a:hover, #contact #menu-contact a:visited { background: transparent url(../images/menu.jpg) -580px -40px repeat; }


	/* Drop down menu */ 
	#menu li ul {
		position: absolute;
		left: -9999px;
		background-color: #5E7283;			/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}
	#menu li ul li {
		height: 20px;
	}
	/* Height of each drop down menu item */ 
	#menu li ul li a {
		width: 100%;
		height: 20px;				/* Height of each drop down menu item, should match above */ 
		line-height: 20px;			/* Height of each drop down menu item again, should match above */ 
		background-image: none !important;
	}
	#menu li ul li a span {
		display: block;
		padding-left: 5px;
	}
	#menu li:hover ul, #menu li.sfhover ul {
		left: auto;
	}
	/* Drop down link styles */ 
	#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
	}
	/* Hover styles for drop down items */ 
	#menu-tools ul a:hover {
		background-image: none;
		background-color: #88A6BC !important;
	}
	/* width of drop down menu - choose width that allows items to display on one line */ 
	#menu-tools ul, #menu-tools li {
		width: 142px;
		background: none;
	}


/* content *
--------------------*/
#content {
	margin: 0 auto;
	width: 711px;
	height: 100%;
	background: transparent url(../images/content_wrap.gif) top left repeat-y;
	text-align: left;
	}
#content-top {
	margin: 0 auto;
	width: 711px;
	height: 100%;
	background: transparent url(../images/content_top.gif) top left no-repeat;
	float: left;
	padding: 30px 0 0 0;
	text-align: left;
}
#content span {
    display: none;
}

#sidebar {
	margin: 0 auto;
	background: #ffffff;
	position: relative;
	width: 254px;
	height: 100%;
	float: left;
	left: 20px;
	}

#sidebar h2 {
	background: #0066cc url(../images/1h2.jpg) top left no-repeat;
	height: 30px;
	margin: 10px 0 5px 0;
	font: 18px Verdana;
	text-indent: 58px;
	padding-top: 7px;
	color: #FFFFFF;
	}
#sidebar h3 {
		font: 14px Verdana;
		font-weight: bold;
		color: #000066;
		padding: 8px 0 4px 0;
		}		
		
#sidebar p {
	font: 12px Verdana;
	color: #003366;
	line-height: 18px;
}
#sidebar ul{
padding-top: 7px;
	
}

#sidebar li{
	font: 12px Verdana;
	padding-left: 15px;
	background: url(../images/di_lb.gif) 0 3px no-repeat;
}

.sidebar-top { 
	background: #ffffff url(../images/box_1_top.gif) left top no-repeat;
	width: 254px;
	height: 5px;
    text-align: center;
}
.sidebar-content {
	background: #ffffff url(../images/box_1_mid.gif) left top repeat-y;
	height: 100%;
	padding: 0 5px 0 5px;
	
}
.sidebar-btm {
	background: #ffffff url(../images/box_1_btm.gif) bottom left no-repeat;
	width: 254px;
	height: 5px;
    text-align: center;
	margin: 0 0 10px 0;
}


#main {
	margin: 0 auto;
	position: relative;
	width: 382px;
	height: 100%;
	float: right;
	right: 25px;

}
#main span {
    display: none;
}
.main-header {
	background: #ffffff url(../images/box_4_bg.jpg) top left no-repeat;
	margin: 15px 0 5px 0;
	height: 159px;
	font: 18px Verdana;
	color: #ffffff;
	padding: 10px 0 0 95px;
	
}
.main-header-rr {
	background: #ffffff url(../images/box_4_bg_round_rock.jpg) top left no-repeat;
	margin: 15px 0 5px 0;
	height: 159px;
	padding: 10px 0 0 20px;
	}
	.main-header-rr p.wht{	
		font: 25px Verdana;
		color: #ffffff;
		}


#main h2 {
	background: #666666 url(../images/3h2.jpg) top left no-repeat;
	margin: 8px 0 5px 0;
	height: 28px;
	font: 18px Verdana;
	color: #ffffff;
	padding-top: 8px;
	text-indent: 58px;
}
#main h3 {
		font: 14px Verdana;
		font-weight: bold;
		color: #0099FF;
		padding-top: 8px;
		}	
#main h3 strong {
		font: 18px Verdana;
		font-weight: bold;
		color: #333333;
		padding-top: 8px;
		}	
#main p {
	font: 12px Verdana;
	color: #003366;
	text-indent: 10px;
	padding: 2px 0 10px 0;
	line-height: 18px;
	}
	
	#main ul{
	list-style-type: none;
	list-style-position: outside;
	color: #000066;
	padding: 0;
	margin: 0;
}

#main li{
background: url(../images/LBlue.gif) no-repeat;
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 20px;
margin: 7px 0;
	}
	
	#main a:link, #main a:visited {
		color: #006699;
		text-decoration: none;
	}
	#main a:hover, #main a:active {
		color: #0058a2;
		text-decoration: none;
	}
	
	
	#main blockquote{
font: 14px Verdana;
border : 2px solid #000;
float: right;
margin: 0px;
padding: 10px;
background-color: #ccc;

}


#main-full {
	margin: 0 auto;
	position: relative;
	width: 672px;
	height: 100%;
	float: left;
	left: 20px;


}
#main-full span {
    display: none;
}


#main-full-top {
	margin: 8px 0 5px 0;
	background: transparent url(../images/conh2_bkg.gif) top left repeat-x;
	height: 100%;
	text-align: left;
	clear: both;
}
#main-full h2 {
	background: transparent url(../images/conh2.gif) top left no-repeat;
	height: 36px;
	font: 18px Verdana;
	color: #ffffff;
	text-indent: 58px;
    padding-top: 8px;

}

#main-full h3 {
		font: 14px Verdana;
		font-weight: bold;
		color: #006699;
		padding: 2px 0 10px 0;
		}	

#main-full p {
	font: 12px Verdana;
	color: #003366;
	text-indent: 10px;
	padding: 2px 0 10px 0;
	line-height: 18px;
	}

	#main-full a:link, #main-full a:visited {
		color: #0088be;
		text-decoration: none;
	}
	#main-full a:hover, #main-full a:active {
		color: #0058a2;
		text-decoration: none;
	}


/* footer *
 ------------------------------------------------------------------------------------- */
#page-footer {    
	margin: 0 auto;
	background: url(../images/footer_wrapper.gif) left top repeat-y;	
    width: 711px;
	height: 100%;
    text-align: center;
	clear: both;
}
#page-footer span {
    display: none;
}
.footer-top {    
	background: url(../images/footer_top.gif) left top no-repeat;	
    width: 711px;
	height: 4px;
    text-align: center;
	}	
#footer {    
	margin: 0 auto;
	background: url(../images/footer.gif) left bottom no-repeat;	
    width: 711px;
	height: 100%;
    text-align: left;
	}	
	#address {
		background: url(../images/img_botmen.jpg) left bottom no-repeat;
		position: relative;
		height: 40px;
		width: 250px;
		top: 25px;
		left: 18px;
		}
	#address p {
		padding: 0 0 0 50px;		
		}
	#footer-div {
		background: url(../images/footer_div.gif) left bottom no-repeat;
		position: relative;
		height: 35px;
		width: 380px;
		top: -15px;
		left: 335px;
		}
	#footer-div p {
		padding: 0 20px 0 25px;
		text-align: right;		
		}
	#footer span {
		display: none;
		}
	#footer p{
		font: 9px Verdana;
		color: #003366;
		}




/* page bottom *
 ------------------------------------------------------------------------------------- */
#page-bottom {    
	margin: 0 auto;
	background: url(../images/page_btm.gif) top left no-repeat;	
    width: 779px;
    text-align: left;
}
	.bottom-links {
		padding: 20px 0 20px 0; 
		font-family: Verdana;
		font-size: 9px;
		font-weight: bold;
		color: #0058a2;
		text-align: center;
	}

/* misc layout elements * 
------------------------------------------------------------------------------------- */ 

.quickcontact {
	width: 150px;
}

input, text, textarea, select {
	background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
} 

.more {
	padding-left: 15px;
	background:   url("../images/arrow-more.jpg") 0 3px no-repeat;
}

.detail {
	color: #B7B49C;
}