@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

p { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#212121 }

#backgroundImage {
	width: 100%;
}

.background1 {
	background: url(../images/podcastbg.jpg) top center no-repeat;
}

#container {
	background: #000 url(../images/bg.jpg) top repeat-x;
	padding-bottom: 50px;
	width: 100%;
}

#content {
	background: url(../images/contentPageEndBg.png) bottom no-repeat;
	height: 494px;
	padding-top: 26px;
	margin: 0 auto;
	width: 914px;
}

#header {	
	background: url(../images/headerBg.png) top no-repeat;
	height: 179px;
	margin: 0 auto;
	width: 984px;
}

#homepageImage {
	margin: 0 auto;
	width: 984px:
}

#logo {
	float: left;
	height: 133px;
	left: 89px;
	position: relative;
	top: 38px;
	width: 153px;
}

#nav {
	float: right;
	position: relative;
	right: 85px;
	top: 100px;
}

#socialmedia {
	float: right;
	position: relative;
	right: -300px;
	top: 35px;
}

#panels {
	margin: 0 auto;
	width: 984px;
}

.panel {
	float: left;
	height: 300px;
	padding: 50px 15px 15px 15px;
	position: relative;
	width: 256px;
}

.panel2 {
	float: left;
	height: 500px;
	padding: 50px 15px 15px 15px;
	position: relative;
	width: 490px;
}

#panel1 {
	background: url(../images/panel1Bg.png) top no-repeat;
	left: 95px;
}

#panel2 {
	background: url(../images/panel2Bg.png) top no-repeat;
	left: 100px;
}

#panelNarrow {
	float: right;
	width: 253px;
}

#panelNarrowInner {
	height: 420px;
	overflow: auto;
	padding: 10px 25px;
	width: 193px;
}

#panelWide {
	float: left;
	width: 606px;
}

#panelWideInner {
	height: 420px;
	overflow: auto;
	padding: 10px 25px;
	width: 546px;
}

body, body.bodycontent{

scrollbar-face-color:rgb(0,0,0);
scrollbar-base-color:rgb(0,0,0);
scrollbar-3dlight-color:rgb(69,61,58);
scrollbar-shadow-color:rgb(69,61,58);
scrollbar-darkshadow-color:rgb(69,61,58);
scrollbar-highlight-color:rgb(69,61,58);
scrollbar-track-color:rgb(0,0,0);
scrollbar-arrow-color:rgb(255,255,255);
}

/* -------------------------------------------- CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */