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

/* Page Body */
/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
  }

body {
  	font: 11px "Ariel", "Helvetica Unicode", Ariel, Verdana, sans-serif;
	background: #000 url(../images/bg.gif) top left repeat-x;
	text-align: center;
  	min-width: 850px;
	height: 100%;
	color: #666;
	}
	
body#index2 p {
	clear: both;
	display: block;
	margin-top: 30px;
	}
	
	
/* Wrapper */
#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: none;
	min-height: 100%;
	}
	



/* Utility Navigation */
#util {
	clear: both;
	display: inline;
	}
	
	
ul#utilNav {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 850px;
	}

ul#utilNav li {
	float: right;
	list-style: none;
	}

ul#utilNav li a {
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 13px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 0px;
	vertical-align: middle;
	text-decoration: none;
	color: #999;
	text-align: right;
	font-size: 10px;
	}

/* Keeps the current page highlighted */
body#index ul#utilNav li#utilIndex a, body#topicss ul#utilNav li#utilIndex a, body#about ul#utilNav li#utilAbout a, body#contact ul#utilNav li#utilContact a, body#support ul#utilNav li#utilSupport a {
 	color: #fff;
	background: url(../images/urhere.gif) top center no-repeat;
	border-top: solid  0px #ccc;
	/* padding-top: 12px; */
	}

ul#utilNav a:hover {
	color: #fff;
	}
	
	
	
	
/* Top Branding */

#branding {
	clear: both;
	display: inline;
	width: 850px;
	height: 90px;
	}

#branding h1 {
	display: none;
	}

#mainPromo {
	clear: both;
	display: inline;
	width: 800px;
	height: 250px;
	border: 0;
	margin: 0;
	}
	
	
	
	
/* Webcast List Tabs */
	
ul#webCastLists {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 850px;
	clear: both;
	display: inline;
	}

ul#webCastLists li {
	width: 175px;
	float: left;
	list-style: none;
	margin-top: 0px;
	}
	
body#index ul#webCastLists li#latest {
	color: #333;
	background: #fff url(../images/cor_tr.gif) top right no-repeat;
	}

body#index ul#webCastLists li#latest a {
	background: url(../images/cor_tl.gif) top left no-repeat;
	}

body#index ul#webCastLists li#topics {
	background: #666 url(../images/cor_tlcc.gif) top left no-repeat;
	}

body#index ul#webCastLists li#topics a {
	background: url(../images/cor_tr66.gif) top right no-repeat;
	}

body#topicss ul#webCastLists li#latest {
	color: #333;
	background: #666 url(../images/cor_tlcc.gif) top left no-repeat;
	}

body#topicss ul#webCastLists li#latest a {
	color: #333;
	background: url(../images/cor_tr66.gif) top right no-repeat;
	}	

body#topicss ul#webCastLists li#topics {
	color: #333;
	background: #fff url(../images/cor_tl.gif) top left no-repeat;
	}
	
body#topicss ul#webCastLists li#topics a {
	color: #333;
	background: url(../images/cor_tr.gif) top right no-repeat;
	}

ul#webCastLists li a {
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-bottom: 0px;
	vertical-align: middle;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	}

body#topicss ul#webCastLists li#topics a:hover, body#topicss ul#webCastLists li#latest a:hover, body#index ul#webCastLists li#topics a:hover, body#index ul#webCastLists li#latest a:hover {
	color: #000;
	font-weight: bold;
	}
	
	
	
	
	
/* Webcast Topics */

#topicList {
	clear: both;
	width: 850px;
	background: #fff url(../images/cor_tl66.gif) top left no-repeat;
	}

#topicList ul {
	clear: both;
	padding: 0;
	list-style: none;
	background: url(../images/cor_tr.gif) top right no-repeat;
	}	

#topicList ul li {
	display: block;
	margin-left: 15px;
	line-height: 18px;
	}


	
	
	
/* Webcast List Table */

table#latestCasts {
	width: 850px;
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: left;
	background: #fff;
	}
	
/* Puts bevel at top of table */
table#latestCasts tbody tr.descriptionTitleFirst {
	background: url(../images/bevel.gif) top left repeat-x;
	}	
	
table#latestCasts tbody tr td.descriptionTitle {
	padding-top: 25px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 30px;
	/* background: url(../images/bevel.gif) top left repeat-x; */
	}
	

table#latestCasts thead tr th {
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: normal;
	text-align: left;
	color: #333;
	}

table#latestCasts thead tr th#descriptionHead {
	padding-left: 30px;
	}

table#latestCasts thead tr th#durationHead, table#latestCasts thead tr th#dateHead, table#latestCasts thead tr th#timeHead, table#latestCasts thead tr th#topicsHead, table#latestCasts thead tr th#sponsorsHead, table#latestCasts thead tr th#watchnowHead {
	padding-left: 5px;
	text-align: left;
	}

table#latestCasts thead tr th#watchnowHead {
	padding-right: 10px;
	background: url(../images/cor_tr.gif) top right no-repeat;
	}

#topicss table#latestCasts thead tr th#watchnowHead {
	padding-right: 5px;
	background: none;
	background: url(../images/cor_tr.gif) top right no-repeat;
	}

table#latestCasts tbody tr td {
	padding-top: 5px;
	padding-bottom: 0px;
	border-top: solid #999 0px;
	vertical-align: top;
	line-height: 18px;
	/* background: url(../images/bevel.gif) top left repeat-x; */
	}
	
table#latestCasts tbody tr td.webcast {
	padding-left: 30px;
	padding-right: 8px;
	width: 210px;
	}

table#latestCasts tbody tr td.duration, table#latestCasts tbody tr td.date, table#latestCasts tbody tr td.date, table#latestCasts tbody tr td.time, table#latestCasts tbody tr td.topic, table#latestCasts tbody tr td.sponsors, table#latestCasts tbody tr td.watchNow {
	padding-left: 5px;
	text-align: left;
	}

table#latestCasts tbody tr td.watchNow {
	padding-right: 5px;
	}

#topicss table#latestCasts thead tr th#descriptionHead {
	background: url(../images/cor_tl66.gif) top left no-repeat;
	}

table#latestCasts tbody tr td .castDescription {
	color: #666666;
	}

table#latestCasts tbody tr td p {
	line-height: 18px;
	color: #666666;
	}

table#latestCasts tbody tr td h4 {
	color: #333;
	font-weight: bold;
	/* line-height: 16px; */
	font-size: 11px;
	padding-bottom: 3px;
	margin-right: 20px;
	margin-bottom: 4px;
	border-bottom: 1px #999 dotted;
	}

table#latestCasts tbody tr td p a {
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
	}

table#latestCasts tbody tr td a {
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
	}

table#latestCasts tbody tr td a.xtrnl {
	background: url(../images/xtrnlnk.gif) no-repeat center left;
	padding-left: 10px;
	}
	
table#latestCasts tbody tr td a.ntrnl {
	background: url(../images/ntrnlnk.gif) no-repeat center left;
	padding-left: 10px;
	}
	
/* Greys out the topics page */
body#topicss table#latestCasts, body#topicss table#latestCasts p, body#topicss table#latestCasts h4, body#topicss table#latestCasts thead tr th#descriptionHead, body#topicss table#latestCasts thead tr th#sponsorsHead, body#topicss table#latestCasts thead tr th#dateHead, body#topicss table#latestCasts thead tr th#timeHead, body#topicss table#latestCasts thead tr th#watchnowHead {
	color: #999;
	}

body#topicss table#latestCasts tbody tr td.topic {
	color: #993300;
	}





/* Footer */
#footer {
	clear: both;
	padding-top: 15px;
	padding-bottom: 50px;
	}

#footer ul {
	clear: both;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	width: 850px;
	}

#footer ul li a {
	text-decoration: none;
	color: #666;
	}

#footer ul li {
	float: left;
	list-style: none;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	border: 0px;
	vertical-align: bottom;
	text-decoration: none;
	color: #666;
	text-align: right;
	font-size: 11px;
	background: url(../images/dot333.gif) repeat-y right top;
	}
	
#footer ul li.first a {
	padding-left: 0px;
	}

#footer ul li.last {
	background: none;
	}

#footer ul li a:hover {
	color: #ccc;
	}
	
	
	
	
	
	
	
	
	
	
	
	

/* ---------- Webcast Item Styles ----------- */
#castItemWrapper {
	float: left;
	background: #fff url(../images/cor_tr.gif) top right no-repeat;
	width: 850px;
	}
	
h1#castTitleMain {
	display: block;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-bottom: solid 0px #ccc;
	font-size: 14px;
	color: #333;
	background: url(../images/cor_tl.gif) top left no-repeat;
	}

#castItemLeft {
	float: left;
	width: 300px;
	background: url(../images/bevel.gif) top left repeat-x;
	}

#castItemRight {
	float: left;
	width: 550px;
	background: url(../images/bevel.gif) top left repeat-x;
 	}
	
#castImage {
	float: left;
	padding-left: 30px;
	padding-top: 30px;
	}

#castOverview {
	clear: both;
	padding-left: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	}
	
	
	
		
/* Cast Details Table */
table#castDetails {
	clear: both;
	width: 400px;
	border-collapse: collapse;
	border: 0px;
	margin-top: 0px;
	padding: 0px;
	background: none;
	text-align: left;
	}
	
table#castDetails td {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	border-top: solid 1px #ccc;
	}

table#castDetails td.last {
	border-bottom: solid 1px #ccc;
	}
	

/* Cast Decription */
h2#castTitle {
	clear: both;
	display: inline-block;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 40px;
	color: #993300;
	}

p.castDescription {
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 135px;
	}

#item #castOverview ul, #item #castOverview ul li {
	list-style: none;
	line-height: 20px;
	color: #996633;
	}

p#watchCastNow {
	clear: both;
	margin-top: 20px;
	margin-bottom: 60px;
	font-weight: bold;
	} 
	
.clearer {
	clear: both;
	width: 850px;
	padding: 0px;
	margin: 0px;
	background: url(../images/cor_bot.gif) left bottom no-repeat;
	}

.furtherInformation {
	clear: both;
	width: 850px;
	padding: 0px;
	margin: 0px;
	background: #e5e5e5 url(../images/more_bg.gif) top left repeat-x;
	
	}

.furtherInformation p {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 30px;
	line-height: 20px;
	color: #333333;
	background: url(../images/cor_bot2.gif) left bottom no-repeat;
	}












/* ----------- Webcast About, Contact and Support Styles ----------- */
#aboutCastWrapper, #contactCastWrapper, #supportCastWrapper  {
	float: left;
	display: inline;
	background: #fff url(../images/cor_tr.gif) top right no-repeat;
	width: 850px;
	}

#aboutWrap, #contactWrap, #supportWrap {
	clear: both;
	width: 850px;
	}

.textLeft {
	float: left;
	width: 425px;
	background: url(../images/bevel.gif) top left repeat-x;
	}
	
.textRight {
	float: left;
	width: 425px;
	background: url(../images/bevel.gif) top left repeat-x;
	}

h1#aboutHeader, h1#contactHeader, h1#supportHeader {
	display: block;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-bottom: 0px;
	border-bottom: solid 0px #ccc;
	font-size: 14px;
	color: #333;
	background: url(../images/cor_tl.gif) top left no-repeat;
	border-top: none;
	}

h2.SubHead {
	margin-bottom: 15px;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 12px;
	color: #993300;
	border-bottom: 1px dotted #999999;
	}

h3.pullQuote {
	margin-left: 30px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #996633;
	background: url(../images/bullet.gif) left center no-repeat;
	}

.textLeft p, .textRight p {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	line-height: 20px;
	color: #333333;
	}

.textLeft p.last, .textRight p.last {
	padding-bottom: 60px;
	}

dl#faq {
	line-height: 20px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
	}

dl#faq dt {
	color: #996633;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../images/bullet.gif) left center no-repeat;
	}

dl#faq dd {
	color: #333;
	margin-bottom: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	
	

/* ----------- Sitewide Styles ----------- */
a.external {
	background: url(../images/xtrnlnk.gif) no-repeat center left;
	padding-left: 10px;
	text-decoration:  underline;
	font-weight: normal;
	color: #0066CC;
	}

a.internal {
	background: url(../images/ntrnlnk.gif) no-repeat center left;
	padding-left: 10px;
	text-decoration:  underline;
	font-weight: normal;
	color: #0066CC;
	}
	
	
	
	
	
	
	
	
	
	
	
	

/* ----------- Form Styles ----------- */
fieldset {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	border: 0px solid #ccc;
	background: #fff;
	}

label {
	float: left;
	width: 125px;
	}

input {
	width: 200px;
	}

input:focus, textarea:focus {
	background: #ccc;
	}

select {
	width: 250px;
	}