@charset "UTF-8";

@import url(font.css);
@import url(corelayout.css);

/* Program Navigator Area (Left Column)
--------------------------------------------------------*/
#ProgramNav {
	margin: 0;
	padding: 20px 0 0 0px;
	width: 220px;
	float: left;
	background: inherit;
	}

/* Language Switcher */
#LanguageSwitcher {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	z-index: 1000;
	width: 220px;
	}
#LanguageSwitcher h2 {
	color: #FFFF66;
	}
#LanguageSwitcher a.Button {
	display: block;
	height: 24px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/_SiteDesign/bg_button_a.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#LanguageSwitcher a.Button span {
    background: transparent url(../images/_SiteDesign/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#LanguageSwitcher a.Button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#LanguageSwitcher a.Button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
 
#ProgramNav h2 {
	width: 180px;
	padding: 4px 20px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #660000;
	}

#ProgramNav dl{
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}
#ProgramNav dt {
	padding-left: 20px;
	}
#ProgramNav dd a {
	display: block;
	text-align: left;
	padding: 5px 10px 8px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 7px;
}
.Date {
	color: #336699;
	visibility: hidden;
	}

/* Content Layout (Video Highlight + Program Preview)
--------------------------------------------------------*/
#Content {
	float: right;
	width: 750px;
	margin: 54px 0 0 0;
	padding: 0 0 0 0;
	background: inherit;
	}
	#ProgramPreview {
	float: right;
	width: 220px;
	margin: 0;
	}
div#Content div#ProgramPreview a img.BannerAds  {
	text-align: center;
	margin-left: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
	#PrimaryContent {
	float: left;
	width: 448px;
	margin: 0 20px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0 20px;
	}

#Content #PrimaryContent #SpeakersForum {
	float: right;
	margin: 5px 0;
	padding: 0;
	width: 448px;
	}

#Content #PrimaryContent #SpeakersForum .Speaker {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 110px;
}

#Content #PrimaryContent #SpeakersForum .Speaker h4,
#Content #PrimaryContent #SpeakersForum .Speaker p {
	text-align: center;
	}
#Content #PrimaryContent #SpeakersForum .Speaker p.Info {
	text-decoration: underline;
	margin-bottom: 5px;
	}

/*content [750] = PrimaryContent [20 + 1 +20 + 448 + 20 +1 + 20] + ProgramPreview [220]*/

/* Program Preview (Right Column)
--------------------------------------------------------*/
#ProgramPreview h3 {
	text-align: left;
	width: 220px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0 0 10px 0;
	padding: 4px 0;
	color: #660000;
}
	#ProgramPreview dl {
	float: right;
	margin:0 0 10px 0;
	padding:0 20px 10px 0;
	width: 200px;
	overflow: auto;
	}
	#ProgramPreview dl dd img {
	float: right;
	margin: 0 0 5px 5px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	}
	#ProgramPreview dl dt {
	float: left;
	width: 91px;
	}
	#ProgramPreview dl dd {
	margin: 0;
	padding: 0;
	}
	/*Reverese Float*/
	#ProgramPreview dl.alt dt {
	float: right;
	width: 91px;
	}
	#ProgramPreview dl.alt  dd img {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
	padding: 1px;
	} 

#Support {
	text-align: center;
	}

#Links ul {
	padding: 5px 0 5px 50px;
	margin:0;
	}
	#Links li {
	padding: 3px 0;
	}

/* Primay Content (middle Column)
--------------------------------------------------------*/
#PrimaryContent h3 {
	color: #660000;
	width: 448px;
	padding: 4px 0;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
}

.NoBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#PrimaryContent h4 {
	margin-top: 10px;
	}

#VideoHighlight {
	padding: 0;
	margin: 5px 0 20px 24px;
	}
#VideoHighlight dt, 
#VideoHighlight dd {
	margin:0;
	padding:0;
	}

.VideoHighlight {
	padding: 0;
	margin: 5px 0 20px 0px;
	}
.VideoHighlight dt, 
.VideoHighlight dd {
	margin:0;
	padding:0;
	}


#BannerArea	{
	width: 448px;
	float: right;
	margin: 0;
	padding: 0;
	}
	.BannerBox {
		float:left;
		width: 200px;
		padding: 0;
		margin: 10px 10px;
		text-align: center;
		overflow: auto;
		}
		.BannerBox p a,
		 {
		margin: 0;
		padding: 0;
		}
		.BannerBox p
		 {
		margin: 0;
		padding: 0 0 5px 0;
		}
		.BannerBox a img,
		.BannerBox img {
		margin: 0;
		padding: 0;
		}

#PrimaryContent h3.Name {
	border: none;
	}

	
/*IE6 hack for display vertical navigator bar correctly
--------------------------------------------------------*/
#ProgramNav dt, 
#ProgramNav dd {
	display: inline;
	}
	* html #ProgramNav a {
	 height: 1px;
	 }

/*IE6 hack for double margin
--------------------------------------------------------*/
* html #PrimaryContent {
	display: inline;
	}
* html .BannerBox {
	display: inline;
	}
#ProgramPreview .PhotoBorder {
	padding: 1px;
	margin-top: 15px;
	border: 1px solid #999999;
}
#Activities_Link {
	margin-top: 5px;
	margin-bottom: 5px;
}
