/* CONTENT CONTAINERS
----------------------------------- */
div#contentcontainer { margin-top: 10px; }
	
div#contentandrightsidebar {
	float: right;
	position: relative;
	width: 717px;
	}
	
.clearfix { display: inline-block; }

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */  

/* CONTENT
------------------- */
div#content {
	display: inline;
	float: left;
	position: relative;
	width: 527px;
	}
	
div#content h2, h3, h4, h5 {
	color: #3d4d7e;
	margin: 0 20px;
	}
	
h2 {
	font: 24px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 15px !important;
	}
	
h3 {
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	}
	
h4 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	}
	
h5 {
	font: italic 12px Arial, Verdana, Helvetica, sans-serif;
	}
	
div#content p {
	color: #3d4d7e;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 20px 10px 20px;
	vertical-align: baseline;
	}


/* LEFT SIDEBAR
------------------------ */
div#leftsidebar {
	background: url(images/leftsidebarbackground.jpg) no-repeat;
	float: left;
	height: 295px;
	position: relative;
	width: 190px;
	}
	
ul#leftmenu {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	height: 1%;
	margin: 20px auto 0 auto;
	padding: 0 30px 0 30px;
	}
	
ul#leftmenu li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
ul#leftmenu li a {
	color: #3d4d7e;
	text-decoration: none;
	}
	
ul#leftmenu li a:hover {
	color: #3d4d7e;
	font-weight: bold;
	}

/* RIGHT SIDEBAR
------------------------- */
div#rightsidebar {
	float: right;
	position: relative;
	width: 190px;
	}
	
div#thumbnails {
	background: url(images/rightsidebarbackground.jpg) repeat-y;
	margin-top: -4px;
	text-align: center;
	}
	
div#thumbnails img, div#thumbnails img a {
	margin: 20px auto 4px auto;
	border: 0;
	}