/*

	Styling for ItAllAddsUp.gov
	
	This file includes layout/positioning for all pages.
	
	content.css = styling for the content area
	nav.css = styling for the navigation bar / footer 

*/

body {
	padding: 0;
	margin: 0;
	font-size: small;
	font-family: arial, helvetica, verdana, sans-serif;
	background-color: #6B7E86;
}

body#homebody div#container {
	background: url(/img/floating_head.gif) no-repeat bottom right;
	background-color: #ffffff;
}

#container {	/* use min-max.js to allow IE to understand max-width, min-width */
	max-width: 865px;
	min-width: 760px;
	padding:0 5px 5px 0;
	margin: 0 5px 5px 0;
	background-color: #ffffff;
	/*padding: 5px;
	border-left: 15px solid #E6F1F4;
	border-right: 15px solid #E6F1F4;*/
}

/* ------------------------------------------------------- HEADER */
	
#header {
	background-image: url(/img/top_header.gif);
	background-repeat: no-repeat;
	/*background-color: pink;*/
	/*background-color: #F5F8FF;*/
	/*border-bottom: 1px solid #8ea9e0;*/
	height: 153px;
	margin: 0 0 1px 0;
	/*padding: 0 0 5px 0;*/
}
	
	#header img {
		float: right;
		margin: 3px 10px 0 0;
		border: none;
	}
	
#header_sub {
	background-image: url(/img/sub_header.gif);
	background-repeat: no-repeat;
	/*background-color: pink;*/
	/*background-color: #F5F8FF;*/
	/*border-bottom: 1px solid #8ea9e0;*/
	height: 153px;
	margin: 0 0 1px 0;
	/*padding: 0 0 5px 0;*/
}

	#header_sub img {
		float: right;
		margin: 3px 10px 0 0;
		border: none;
	}

	
	 #header form {  /* for a search form in the header */
	 	border: 0px solid red; 
		clear: right; 
		float: left; 
		margin: 23px 0 0 560px;
	 }
	 
	 #header form input {
	 	font-size: smaller;
	 }

	
/* ------------------------------------------------------- SIDEBAR - NAVIGATION */	
	
#sidebar {
	float: left;
	display: inline;
	width: 170px;
}

	#sidebar form {	/* search form in the #sidebar */
		 
		 margin: 0;
		 padding: 10px 0 10px 10px;
		 text-align: left;
		 background-color: #DCE1E8;
	}
	
		#sidebar form input {  /* search button */
			font-size: .9em;
			padding: 2px;
		}
		
		#searchbutton {
			margin: 5px 0 -6px 0;
		}
	
	#navcolumn {
		padding: 0;
		margin: 0;
	}
	
	#did_you_know {
	width: 248px;
	margin-left: 175px;
	padding: 0 0 5px 0;
	}

	#dyk_header {
	background: url("/img/didyouknow_header.gif") no-repeat top;
	/*display: none;*/
	height: 95px;
	/*padding-top: 100px;*/
	}

	#dyk_text {
	background: #dfe3ea;
	padding: 10px 10px 5px 10px;
	margin:-4px 0 0 0; 
	font-size: 1.3em;
}
		
 		#download {
	   	margin: 5px 0px;
   		height: 340px;
   		background-color: #BD7B54;
   		text-align: center;
   		text-decoration: none;
		}
		
		#download img {
			border: none;
		}
		
		#exchange {
		margin: 5px 0px;
		height: 109px;
		background-color: #426B90;
		text-align: center
	}
	
		#exchange img {
			border: none;
		}

/* ------------------------------------------------------- RIGHT SIDEBAR */
	
	#rightside {
		float: right;
	}

	#success_story {
		width: 190px;
	}
	
	#success_header {
		background: url("/img/suc_stories_header.gif") no-repeat top;
		width: 190px;
		height: 95px;
		margin: 0;
		/*background-color: #AC7A56;*/
	}
	
	#success_text {
		font-size: 0.8em;
		padding: 10px;
		text-align: left;
		background: url("/img/suc_stories_footer.gif") no-repeat bottom right;
		background-color: #f2d3b2;
		padding-bottom: 115px;
		margin: 5px 0 0 0;
		color: #444;
	}
	
	#success_story a {
	color: #AC7A56;
	text-decoration: none;
	font-size: small;
	padding: 6px 0 0 0;
}

	#success_story a:hover {
	color: #AC7A56;
	text-decoration: underline;
	font-size: small;
	padding: 6px 0 0 0;
}
span.successstorylink {
		display:block;
		margin:6px 0 0 0; 
}

#whos_talking_header {
		background: url("/img/whos_talking_header.gif") no-repeat top;
		width: 190px;
		height: 95px;
		margin: 0;
		/*background-color: #AC7A56;*/
	}

#whos_talking_text {
		padding: 10px;
		text-align: left;
		background: url("/img/suc_stories_footer.gif") no-repeat bottom right;
		background-color: #f2d3b2;
		padding-bottom: 115px;
		margin: 5px 0 0 0;
		color: #444;
	}

/* ------------------------------------------------------- CONTENT BLOCK */
	
#content {
	/*display: inline;*/
	/*width: 78%;*/
	margin-left: 175px;
	margin-right: 195px;
	padding: 0px 0 5px 0;
	background: #fff;
	text-align: left;
	color: #000;
	}

/* ------------------------------------------------------- FOOTER */

#footer {
	clear: both;
	/*background: url("/img/bottom_pinstripes.jpg") no-repeat top left;*/
	height: 27px;
	font-size: .8em;
	padding: 20px 0 0 0;
	background: #E29E6E;
	/*border-top:1px dashed #8ea9e0;*/
	/*border-bottom: 1px dashed #8ea9e0;*/
}
	#footer_nav {
		text-align: left;
		margin: 3px 0 3px 0;
		padding: 0;
	}
	
	#footer_nav li{
		display: inline;
	}

	#footer_links {
		margin: 0px 0px 0px 500px;
		color: White;
	}

	#footer_links li {
		display: inline;
		padding: 0px 0 0 0;
	}