/* 
National Credit Consultants - 2007
Screen Styles
*/

body {
	background:#C0C0C0;
	margin: 0;
	font-size:12px;
	text-align:center;
	font-family: Arial, Verdana, "Times New Roman";
}

#container {
  width:790px;
  border:1px solid #333;
  margin:2em auto;
  text-align:left;
   background:#F8F8F8;  
}

/* Header */

#masthead {
 background:#F8F8F8;
 margin:0;
 padding:0;
 border:0px solid red;
 border-bottom:5px solid #6A0000;
 position:relative;
}

#masthead h1, #masthead h2  {display:none;}
#masthead p {
	position:absolute;
	top:5px;
	right:10px;
}

div#logo {	
	padding:15px 0 4px 10px; 
}

/* images */
img {border:none;}
img.right {float:right;margin:0 0 1em 1em;}
img.left {float:left;margin:0.5em 1em 0.5em 0;}


/* float clearing */

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

div.clear {margin:0;padding:0;clear:both;}

img {border:none;}


/* Links */
a:link, a:visited {
 color:#0000ff;
 font-weight:bold;
 text-transform:capitalize
}

a:focus {outline:none;}

/* Headers */

h1 {margin:15px 0 5px 0;color:#6A0000;font-size:18px;}

h2 {font-size:12px;color:#000;padding:5px 0 0 0;margin:0;border-bottom:1px solid #999;}

/* Main Navigation */

/* pushes navigation up or down depending on height attr */
div#top{height:62px; border:1px solid red;}


#navbar {
 	position: relative;
	width: 500px;
	height: 32px;
	padding: 0;
	margin:0;
	float:right;

}

#nav {
	position: absolute;
	top: 3px;
	left: 42px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 32px;
	display: inline;
	overflow: hidden;
	/* width: 601px; */
	border:0px solid black;
	

	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;	
	}


#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
		}

#nav a:hover {background-position: 0 -30px;}

#nav a:active, #nav a.active {background-position: 0 -60px;}
	
#home a {
	width: 89px;
	background: url(/images/tabs/bg/home.gif) top left no-repeat;
	}               
                  
#about a  {     
	width: 89px;    
	background: url(/images/tabs/bg/about.gif) top left no-repeat;
	}               
                  
#services a  {        
	width: 89px;    
	background: url(/images/tabs/bg/services.gif) top left no-repeat;
	}               
                  
#apply a  {   
	width: 89px;    
	background: url(/images/tabs/bg/apply.gif) top left no-repeat;
	}
#contact a  {   
	width: 89px;    
    background: url(/images/tabs/bg/contact.gif) top left no-repeat;
	}

/* Spanish */

#apply_spanish a  {   
	width: 89px;    
	background: url(/images/tabs/bg/spanish/applynow.gif) top left no-repeat;
	}

#services_spanish a  {        
	width: 89px;    
	background: url(/images/tabs/bg/spanish/services.gif) top left no-repeat;
	}               

#contact_spanish a  {   
	width: 89px;    
    background: url(/images/tabs/bg/spanish/contact.gif) top left no-repeat;
	}


/* End Main Navigation */

/* Banners */

#banner {
 clear:both;
 position:relative;
 border-bottom:2px solid #666;
}

/* splash page */
.home {
 height:136px;
 background:url(/images/banners/eagleback.gif) no-repeat -3px 0;
 padding:0 0;


}

.about {
 height:168px;
 background:url(/images/banners/aboutback.jpg) no-repeat 0 0;
 padding:0 0;

}

.apply {
 height:168px;
 background:url(/images/banners/applyform.jpg) no-repeat 0 0;
 padding:0 0;

}

.apply_spanish {
 height:168px;
 background:url(/images/banners/applique.jpg) no-repeat 0 0;
 padding:0 0;

}

.services {
 height:168px;
 background:url(/images/banners/services.jpg) no-repeat 0 0;
 padding:0 0;

}

.services_spanish {
 height:168px;
 background:url(/images/banners/serviciosback.jpg) no-repeat 0 0;
 padding:0 0;

}


.contact {
 height:168px;
 background:url(/images/banners/contactback.jpg) no-repeat 0 0;
 padding:0 0;
}

.contact_spanish {
 height:168px;
 background:url(/images/banners/contactenos.jpg) no-repeat 0 0;
 padding:0 0;

}


.help {
 height:168px;
 background:url(/images/banners/getstarted.jpg) no-repeat 0 0;
 padding:0 0;

}

div.slogan {
	position:absolute;
	top:33px;
	left:215px;
	margin:0;
	width:390px;
	border:0px solid black;
  text-align:center;
	}
	
div.slogan_spanish {
		position:absolute;
		top:33px;
		left:180px;
		margin:0;
		width:420px;
		border:0px solid black;
	  text-align:center;
		}

div.slogan h1,div.slogan_spanish h1 {
	color:white;
	font-weight:bold;
	border:0px solid white;
	margin:0;
	line-height:1.8em;
	font-size:20px;
	}

h2.mission {border:none;padding-top:10px;font-size:16px;color:#666;line-height:1.5em;}

div.apply_now {text-align:right;padding:45px 20px 0 0;}

div.getstarted {	
	position:absolute;
	top:110px;
	right:243px;
	margin:0;
	width:190px;
	border:0px solid black;	
}

/* Main Content */

#splashcontent {
	padding:15px;
	background:#efefef;
	line-height: 1.6em;
	}

#content_container {
    padding:0.5em 1.2em 1.5em 1.2em;
    margin:0 0 0 0;
	min-height:400px;
	background:#efefef url('/images/contentbg.gif') repeat-y 71%;
	}

#content {
	width:530px;
	padding:0 0;
	line-height: 1.6em;
	float:left;
	margin:8px 0;
	}

#sidebar {
   padding:5px;
   width:200px;
   margin:8px 0 0 0;
   float:right;
}
/*
#sidebar ul {
  margin: 0 0 2.5em;
	padding: 0;
	list-style: none;
	}	

#sidebar li {
	margin: 0;	
	list-style: none;
	font-family:"MS Trebuchet", Arial, Verdana;
}
#sidebar li a, #sidebar li a:visited {
	 font-weight:bold;
	color:#7A7A0A;
	padding: 8px 10px 8px 15px;
	text-decoration:none;
	display:block;
	background:url(/images/bottombg.gif) no-repeat bottom left;}

#sidebar li a:hover {background:#f5f5f5 url(/images/libg.gif) no-repeat top right;}
*/

ul#info_links {
  margin: 0 0 2.5em;
	padding: 0;
	list-style: none;
	}	

ul#info_links li {
	margin: 0;	
	list-style: none;
	font-family:"MS Trebuchet", Arial, Verdana;
}
ul#info_links li a, ul#info_links li a:visited {
	 font-weight:bold;
	color:#7A7A0A;
	padding: 8px 10px 8px 15px;
	text-decoration:none;
	display:block;
	background:url(/images/bottombg.gif) no-repeat bottom left;}

ul#info_links li a:hover {background:#f5f5f5 url(/images/libg.gif) no-repeat top right;}


#footer {border-top:2px solid #000;background:#555;padding:10px 15px 30px 15px;color:#fff;}

#footer div#links {
 float:left;
 padding:0;
 margin:0;
 border:0px solid white;
}

#footer #links ul {
    float:left;
	margin:0 12px 0 0;
	padding: 0;
	list-style: none;
	border:0px solid black;
}

#footer #links li {
	float:left;
	margin:0;
	padding:0;
}

#footer #links li a {	
	display:block;
	padding:0 15px 0 2px;
	margin:0;
	color:#fff;
	text-decoration:none;
}

#footer #links a:hover, #footer #links a:active, #footer #links a.active {text-decoration:underline;}

#footer #address {margin:0;border:0px solid white;float:right;}
#footer #address p {margin:0 0 5px 0;}
#footer #copyright {clear:both;margin:0;color:#ccc;}

/* Forms */
span.filter {font-weight:bold;margin-right:10px;color:#006600;}
label {margin:0 5px;color:#333;font-weight:bold;}
label em, legend em {color:#990000;font-weight:bold;}
label.radio {margin:0 20px 0 0;padding-bottom:5px;}
label.top {display:block;margin:3px 0;}

#inquiry {padding:0 1em 1em 1em;background:#ccc url(/images/fade.gif) repeat-x top left;}
p.submit {padding:5px 0 0 0;clear:both;}
div.submit {padding:25px 0 0 0;clear:both;}

#inquiry div.float {
  float: left;
  margin:0.5em 2em 0.5em 0;
  display:inline;
  }
  
#inquiry br {clear:both;}

fieldset {
	margin: 20px 0;
	border: 1px solid #999;
	padding: 10px;

}

legend {
  font-size: 12px;
  line-height: 130%;
  font-weight: bold; 
  color: #990000;
  padding: 0px 2px;
text-transform:uppercase;
}

fieldset.last {margin-bottom:10px;}

span.hint {font-size:10px;color:#333;margin-left:5px;}
p.submit {margin:20px 0;clear:both;}
/* Error/Success Messages */
div.flash {padding:1em;margin:1em 0;font-weight:bold;}
div.flash.error {background:red;color:white;}
div.flash.notice {background:#c5f988;color:#3f6f07;}
div.flash.warning {background:yellow;color:white;}

.errorExplanation {background:red;padding:1em;color:white;clear:both;}
.errorExplanation h3 {color:#fff;font-size:18px;margin:0;padding:0;}

div.fieldWithErrors {margin:0;padding:0;}
div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select {background:#ffffcc;}

form h2 {background:#ccc;color:#000;padding:3px 5px;}

form.button-to div, .print-button {float:left;margin-right:1em;}

/* Table */
table.expo {margin-top:1.2em;clear:both;}
table.expo p {margin:0;padding-left:5px;}
table.expo ul {margin:0;padding-left:17px;}
table.expo ul li {padding-bottom:7px;}

table.footer p {margin:0 0 5px 0;}
table.phone td {padding:3px 0;}

#contact_info {margin:10px 0;}
#contact_info p {margin:0 0 3px 0;}
#contact_info p.pobox {margin:12px 0 3px 0;}

/* Services */

.service, .article {padding:7px 0;border:0px solid black;}
.service p, .article p {margin:7px 0 0 0;}
.service h2 {color:#6A0000;}
.article h2 {color:#000;margin-top:1em;}
/* resources */

div#credit-tip {background:url(/images/tips/credit_tip.gif) no-repeat;height:167px;padding-top:0;margin-bottom:1em;}
div#credit-tip p {padding:50px 10px;margin:0 0 0 5px;font-weight:bold;font-family:"Trebuchet MS", Arial, Verdana;line-height:1.5em;color:#336699;}
div#applybanner {margin-bottom:1em;}

div.helper {padding:1em 0.5em;border:0px solid #ccc;margin:1em 0;background:#ffffcc url(/images/yellowfade.gif) repeat-x top left;}
div.helper h1 {font-size:14px;color:#336699;margin-top:0;}
div.helper li {margin:5px 0;}

/* FAQ */
p.question {margin:2em 0 3px 0;font-weight:bold;font-family:"Trebuchet MS",Arial,Verdana;}
p.answer {color:#333;margin:0;}

div#logo strong {color:#990000;font-size:14px;}