@media all {

/*----
NAHBRS Style Sheets for Non-profit Afforable Housing-Based Rental Services, Copyright 2008
Author: Julie Berglund, CaliCat Design ----- */

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 		{ margin: 0; padding: 0; }
	body	{ background: #fff url(../images/bg_body.jpg) 50% 0 repeat-x; color: #474747; font: 100%/1.0em Verdana, Arial, Helvetica, sans-serif; text-align: center; }

/* LINKS: =links
----------------------------------------------- */
	a, a:visited { color: #007fb2; }
	a:hover { color: #145a14; } 
	a:active { color: #c55d3d; } 
	a img, a.img { border: none; }
		
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	p, li, blockquote, textarea, th, td { font-size: 13px;}
	blockquote {margin: 0 30px 0 30px;}

	p { line-height: 1.3em; }
	p, dd{ margin-bottom: 1.5em; }
	h1 { font-weight: bold; font-size: 1.5em; margin-bottom: 30px;}
	h3 { color: #007fb2; font-weight: bold; font-size: 1.0em; line-height: 1.2em; margin: 0 0 10px 10px; }
	h4 { color: #972e28; font-weight: bold; font-size: .8em; line-height: 1.2em; margin: 0 0 5px 10px; }
	h2 {line-height: 1.8em;}
	h1, h2, h5, h6 { padding: 0; color: #007fb2; }

	     .imgleftmarg { margin-left: 10px; margin-bottom: 3px; float:right; }
	     .imgrightmarg { margin-right: 10px; margin-bottom: 3px; float:left; }
	
	.number {color:#972e28; font-weight: bold; font-size:15px;}
	#leftcolumn p {color:#2c3e0b; margin-left:10px;}
	.rightmargin {margin-right:20px;}
	
	#widecol ul.normal li, #column2 ul.normal li  {font-size: 13px; line-height: 1.3em; margin-left: 30px; padding-bottom:8px; list-style-type:disc;}
	
/* HEADER: =header
----------------------------------------------- */
	#header{ z-index:100; height:211px; float: left; width: 100%; padding: 0; background: url("../images/top-banner-1600.png") 50% 0 no-repeat; }
	#header #logo { height:166px; width:470px; float: left; margin: 10px 20px 0 0; }

/* LAYOUT: = Framework for Entire Site
----------------------------------------------------------------------------------- */
	#footer  { position: relative; clear: both; float: left; width: 100%; }
	

	.container { position: relative; text-align: left; width: 780px; margin: 0 auto; }
	.wrapper1 { float: left; width: 100%; } /*  <-- for header --*/
	.wrapper2a {float: left; width: 100%; background: url("../images/bkgd-middle-rightcol.png") 50% 0 repeat-y; }/*  <-- for middle/body --*/
	.wrapper3 { float: left; width: 100%;}  /*  <-- for footer --*/


	#leftcolumn { float: left; width: 530px;  padding: 0 8px 0 0; margin-left: 10px; _margin-left: 5px; font-size: 1.0em; line-height: 16px; }
	#rightcolumn { float: left; width: 218px; _width: 190px;margin-left: 2px; }



/* SIDE COLUMN CONTENTS 
 ---------------------------------------------------------------------------------------------------------- */	 
/* fonts */
	#rightcolumn a { color: #376ea0; text-decoration: none; }
	#rightcolumn h1 {text-indent: -999em; height: 28px; width: 218px; margin-bottom: 20px;}

	#rightcolumn h1.serve {background-image: url("../images/h1-whoweserve.png");height: 34px;  }
	#rightcolumn h1.objectives {background-image: url("../images/h1-objectives.png");height: 34px;  }
	#rightcolumn h1.complexes {background-image: url("../images/h1-complexes.png");height: 34px;  }
	#rightcolumn p{ width: 196px; color:#003366;padding-left: 10px; font-size: 12px; line-height: 1.3em; font-family:Verdana, Arial, Helvetica, sans-serif;}

	
/* MAIN Column --------- */
	#leftcolumn h1 {float: left; height: 20px;}
	#leftcolumn h1 {text-indent: -999em; height: 28px; width: 530px;  margin-bottom: 20px;}

	#leftcolumn h1.vision {background-image: url("../images/h1-vision.png");height: 34px;  }
	#leftcolumn h1.programs {background-image: url("../images/h1-programs.png");height: 34px;  }

	#caption { font-size: .7em; float: right; width: 460px; padding-left: 20px; padding-right: 20px; font-style:italic; color: #474747; }
	.caption { font-size: .7em; line-height: .98em; font-style:italic; color: #474747; }


/* FOOTER: =footer    <<<<<<<------- DONE >>>>>
----------------------------------------------- */
	#footer-rightcol { background: url("../images/bkgd-bottom-rightcol.png") 50% 0 no-repeat; clear: both; float: left; width: 100%; padding: 0 0 14px 0; }
	#footer .container, #footer-rightcol { padding-top: 2px; text-align: center; }
	#footer p, #footer-rightcol p {font-size: 10px;  margin: 0 0 3px 0; }
	#footer a, #footer-rightcol a { text-decoration: none; color: #b46864; }
	#footer a:hover, #footer-rightcol a:hover { text-decoration: none; color: #003252; }
	#footer p.credits, #footer p.credits a { color: #b46864;}
	#footer p.credits a.invis, #footer-rightcol p.credits a.invis { text-decoration: none; }
	#footer p.credits a.invis:hover, #footer p.credits a:hover, #footer-rightcol p.credits a.invis:hover, p.credits a:hover { background: transparent; color: #0080b2 !important; }
	
	
/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	.hide { display: none; }
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
}