rhtml {background: #4f503f;}
html {background: #710341;}
body {
	background: #fff9eb url(images/tile.gif) repeat-x;
	color: #282727;
	font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 160%;
}
body#sub {background: #fff9eb url(images/tile-sub.gif) repeat-x;}



/* typography */


h1 {font:3em/150% "Century Gothic", Verdana, "Times New Roman", Times, serif; padding-bottom:0.5em; color:#9c0058;}
h2 {font:2em/150% Georgia, Verdana,  "Times New Roman", Times, serif; padding-bottom:0.5em; color:#9c0058;}

h3 {
	margin-bottom: 0.5em;
	color: #9c0058;
	font-family: Georgia, Verdana, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 150%;
}

h3.headline {font:1.3em "Century Gothic", Arial, "Times New Roman", Times, serif; color:#9c0058;  font-weight:normal; margin-bottom: 0.5em; text-transform: uppercase; color: #9c0058;}
h4 {font-weight: bold; padding-bottom: 0.5em;}

p {padding-bottom:1em;}
strong {
	font-weight: bold;
	text-align: center;
}
a {color:#9c0058; text-decoration:none; overflow:hidden; }

a:hover{color:#0082af;}

blockquote {padding-left:1.2em; font: italic 1.3em Georgia, Verdana,  "Times New Roman", Times, serif; line-height: 150%; margin-bottom: 1em; color: #7a7b50; padding-left: 40px; background: url(images/quote.gif) no-repeat 0 0; }

blockquote p{margin:0; padding: 5px 10px 5px 0;}
.by {margin-left: 40px; color: #7d8010;}

em {font-style:italic;}
.small { color: #733e01; text-transform: none; font-style: italic; letter-spacing: 0;}

.smallcap {font-size: 1.2em;}
.link { padding-left: 20px; background: url(images/link.gif) no-repeat;}

h1#logo{ line-height: 100%;  margin-bottom: 14px; margin-bottom: 120px; }
h1#logo {display: block; width: 281px; height: 190px; background: url(images/logo.gif) no-repeat top right; text-indent: -9999px; }
#sub h1#logo {width: 192px; height: 153px; background: url(images/logo-sub.gif) no-repeat top right; margin-left: 90px; margin-bottom: 25px; }
#wrap {width: 960px; margin: 0 auto; background: url(images/line.gif) repeat-y 0 100px; }



/*navigation*/
/* __________________________________*/


#nav {   padding-top: 10px; margin: 0 auto 20px auto; width: 940px; }
#nav li { float:left;}
#nav a {color: #fff;}
#nav a{ display: block; height: 45px; margin: 0px; background-position: 0 10px; }
#home { width:86px; height: 40px; background: url(images/home.gif) no-repeat;text-indent: -9999px;  }
#loan { width:150px; height: 40px; background: url(images/loan.gif) no-repeat; text-indent: -9999px; }
#training { width:111px; height: 40px; background: url(images/training.gif) no-repeat;text-indent: -9999px;  }
#selfemployment { width:165px; height: 40px; background: url(images/self-employemnt.gif) no-repeat;text-indent: -9999px;  }

#saving { width:165px; height: 40px; background: url(images/saving.gif) no-repeat;text-indent: -9999px;  }
#about { width:104px; height: 40px; background: url(images/about.gif) no-repeat; text-indent: -9999px; }


#contact { width:104px; height: 40px; background: url(images/contact.gif) no-repeat; text-indent: -9999px; }


#nav .select{background-position: 0 -34px;}
#nav .select:hover {background-position: 0 -34px;}
#phone { width: 168px; height: 35px; margin-top: 7px; background: url(images/phone.gif) no-repeat; text-indent: -9999px; display: block;  }
#donate { width: 168px; height: 35px; margin-top: 7px;background: url(images/donate.gif) no-repeat; text-indent: -9999px;display: block; }




#nav ul a { padding:5px 0; display:block;}

#nav a:hover { color:#a8e1ff;}






#nav li ul li {float:none;  background:none; margin-bottom:10px; }

#nav li ul { /* second-level lists */

 border:1px solid #cbe5f3;

	position: absolute;

	background: url(images/1.png);

	z-index:1000;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	padding:10px 0 5px 10px; width: 200px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/1.png');

}



#nav li ul a {color:#9c0058; display:inline;  text-align: 0;}

#nav li ul a:hover {color:#008ed5;}

#home .home, #about .about, #srv .srv, #cs .cs, #clients .clients, #contact .contact, #donate .donate {color:#fce9c0;}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



/* nav */






#header-sub {height: 200px;}
#header-sub blockquote {text-align:right; color: #8b014f; font: italic 1.5em/130% Palatino, "Palatino Linotype", Georgia; padding-top: 20px; margin-bottom: 10px; }
.by {font: italic 1em/125% Georgia, Verdana, "Times New Roman", Times, serif; color: #b49959; text-align:right; margin-bottom: 0; padding-bottom: 0; }

#left {width: 281px; padding:0 20px 20px 0; float:left; }
#right {width: 630px; float:left; padding:0 0 20px 10px;}
#content {
	padding-left: 10px;
	text-align: left;
}
#slideshow {width: 600px; height: 264px;  }
#slideshow-wrap {  background: url(images/slideshow.gif) no-repeat; padding: 9px 10px 25px 12px; margin: 10px 0 20px 0;}

#register {display: block; width: 281px; height: 108px; background: url(images/register.gif) no-repeat; text-indent: -9999px; margin-bottom: 20px;}
#register:hover { background: url(images/register.gif) 0 -120px no-repeat;}

#online-training {display: block; width: 281px; height: 75px; background: url(images/online-training.gif) no-repeat; text-indent: -9999px; margin-bottom: 20px;}
#online-training:hover { background: url(images/online-training.gif) 0 -85px no-repeat;}

#loan-apply {
	display: block; 
	width: 281px; 
	height: 108px; 
	background: url(images/loan.jpg) no-repeat; 
	text-indent: -9999px; 
	margin-bottom: 20px;
}

#loan-apply:hover { 
	background: url(images/loan.jpg) 0 -120px no-repeat;
}

#coaching {display: block; width: 281px; height: 75px; background: url(images/coaching.gif) no-repeat; text-indent: -9999px; margin-bottom: 20px;}

#coaching:hover { background: url(images/coaching.gif) 0 -85px no-repeat;}



#quicklinks li {line-height: 250%; border-bottom: 1px solid #f4e3be; background: url(images/bullet.gif) 0px 11px no-repeat; padding-left: 20px;}
#quicklinks { border-top: 1px solid #f4e3be; }

#content ul li {line-height: 200%;  background: url(images/bullet.gif) 0px 8px no-repeat; padding-left: 20px;}
#content ul { margin-bottom: 5px; padding-bottom:5px;}
#content ul li li {background: url(images/bullet2.gif) 0px 8px no-repeat;}
#content ul li li li{background: none; list-style: disc; padding-left: 0; margin-left: 20px;}
#content ol {line-height: 200%; margin-bottom: 10px;}
#content ol li {margin-left: 20px; list-style: decimal;}
#content ol li li{margin-left: 20px; list-style: lower-roman;}

#content dt {float:left; width: 150px; display: block; float:left; font-weight: bold; }
#content dd {float:left; width: 460px; display: block; float:right;}
#sub-nav li {line-height: 250%; border-bottom: 1px solid #f4e3be; background: url(images/bullet2.gif) 3px 11px no-repeat; padding-left: 20px;}
#sub-nav  { border-top: 1px solid #f4e3be; margin-bottom: 20px; text-transform: uppercase; }
#sub-nav li.active{background: #fff url(images/bullet2.gif) 3px 11px no-repeat; }
#sub-nav li.active a{color:#0082af; }

#content #program li {float:left; line-height: 100%; background: bone; padding:0;}
#content #program li a {display: block; width: 200px; padding-right: 10px; height: 180px; text-indent: -9999px;}

#content #program #prog1 {
	background-image: url(images/service1.gif);
	background-repeat: no-repeat;
}
#content #program #prog2 {
	width: 190px;
	background-image: url(images/service2.gif);
	background-repeat: no-repeat;
}
#content #program #prog3 {
	padding: 0;
	background-image: url(images/service3.gif);
	background-repeat: no-repeat;
}

#content #program #prog4 {
	padding: 0;
	background-image: url(images/service4.gif);
	background-repeat: no-repeat;
}

#content #program #prog5 {
	padding: 0;
	background-image: url(images/service5.gif);
	background-repeat: no-repeat;
}

#content #program #prog6 {
	padding: 0;
	background-image: url(images/service6.gif);
	background-repeat: no-repeat;
}

#content #program #prog7 {
	padding: 0;
	background-image: url(images/service7.gif);
	background-repeat: no-repeat;
}


#footer {background: #710341; color:#fff;}
#footer p{margin-bottom: 20px;}
#footer-wrapper {width:960px; margin: 0 auto; padding: 15px 0;}
#footer a {color:#fff;}
#footer a:hover {color:#e9e9ca;}
#footer ul {margin-bottom: 10px;}
#footer ul li {float:left; padding-right: 15px; padding-left: 15px; border-left: 1px solid #600237;}
#footer .no-border {padding-left: 0; border: none;}
#footer-left {width:600px; float:left;}
#contact-info{ background: #85044d; width: 280px; padding: 20px 20px 10px 20px; float:right; border: 1px solid #5c0134;}
#contact-info ul li {float: none;padding: 0; border: none;}
#email {margin-bottom: 10px;}



.clear {clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
img {
	border:0;
	margin-top:.5em;
	}	
table {
	width:100%;
	border-top:1px solid #e0d8b6;
	border-right:1px solid #e0d8b6;
	margin:1em auto;
		border-collapse:collapse;
		background: #fff;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	
	border-bottom:1px solid #e0d8b6;
	border-left:1px solid #e0d8b6;
	padding:.3em 1em;

	}				
th {
	font-weight:bold;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e0d8b6;
	border-left:1px solid #e0d8b6;
	padding:.3em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
/* calendar */
.responsiveCal {
 
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
 
}
 
.responsiveCal iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}

/* stories*/
ul#list4 {list-style: none;}
ul#list4 li {float:left; width: 145px; margin:0 5px 10px 5px; padding: 0; list-style: none; text-align: center; background: #none; line-height: 150%;}
ul#list4 li img {padding: 3px; border: 1px solid #e9d9b7; background: #fff;}

#sub1 {width: 220px; float:left; }
#sub2 {width: 350px; float: right; padding-left: 30px; border-left: 1px dotted #ded3b8;}


#sub2 form ul {list-style: none;}
#sub2 form {}
#sub2 form li { line-height: 100%; padding-left: 0; background: none;}
#sub2 form .error { padding: 10px; background: #fff7c5; border-top:#c36c9d 1px solid; border-bottom:#c36c9d 1px solid;  }
#sub2 form label {display: block; margin:0 5px 5px 0; line-height: 150%;  }
#captcha {margin: 5px 10px 0 0; float:left;}
#captcha-txt {float:left;background: #fff; border: 1px solid #d3b9c7; padding: 5px; font-size: 16px; width: 105px; margin: 5px 0 15px 0; height: 30px; }
#captcha-txt:focus {border:1px solid #b23f80;}
#sub2 form .txt-field { display: block;  background: #fff; border: 1px solid #d3b9c7; padding: 3px; font-size: 14px; margin-bottom: 15px;  width: 350px;}
#sub2 form .txt-field:active, #sub2 form .txt-field:focus {background: #fff; border:1px solid #b23f80;}
#sub2 form textarea.txt-field {height: 100px;}
#send {display: block; width: 161px; height: 33px; background: url(images/send.gif) no-repeat top left; text-indent: -9999px; border: none; cursor: pointer; margin: 0 auto 0 auto;}




/* adding z-index to suckerfish menu */


/* nav */
