/* Our CSS Stylesheet
	
	Source: http://searchlightdigital.com/the-last-guide-to-css-layout-youll-ever-need
*/
 
/* Following for fluid layouts */
/* Set ems to 10px */
body { 
	font-size: 62.5%; 
	background-color: #212121;
	text-align: center;	/* Needed fot IE for centering */
	min-width: 1024px;
}

#wrapper { 
	text-align: left;	/* Reset IE centering in body */
	width: 1024px; 
	/* Center this div */
	margin-left: auto;
	margin-right: auto;
	padding: 0; 
}

#header { 
	width: 100%; 
	padding: 0; 
	height: 250px; 

} /* Change the height to whatever it needs to be */

#navbar { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	height: 75px; 

	background-color: white;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-bottom: thin solid black;
} 

#main { 
	width: 100%; 
	margin: 0; 
	padding: 0; 

	background-color:  white;
} /* Change the height to whatever it needs to be */

#footer { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	height: 2em; 

	background-color: #212121;
} /* Change the margin values to align, and height as needed */



/******************************************** 
	Sidebar and content 

	Following specific for 2 column layout.
 ********************************************/

/* Float controls */
 
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.noshow { display: none; }

#content {
	width: 787px;
/*	border-right: thin solid black; */
}

/* Following IE specific 
	Tested on IE6, hope it works on later versions as well

	Set width value to same as previous content block, otherwise
	the content div will resize during load - ugly.
	This means that the regular content div is slightly smaller
	than possible. Never mind....
 */
* html body #wrapper #main #content {
	width: 787px;
}

#sidebar {
	width: 210px;
	background-color: white;

	/* Following used to solve the div-width problem in IE */
	overflow-x: hidden;
}