/* 
----------------------------------------
CROSSROADS ABSTRACT - MAIN WEBSITE
AUTHOR:  Starlab Design / Tommie Cranker
VERSION: 2.0
UPDATED: 08.25.08
----------------------------------------*/

/*
----------------------------------------
GLOBAL RESET
----------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100% }

:focus { outline: 0 }

/*
----------------------------------------
BODY STYLES
----------------------------------------*/

body	{ background: #f2f2f2; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px }


/*
----------------------------------------
COLORS
----------------------------------------*/


	

/*
----------------------------------------
GLOBAL LINK STYLES
----------------------------------------*/

a           { text-decoration: none }
a:link      { color: #880000 }
a:visited	{ color: #880000 } 
a:hover     { color: #252525; text-decoration: underline }

a.promo-button                              
	{ display: block; font-size: 13px; height: 24px; padding-top: 6px; text-align: center; text-decoration: none; width: 224px }
a.promo-button:link, a.promo-button:visited	{ background: url(../imgs/pro_but_off.gif) no-repeat; color: #ab874f }
a.promo-button:hover                        { background: url(../imgs/pro_but_on.gif) no-repeat; color: #775E37 }

a.cert-button                              
	{ display: block; font-size: 16px; height: 31px; margin: 10px 0px 0px 58px; padding-top: 9px; text-align: center; text-decoration: none; width: 224px }
a.cert-button:link, a.cert-button:visited	{ background: url(../imgs/cert_but_off.gif) no-repeat; color: #ab874f }
a.cert-button:hover                         { background: url(../imgs/cert_but_on.gif) no-repeat; color: #775E37 } 

a.flag-link
	{ float: left; font-size: 11px; margin-top: 5px; padding-right: 12px; width: 32px }
a.flag-link:link, a.flag-link:visited	{ background: url(../imgs/bul_arrow.gif) no-repeat right }
a.flag-link:hover                       { background: url(../imgs/bul_arrow_on.gif) no-repeat right; text-decoration: none }


/*
----------------------------------------
GLOBAL TYPOGRAPHY STYLES
----------------------------------------*/

h1, h2, h3, h4
	{ font-family: Georgia, "Times New Roman", Times, serif; line-height: normal }

h1 { border-bottom: 1px solid #999; color: #252525; font-size: 20px; font-weight: normal; margin-bottom: 10px; padding-bottom: 3px }

h2 { border-bottom: 1px solid #999; color: #252525; font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 10px 0px 3px 0px }


/*
----------------------------------------
LAYOUT CONTAINERS
----------------------------------------*/

#page-container  { border: 5px solid #E0E0E0;  margin: 0 auto; width: 780px }

#header          { background: url(../imgs/top-image-final.jpg) no-repeat; border: 5px solid #fff; float: left; height: 110px; width: 770px }

#main-content    { background: #880000; float: left; padding: 20px 20px 0px 20px; width: 740px }



			
/*
----------------------------------------
CONTENT CONTAINERS
----------------------------------------*/
		
#breadcrumb { background: #f2f2f2; float: left; padding: 10px; width: 720px }

#content    { background: #ccc; float: left; padding: 20px; text-align: center; width: 700px }

#photo-list { float: left; list-style: none; text-align: center }

#photo-list li { float: left; padding: 0px 15px 15px 0px; width: 100px }

#photo-list li a { border: 3px solid #fff; float: left; width: 100px }












#intro
	{ float: left; width: 464px }
				
	#intro h1
		{ padding-top: 2px }
				
	#intro p, #full-intro p
		{ padding-top: 10px; font-size: 12px; color: #45372D; line-height: 1.6; text-align: justify }
		
	#intro ul.default, #full-intro ul.default
		{ color: #45372D; font-size: 12px; list-style-type: disc; margin: 0px 15px; padding: 10px 0px }
		
		#intro ul.default li, #full-intro ul.default li
			{ line-height: 1.6; padding: 2px 0px }
			
			ul#branch-list
				{ color: #252525; list-style: none; padding: 0px 0px }
				
				ul#branch-list li
					{ display: inline; float: left; width: 130px }
					
						ul#branch-list li p
							{ font-size: 12px; line-height: 1.5; text-align: center }
							
							ul#branch-list li p span
								{ font-size: 11px }
					
			ul.employees
				{ color: #45372D; font-size: 12px; margin: 0px 15px; padding: 0px 0px; float: left; list-style: none; width: 150px }
				
				ul.employees li
					{ line-height: 1.2; padding: 7px 0px }
					
					ul.employees li a
						{ font-weight: bold; font-size: 13px }
						
					ul.employees li span
						{ font-size: 11px }
			
#full-intro
	{ float: left; width: 704px }
	
	#full-intro h1, #half-intro h1
		{ background: #ebe5d7; margin-bottom: 5px; padding: 5px }
	
	#full-intro p, #half-intro p
		{ padding: 5px; font-size: 12px; color: #45372D; line-height: 1.6; text-align: justify }
	
	#full-intro h2
		{ padding-top: 10px }
		
#half-intro
	{ float: left; margin-right: 24px; width: 340px }
		
.subnav-section
	{ float: left; padding: 5px 8px; width: 224px }
	
	.subnav-section h2
		{ padding-bottom: 5px }
		
	.subnav-section p
		{ color: #614E3F; font-size: 11px; line-height: 1.6 }
		
.promo-section
	{ float: left; padding: 0px 8px; width: 224px }
	
	
	#resource-center { padding: 10px; width: 160px }

#bottomnav { background: #880000; color: #f7f2ea; float: left; font: 10px Verdana, Arial, Helvetica, sans-serif;  padding: 8px 10px; text-align: right; width: 760px }

#bottomnav a:link { color: #f7f2ea }
#bottomnav a:hover { color: #fff }
		
		
/*
----------------------------------------
FOOTER
----------------------------------------*/

#footer { background: #880000; clear: both; width: 780px }
#footer p { color: #f2f2f2; font-size: 10px; padding: 5px 20px }
		
		
/*
----------------------------------------
FORMS	
----------------------------------------*/

form#jumpcontain select option { font-size: 11px; padding: 2px 5px }

form#jumpcontain select option.cat { color: #800000; font-weight: bold }

#contact_form
	{ float: left; width: 340px }
	
	#contact_form form
		{ float: left; width: 340px; padding: 15px 0px }
	
	#contact_form form fieldset 
		{ float: left; font-size: 12px; width: 340px }

		#contact_form ol
			{ float: left; list-style: none; width: 340px }
	
			#contact_form ol li
				{ float: left; width: 340px }
	  
				#contact_form label
					{ font-size: 12px; float: left; width: 88px; text-align: right; color: #72747A; font-weight: bold; padding: 8px 2px 8px 0px }

				#contact_form label.error
					{ margin-top: 6px; width: 20px; background: transparent url(../imgs/cancel.gif) no-repeat left }
	
				#contact_form input.text-input, textarea
					{ border: 1px solid #ADB1B9; float: left; margin: 4px; padding: 2px 0; color: #333; width: 198px }

#contact_form input.button 
	{ padding: 3px 6px; background: D1DADE; border: 1px solid #544D3B; float: left; margin: 8px 0px 0px 94px; color: #544D3B  }

	#contact_form input.button:hover		
		{ background: url(../imgs/nav_bg_down.gif) repeat-x bottom; cursor: pointer }
		
#message		{ float: left; width: 340px; margin-top: 30px; text-align: center }
#message h2		{ font-size: 16px; color: #72747A }
#message p		{ color: #72747A; font-size: 14px; font-weight: bold; margin: 6px 0px }

#checkmark		{  }



form.calc
	{ margin-top: 10px; padding: 20px 0px 20px 20px; width: 684px; float: left }
	
	form.calc fieldset
		{ margin-right: 20px; width: 322px; float: left }
		
		form.calc h4
			{ background: #D1D6E0; padding: 5px 10px; font-size: 14px; color: #36373A }
			  
		form.calc ol
			{ padding-top: 10px; width: 320px; float: left; list-style-type: none }
			
			form.calc ol li
				{ margin: 5px 0px; width: 320px; float: left; list-style-type: none }
				
				form.calc ol li label
					{ width: 180px; font-size: 12px; font-weight: bold; color: #72747A; padding: 3px 3px 0px 0px; text-align: right; float: left }
				
				form.calc ol li input.input
					{ border: 1px solid #ADB1B9; color: #333; margin-left: 2px; padding: 3px; float: left }
					
				form.calc input.calc-button
					{ margin-left: 183px }
					
					
form.consult
	{ margin-top: 10px; padding: 20px 20px 0px 20px; width: 664px; float: left }
	
	form.consult fieldset
		{ padding-bottom: 20px; width: 664px; float: left }
		
		form.consult fieldset.finish
			{ border-top: 2px solid #D1DADE }
		
		form.consult h4
			{ background: #D1D6E0; padding: 5px 10px; font-size: 14px; color: #36373A }
			  
		form.consult ol
			{ padding-top: 10px; width: 320px; float: left; list-style-type: none }
			
			form.consult ol li
				{ margin: 5px 0px; width: 320px; float: left; list-style-type: none }
				
				form.consult ol li label
					{ width: 110px; font-size: 12px; font-weight: bold;  padding: 3px 3px 0px 0px; text-align: right; float: left }
					
				form.consult ol li textarea
					{ color: #333; margin-left: 2px; padding: 3px; float: left }
					
				form.consult ol li select
					{ margin-left: 2px; padding: 3px; float: left }
				
				form.consult ol li input.field
					{ border: 1px solid #ADB1B9; color: #333; margin-left: 2px; padding: 3px; float: left }
					
				form.consult input.calc-button
					{ margin-left: 183px }
					
				.red-error { color: #ff0000; float: left; font-size: 12px; padding: 0px 0px 0px 5px }
				
				.labelError { color: #ff0000 }
				.default	{ color: #72747A }
				
				.required { color: #ff0000; float: left; font-size: 14px; padding: 6px 0px 0px 3px }