/* --- FULL RESET --- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


body,
html 
{
	color:#000;
	background:#f4f4ed;
	font-family: Tahoma, Arial;
	text-align:center;
}
/* STICKY FOOTER */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#content {padding-bottom: 200px;}  /* must be same height as the footer */


/* STICKY FOOTER */

/* ---- WRAP CENTRAL PART ---- */

#wrap
{
	background:#f1f1e8;
	background: url("../images/content_back.png") repeat-x;
}

/* ---- WRAP CENTRAL PART ---- */

/* ---- HEADER SECTION ---- */

#headercontainer
{
	padding:10px 10px;
	color: #fff;
	background:#ba1936;
	
}

#headerlogo
{
	width:980px;
   	margin:0 auto;
   	height: 96px;
}

#headerlogo .left 
{
	float:left;
}

#headerlogo .right
{
	float:right;
}

#headerlogo .right ul
{
	list-style:none;
	color: #fff;
	font-size: 12px;
}

#headerlogo .right li
{
	font-size: 13px;
	display:inline;
	margin:0;
}

#headerlogo .right li a
{
	color: #FFF;
	text-decoration: none;
}

	#headerlogo .left h1.logo
	{
		display: none;
	}

/* ---- HEADER SECTION ---- */

/* ---- NAVIGATION SECTION --- */

#navigation
{
	height: 38px;
	background:#f5d75e;
	background: url("../images/navigation_back.gif");
	padding-left: 20px;
}

	#navigation ul
	{
		width:980px;
	  	margin:0 auto;	
		padding: 8px 0px;
		list-style:none;
		text-align: left;
	}
	
	#navigation li 
	{
		display:inline;
		margin:0;
		padding-right: 15px;
	}
	
		#navigation li a
		{
			font-family: Tahoma, helvetica;
			font-size: 19px;
			color: #573230;
			text-decoration: none;
		}

/* ---- NAVIGATION SECTION --- */

#content 
{
   width:980px;
   margin:0 auto;  
   text-align:left;
}

#main 
{
	float:left;
	width:720px;
	padding: 5px;
	margin: 20px 0 20px 0;
	background:#fff;
	border: 2px solid #c00000;
}

/* A CSS comment before the hack \*/
* html #main {
	width: 734px; 
}
/* Another CSS comment after the hack */

#main_right 
{
	float:right;
	width:230px;
}

#right
{
	padding: 5px;
	margin: 20px 0 0 0;
	background:#fff;
	border: 2px solid #c00000;
}

/* A CSS comment before the hack \*/
* html #right {
	width: 220px; 
}
/* Another CSS comment after the hack */

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

#footer 
{
	padding: 0px 10px;
	background:#cc9;
	background: url("../images/footer_back.png");
	
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	
}
	#footercontent
	{
		width:980px;
	   	margin:0 auto;
	   	font-family: Arial;
	   	font-size: 13px;
	   	color: white;
	}	
	
	#footercontent span.title
	{
		font-weight: bold;
		padding-top: 20px;
		display:block;
	}
	#footerbanner
	{
		width: 200px;
		display: block;
		float: left;
	}
	
	#footerlinks
	{
		width: 540px;
		float: left;
		display: block;
		text-align: left;
		padding-left: 20px;
	}
	
	#footerlinks .linkbox 
	{
		float: left;
		width: 170px;
	}
	
	#footertwitter
	{
		width: 200px;
		height: 165px;
		float: left;
		display: block;
		text-align: left;
		
		background: url("../images/twitter_slama.png") no-repeat right bottom ;
	}
	
	#footertwitter p.twett
	{
		padding:10px 0;
		margin:0;
		width: 180px;
	}
	
	#footertwitter p.twett a
	{
		text-decoration: none;
		color: white;
	}
	
	#footer p 
	{
		display: block;
		margin:0;
		padding: 10px 0 0 0 ;
		color: #fff;
		font-size: 12px;
	}
	
	#footer ul
	{
		padding: 8px 0px;
		list-style:none;
		color: #fff;
		font-size: 12px;
	}
	
	#footer li 
	{
		margin:0;
		text-align: left;
		padding-top: 8px;
	}
	
		#footer li a
		{
			color: #fff;
		}
		
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	
		

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