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

<style type="text/css">

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
body {
	background-image: url(../../_images/bg.jpg);
	background-position: center top;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

#wrapper {position: relative; width: 900px; margin: 0 auto; text-align: left; }

a img {
  border: none;/*remove border for linked images*/
}
	
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 80px;
	border: none;
}

#homeref {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 287px;
	height: 66px;
	overflow:hidden;
	visibility: visible;
}

#quicklinkswrapper {
	background:url(../../_images/quicklinks.png);
	position: absolute;
	top: 20px;
	left: 330px;
	width: 555px;
	height: 28px;
	text-align: left;
}

#quicklinks {
	position: absolute;
	top: 25px;
	left: 550px;
	width: 460px;
	height: 20px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	color:#FFF;
	font-size:14px;
}
#menu_box {
	background:url(../../_images/menu.png);
	position: absolute;
	top: 78px;
	left: 0px;
	width: 900px;
	height: 50px;
}
#content {
	position: absolute;
	top: 129px;
	left: 0px;
	width: 645px;
	height: 484px;
	font-family: Helvetica, Arial, sans-serif;
}
#networking {
	background:url(../../_images/menu.png) repeat-x;
	position: absolute;
	top: 78px;
	left: 625px;
	width: 275px;
	height: 537px;
	font-family: Helvetica, Arial, sans-serif;
}
#networkingbackground {
	background-color:#324554;
	position: absolute;
	top: 130px;
	left: 625px;
	width: 275px;
	height: 482px;
}
#footerwrapper {
	background:url(../../_images/media-footer.png) no-repeat;
	position: absolute;
	top: 586px;
	left: -30px;
	width: 962px;
	height: 86px;
	text-align: right;
}
#messages {
	background:url(../../_images/messagesbg.jpg) repeat-x;
	position:absolute;
	top: 642px;
	left: 0px;
	width: 900px;
	height: 300px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#2F4550;
	border:thin;
	border-color: #FFF;
	overflow: hidden;
}
#archive {
	background:url(../../_images/messagesbg.jpg) repeat-x;
	position:absolute;
	top: 129px;
	left: 0px;
	width: 900px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#2F4550;
	border:thin;
	border-color: #FFF;
}
#MC1 {
	position:absolute;
	left: 10px;
	top: 10px;
	width: 283px;
	height: 280px;
}
#MC2 {
	position:absolute;
	left: 303px;
	top: 10px;
	width: 284px;
	height: 280px;
}
#MC3 {
	position:absolute;
	left: 597px;
	top: 10px;
	width: 283px;
	height: 280px;
}
#medialinks {
	position: absolute;
	top: 32px;
	left: 31px;
	width: 900px;
	height: 20px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	padding-top: 4px;
}
#footer1 {
	position: absolute;
	top: 965px;
	left: 450px;
	width: 450px;
	height: 30px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#CCC;
	padding-top:7px;
}
#footer2 {
	position: absolute;
	top: 955px;
	left: 0px;
	width: 890px;
	height: 30px;
	font-family: Helvetica, Arial, sans-serif;
}
#bottomspacer {
  position: absolute;
  top: 995px;
  left: 0px;
  width: 900px;
  height: 50px;
}
a:link {color:#FFF; text-decoration:none}
a:visited {color:#FFF; text-decoration:none}
a:hover {color:#FFF; text-decoration:underline}
a.active {color:#FFF; text-decoration:none}


/*Contact Slider CSS*/


TOP NAV----------------

a img {
  border: none;
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

PNG FIX FOR IE

<style type="text/css">
img, div { behavior: url(Assets/iepngfix.htc) }
</style>

.clear {clear: both;height: 0;line-height: 0;}
.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 */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */

.toptab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 20px;
	position: relative;
    top: 0;
    z-index: 999;
	border:none;
}

.tab {
	height: 20px;
	position: relative;
    top: 0;
    z-index: 999;
	border: none;
}

.tab ul.login {
	position: relative;
  	float: right;
  	clear: right;
  	height: 20px;
	width: 500;
  	font-weight: bold;
	line-height: 20px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size:12px;
	text-align: center;
}

.tab ul.login li.left {
  	height: 20px;
	width: 10px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	height: 20px;
	width: 1px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 3px;
	display: block;
	float: left;
	height: 20px;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#FFF}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 25px !important;
	cursor: pointer;
	display: block;
	width: 75px;
	position: relative;
	top: 0px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

#nul a:link {text-decoration:none}
#nul a:visited {text-decoration:none}
#nul a:hover {text-decoration:none}
#nul a.active {text-decoration:none}

/* sliding panel */
#toppanel {
    position: relative;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 415px;
	color: #a3a3a3;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 900px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 260px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}


/*Menu CSS*/
#menu {
    position:relative;
    z-index:100;
    height:30px;
	margin-top:10px;
}
#menu .menu {
    position:absolute;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
	margin:0;
}
#menu a {
    display:block;
    padding:8px 14px 7px 14px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:#FFF;
}
#menu li li {
    float:none;
    _border:1px solid #FFF; /** fix for ie6 */
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(images/pix.gif);
}
#menu div div {
    margin:-24px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#FFF;
    position:relative;
    z-index:77;
}
#menu a:hover {
    background:url(images/back.png);
    color:#3F92D7;
}
#menu a:hover span { color:#00aeff }
#menu>ul>li:hover>a {
    background:url(images/back.png);
    color:#0173e3;
}
#menu>ul>li:hover>a span { color:#9FBBDB; }
#menu span {
    font:17px "Helvetica", Arial, Sans-serif;
    color:#FFF;
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;
}
#menu li li a:hover { background:#00bfff; }
#menu li li a span { color:#333; }
#menu li li a:hover span { color:#333; }
#menu li li a.parent span { background:url(images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li a.parent:hover span { background-position:right -49px; }
*+html #menu li li a.parent:hover span { background-position:right -48px; }
#menu li li span {


    display:block;
    text-transform:none;
    line-height:16px;
    padding:4px 25px 4px 14px;
    font-size:11px;
}
#menu li div { background:url(images/back.png); }
/** <fix for ie6> */
#menu div div {
    _margin-top:-25px;
    _background:#333;
}
#menu li li li { _border:1px solid #333; }
#menu div div div { _background:#fff; }
#menu li li li li { _border:1px solid #333; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:10px;
    height:32px;
    z-index:8;
    position:absolute;
}
div#menu li.back .left {
    width:auto;
    height:32px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}

/* Spry Table Current Popular Podcast */

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: none;
	width: 100%; 
}

.TabbedPanelsTabGroup {
	margin: 2px;
	padding: 0px;
}

.TabbedPanelsTab {
	color:#FFF;
	position: relative;
	top: 1px;
	float: right;
	padding: 18px 12px;
	margin: 0px 0px 0px 0px;
	max-height:537px;
	font: bold 0.7em Helvetica;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	color:#CCC
}

.TabbedPanelsTabSelected {
}

.TabbedPanelsTab a {
	color: #FFF;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	color:#FFF;
	clear: both;
	border-left: solid 3px #324554;
	border-bottom: solid 3px #324554;
	border-top: solid 3px #324554;
	border-right: solid 3px #324554;
	background-color: #324554;
}

.TabbedPanelsContent {
	padding: 10px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 0px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}