/**
 * Layout - 100% height layout with header and footer
 * ----------------------------------------------------
*/

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#333333;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:960px;
	background:#ffffff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	border-bottom:0px solid #333333;
	height:139px;
	padding-top:0px;
	background-image:url(images/nav_int/nav_header.gif);
	background-position:top;	
	background-repeat:no-repeat;
}

div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
		color:#FFFFFF;
	}

div#content {
	padding:1em 1em 1em; /* bottom padding for footer */
	background-color:#FFFFFF;
	/*width:650px; */
}
	div#content p {
		text-align:justify;
		padding:0 0;
	}
	
div#content2 {
	padding:1em 1em 1em; /* bottom padding for footer */
	background-color:#FFFFFF;
	width:600px;
}
	div#content2 p {
		text-align:justify;
		padding:0 1em;
		width:640px;
	}	

div#sidebar {
	width:150px;
	background-color:#FF0000;
}
	div#sidebar p {
		text-align:justify;
		padding-left:5px; padding-bottom: 5px; padding-top:5px; padding-right:5px;
	}	
	

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	border-top:0px solid #333333;
	min-height:35px;

}
	div#footer p {
		font-weight:bold;		
		margin:0;
		background:#80B912;	
		padding-left:5px; padding-bottom: 5px; padding-top:5px; padding-right:5px;
		text-align:center;
	}
div#breadcrumb
{	width:100%;
	border-bottom:1px solid #333333;
	min-height:20px;}
	
	
div#breadcrumb p {
		background:#ffffff;		
		padding-left:5px; padding-bottom: 5px; padding-top:5px; padding-right:5px;
	}
	
/*******   INDEX PAGE  *************/
div#container_hp {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:960px;
	background:#333333;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align:center;
}


div#header_hp {
	border-bottom:0px solid #333333;
	padding-top:0px;
	background-position:top;	
	background-repeat:no-repeat;
}		

div#content_hp {
	padding:1em 1em 1em; /* bottom padding for footer */
	background-color:#333333;
}