body {
	background-color:#FFF;
	color: black;
	font-size: medium;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding: 0;
}
p { color: black; font-size: 1em;  }
p.white { color:white; }
table { border-collapse:collapse; width:100%; background-color:#FFF; }
h1 { color: #000000; font-weight: normal; font-size: 1.4em;  }
h2 { color: #000000; font-weight: normal; font-size: 1.3em; margin-top:0; margin-bottom:0.67em;}
h3 { color: #333333; font-weight: normal; font-size: 1.2em; margin-top:0;  margin-bottom:0.1em;}
h4 {  color: #000000; font-weight: normal; font-size: 1.1em; margin-bottom:0.1em; margin-top:0.75em;}
h5  { color: black; font-weight: normal; font-size: 1; margin-top:0.25em; }
h6 { color: #333333; font-weight: normal; font-size: 1; margin-top:15px; margin-bottom:15px; }


#pagewrapper {min-width:960px; margin:0;}

.form-legend { color: #333333; font-size:7pt; font-weight:bold;  }

a:link   	{ color: #1F5790; } 
a:visited  	{ color: #1F5790 }
a:hover 	{ color: #333;}
a:active  	{ color: #1F5790; }

.white a:link 	{ color: #FFCC66; }
.white a:hover 	{ color: #CCCCCC; }
.white a:visited	{ color:#FFCC66; }

.yellow 		{ color:#FFCC66; }
.yellow a:link 	{ color:#FFCC66; }
.yellow a:hover	{ color:#CCCCCC; }
.yellow a:visited	{ color:#FFCC66; }

div.home-row		{ position:relative; width:100%; } 
div.home-left		{ position:absolute; width:42%; height:100%; }
div.home-right		{ position:absolute; width:58%; height:100%; left:42%; }
a img { border-style:none; }

table.main 	{ min-width:700px; }
/*table.main td,p,div  { font-size:8pt; }*/
td.logo	 	{ background-color:#000000;text-align:center;width:79px; }
td.logo img	{ margin:5px auto; }
td.banner	{ background-color:#333333; }
td.banner img { margin:0px 4px; }
#mastright	{ background-color:#FFCCff;width:280px;vertical-align:top; }

#mastright-cap { height:20px;background-color:#006699;background-repeat:repeat-x; background-position:center;}

#mastright ul { position:relative;left:0px;color:#FFCC66;top:0px;text-align:middle; }
#right-column-cap { background-color:#FFFFF;width:160px;border-top:1px solid #CCCCCC;border-left:1px solid gray; }
#right-column-cap ul { position:relative; top:-1px;  text-align:left; }

/*
#right-column-container { width:188px;background-color:#FFFFFF;border-left:1px dotted gray;vertical-align:top;text-align:center; }
#right-column			{ position:relative;margin:20px auto; padding:0px 4px 0px 4px; top:-6px; font-size:8pt;}
#right-column small { color: #000000; font-size: 8pt; font-family: verdana,arial,helvetica;}
#right-column p { color: #000000; font-size: 8pt; font-family: verdana,arial,helvetica;}
#right-column div { text-align:left; }
#right-column h6  { margin-bottom:0.5em;margin-top:0.1em;text-align:center; }
#feature-image	{ height:209px; width:180px; }
*/

div.event_group { border:0px dashed green;padding-top:0.25em; margin:2.0em;  }
.event_group h2.title { color:#248; }
.event_group div.description { padding: .75em; border: 0px dashed green; }
.event_group div.sponsor { padding: .75em; border: 0px dashed orange; }


div.section { border-top:1px solid black;padding-top:0.25em; margin-bottom:2.0em;  }
img.section-header { margin:12px 0px 4px 0px; display:inline; }


ul.h-menu {
	list-style:none;
	list-style-image:none;
	/* display:inline; */
	margin:0em;
	padding:0em;
	text-align:center;
	font-size:12px;
	border: 0px solid white;
	/*position:relative;*/
}

ul.h-menu li{
	display:inline;
	vertical-align:middle;
	/* margin:0em; */
	/* padding:0em; */
}

#breadcrumb { background-color:#666666; }

ul.breadcrumb {
	text-align:left;
	margin-left:16px;
	margin-bottom:0.4em;
}

ul.breadcrumb li { margin-right:6px;}

#search-box {
	/* margin:0em auto; */
	/* width:auto; */
	position:relative;
	font-size:11px;
	border: 0px solid black;
	text-align:center;
	height:100%;
        
}

#search-content {
	position:relative;
	top:1.4em;
	border: 0px solid red;
	margin:0em auto;
	text-align:left;
	width:246px;
	width:expression('224px');
}

.separator { 
	padding: 0em .2em .1em .2em; 
	font-size:larger; 
	vertical-align:bottom;
} 

#search-box ul {
	list-style:none;
	list-style-image:none;
	display:block;
	margin:0em;
	padding:0em;
	color:black;
	vertical-align:middle;
}

#search-box li,form, #cse-search-box { display: inline; }

#search-box li.selected a { text-decoration: none; color: black; }

#search-box li a { text-decoration: underline; color: blue; }
#search-box li a:hover { color: #333333; }

#footer 	{ color:black; vertical-align:top; padding:0px; 10px; }
#footer p 	{ margin-top:10px; }
tr#footer td  { padding:0px 10px; }
tr#footer	{ vertical-align:top; }


#home-container { position:relative;border:0px solid #FF0000;width:auto; width:expression('500px');  min-width:400px; max-width:500px;margin:0px auto; } 
a.text-img 		 	{ border-width:0px 0px 2px 0px; border-style:solid; border-color:white; margin-bottom:0px; display:inline; padding-bottom:expression('1px');}
a.text-img:hover 	{ border-color: #CCCCCC;  }
a.text-img:active 	{ border-color: #CCCCCC;  }
a.text-img:visited 	{ border-color: white;  }

table td { vertical-align: top; }




div#video_list	{ 
position:relative; vertical-align: top; 
//background-color:#F3F9FD;
//border-left: 1px solid #ccc;
/* border-bottom-left-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px; */
}


div.videoItem { 
	font-size:.9em;
	color:#666;
	padding: 15px 20px 0 12px;
	width:162px;

}


div.videoItem:hover, div.videoItem:hover .lecture { 
	background-color:#2D4C6D; 
	color:#fff;
	cursor:pointer;cursor:hand;
	
/*	border: 1px solid #ddd;
*/	
	}

div.vidTitle { 
	border-bottom:1px solid #9FAEBD;
	padding-bottom:12px;
	}
	
.videoItem:hover .vidTitle,
div.videoItem.none .vidTitle,
div.videoItem.playing .vidTitle,
div.videoItem.paused .vidTitle,
div.videoItem.loaded .vidTitle,
div.videoItem.loaded:hover .vidTitle,
div.videoItem.ready .vidTitle  {
	border-bottom:1px solid #2D4C6D;
	}


div.videoItem:hover .vidControl.none, .vidControl.loaded, .vidControl.cued {
   /* background-image:url('/images/play_pause_20.png');
    background-repeat:no-repeat; background-position: 0px 0px; */
}
div.videoItem:hover .vidControl.loaded, .vidControl.cued {
    /*background-image:url('/images/play_pause_20.png');
    background-repeat:no-repeat; background-position: -20px 0px; */
}

div.vidControl { 
  display:none;
  position: absolute; 
  border: 0px solid pink; 
  width:20px; height:100%;     
  background-image:url('/images/play_pause_20.png');
  background-repeat:no-repeat; background-position:0px 0px; 
}

div.videoItem.none    {background-color:#fff; }
div.videoItem.playing, div.videoItem.playing .lecture {background-color:#2D4C6D; color:#fff; }
div.videoItem.paused, div.videoItem.paused .lecture  {background-color:#2D4C6D; color:#fff; }
div.videoItem.loaded, div.videoItem.loaded .lecture  {background-color:#2D4C6D; color:#fff; }
div.videoItem.loaded:hover, div.videoItem.loaded:hover .lecture  {background-color:#2D4C6D; color:#fff; }
div.videoItem.ready, div.videoItem.ready .lecture   {background-color:#2D4C6D; color:#fff; }

/*div.vidControl.none:hover    {background-position: 0px 0px;}
div.vidControl.none    {background-position: 0px 0px;}
div.vidControl.playing {background-position: -40px 0px;background-color:#fff;}
div.vidControl.paused  {background-position: -20px 0px;}
div.vidControl.loaded  {background-position: 0px 0px;}
div.vidControl.loaded:hover  {background-position: -20px 0px;}
div.vidControl.ready   {background-position: 0px 0px;}
*/
div.collapsible {
  display: none;
  padding-top: 2px;
  border-bottom: 2px solid #fff;
  background: inherit;
}



table.program-listing { font-size:8pt; width:100%;  margin-bottom:2.0em; }
table.program-listing.events td { padding: 1.25em;}

table.courses td 		{ height:2.0em; }
table.courses thead 	{ border-bottom:none;}

.program-listing thead { border-bottom:1px solid #333333; }
.program-listing th { text-align:left; padding-left:0px; vertical-align:bottom; }
.program-listing th.subscribe { text-align:center; }
.program-listing th img { vertical-align:bottom; }
.program-listing td { padding:2px 4px 0px 0px; margin:0px; height:26pt; }
.program-listing td.course-name { /*font-size:9pt;*/ }
.program-listing td.category-name { font-weight:bold;font-size:8pt; }
.program-listing td.schedule { font-size:x-small;font-style:normal; font-weight:normal; padding-right:8px;}
.program-listing td.days {  padding-right:8px;white-space:nowrap;}
.program-listing td.time {  text-align:right; padding-right:8px; white-space:nowrap;}
/*
.program-listing .days { font-weight:bold; }
.program-listing .time { font-style:italic;float:right; }
*/
.program-listing td.view, td.listen { text-align:center;vertical-align:middle;/*padding-left:3px;*/width:36px; }
.program-listing td.date,th.date { text-align:left;padding-left:5px; padding-right:5px;width:10.0em;  }
.program-listing td.subscribe { text-align:center;vertical-align:middle;padding-left:2px;padding-right:2px; }
.course-code		{ font-weight:bold; }

#quickhelp { width:136px; margin:0px auto;position:relative;top:34px;}
#quickhelp div.item { text-align:left;font-size:x-small;margin-bottom:1.5em; }
#quickhelp div.icon { float:left;margin:0px 4px 0px 0px; position:relative;top:2px; }

#advanced-search { border-top:1px solid black;border-bottom:0px solid black;padding-top:0.25em; margin-bottom:2.0em; }

.footertext    { color: black; font-size: 7pt; font-family: " arial", " helvetica", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
strong.footertext  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt;font-weight: bold; }

#header {
	clear: both;
	height: 80px;
	padding:0 52px;
	border-bottom: 1px solid #797979;
	background:url("/images/banner_bg.png") repeat-x;
}

#header div {
	float: left;
}

#header #title {
	padding-top: 22px;
}

#header #donate {
	float:right;
	margin-right: 19px;
}

#header #search-box {
	height: 76px;
	width: 271px;
	float: right;
	background: #333333 ;
	text-align: center;
}

#header p.head-links {
	font-size: 1em;
	margin-top: 4px;
	text-align: center;
	color: #FC6;
}

#header p.head-links a:active, #header p.head-links a:focus, #header p.head-links a:link, #header p.head-links a:visited {
	color: #FC6;
}

#header p.head-links a:hover {
	color: #DDD;
}

#header #search-box form {
	display: inline;
	margin-top: 20px;
}

#search-box .advanced {
	text-align: right;
	margin-right: 30px;
}

#divider { 
	clear: both;
	height: 53px;
	overflow: hidden;
	background: #000 url(/images/divider_bg.png) repeat-x top center; 
	border-top: 1px solid #7F8486;
	position:relative;
}

#divider #tabwrapper {
	position:absolute;
	bottom:0;
	right:52px;
	
	}
#divider a {
	width:107px;
	display:inline-block;
	font-size:26px;
	text-align:center;
	color:#fff;
	}
#divider a.active {
	background:#fff;
	color:#000;
	text-shadow: #666 0.05em 0.05em 0.05em;
	-moz-border-radius-topright: .2em;
	-moz-border-radius-topleft: .2em;
	-webkit-border-top-right-radius: .2em;
	-webkit-border-top-left-radius: .2em;
	border-top-right-radius: .2em;
	border-top-left-radius: .2em;
	}

#nav {
	clear: both;
	background: #0F0F0F url(/images/footer-gradient.gif) top center repeat-x;
	height: 26px;
	text-align: center;
	color: #F5CB66;
	font-size: 11px;
	padding-top: 7px;
	border-top: 1px solid #4B4B4A;
}

#nav a:active, #nav a:focus, #nav a:link, #nav a:visited {
	color: #F5CB66;
}

#nav a:hover {
	color: #DDD;
}

#footer {
	margin: 7px auto;
	clear: both;
	text-align: center;
	font-size: 12px;
	color: black;
	line-height: 1em;
}

#footer a:link, #footer a:active, #footer a:focus, #footer a:visited { 
	color: #000066;
}

#footer a:hover {
	color: #DDD;
}

#main-container, #main-container-playlist	{ 
	float:left;
	width:100%;
	}

#main-container-search {
  margin:0 52px;
 	}
#main-container-playlist { background-color:#fff;}

/*#left-column, #center-column, #right-column, #left-2column {
  float: left; 
  overflow:hidden;  
  display:inline-block 
}
*/

#right-2column { margin-left: 680px; }
#left-column { 
	float:left;
	width:163px;
	margin-left:-100%;
	padding-left:52px;
	padding-right:30px;
	border-right:1px solid #BEC0C3;
	}

#center-column, #event_main.visible { 
	display:block;
	margin-left:265px;
	}

#event_main { 
	display:none;
	}

#right-column { width:0%;}
#left-2column { width: 670px;}
#right-2column { min-width:200px;} 

#course_list h3 { border: 0px solid green; font-weight:normal;}
#course_list div.course { border: 0px solid pink;padding: 0 0px;}
#course_list h2 {  }
.sub-selection { 
	margin: 0 20px;
	} 

h2 span.itulink a { 
  border: 0px solid pink; 
  font-size: 50%;
  margin: 0 10px;
  padding 10px 10px;
  width: 10em;;
}

#section_list h2   { 
  cursor: pointer;
  font-weight:normal;
  padding: .1em .1em .1em 2.5em;
  margin:0px 0px 0px 0px;
}
#section_list h2.selected, h2.selected:hover { 
  background-color: white;
 }
#section_list h2,a { text-decoration:none;}
#section_list h2:hover { text-decoration:none;
  background-color: #fff;
}
div#browse { padding: 1em 1em 0; color:white; font-weight:bold;}  
div#group_by { margin: 1.67em 0px 0px; font-weight:bold;}  
div.group_header { font-size: 1.333em; border: 0px solid pink; padding: 1em 0 0 1em;}
div.group_header.selected { border: 0px solid green; }

div.group_header:before {  content: url("/images/triangle_r_12.png"); }
div.group_header.selected:before {  content: url("/images/triangle_d_12.png"); }

div.padded {padding:10px;}
div.clearR { clear: right; }

.yt-rounded {
/*  border-bottom-left-radius: 7px 20px;
  border-bottom-right-radius: 7px 20px;
  border-top-left-radius: 7px 20px;
  border-top-right-radius: 7px 20px; */
}

div#detailsPanel {
  width: 640px;
  z-index: 0; 
  
}


div#detailsInfo { 
	text-align:center; 
	font-size:.9em; 
	color:#2D4C6D;
	border-bottom:1px solid #2D4C6D;
	padding:5px 0;
	}
div#detailsLinks { float:left; font-size:1.25em;}
#detailsLinks img { padding-left:12px;vertical-align: bottom;}

div.detailsRight { padding-top:15px;}
.detailsRight #viewCount { float:right; font-size: 1.4em; color: #2D4C6D;}

div#courseDescription {
  line-height:130%;
	margin:45px 0;
}




div.series {
	border-bottom:1px solid #BEC0C3;
  position: relative;
	padding:20px;
	margin-right:52px;
	min-height:97px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;

}

.series:hover {
  -moz-box-shadow: 5px 5px 5px #BEC0C3;
  -webkit-box-shadow: 5px 5px 5px #BEC0C3;
  box-shadow: 5px 5px 5px #BEC0C3;
	border-right: 1px solid #BEC0C3;
	border-left: 1px solid #BEC0C3;
	}


div.left_icon {
  display:none;
	position: relative;
  float: left;
  width: 30px;
  height: 20px;
  left: 0px;
}

div.series_title {
  
}

.series .series_links {
	visibility:hidden;
	z-index:0;
	}
.series:hover .series_links {
	visibility:visible;
	z-index:1;
	}	

div.series_sub {
  font-size: 90%;
  width: 49%;
}

div.series_links {
  font-size: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  top:16px;
  right: 0;
  width:184px;
  height:90px;
}

.series_links a {
	color:#7F8486;
	text-align:center;
	}

.series_links .playbutton {
	float:left;
	height:90px;
	width:46px;
	padding:22px 24px 0 0;
	border-right:1px solid #BFC2C3;
	}
.series_links .youtube {
	height:44px;
	width:184px;
	text-align:center;
	float:left;
	margin: 0 auto;
	}
	
.series_links .itunes {
	width:184px;
	text-align:center;
	}
.series_links .youtube a {
	}
.series_links .youtube img {
	}
.series_links .itunesaudio {
	width:184px;
	text-align:center;
	margin: 0 auto;
	}
.series_links .itunesvideo {
	width:184px;
	text-align:center;
	margin: 0 auto;
	}	


span.link img {
 vertical-align: top;
}

span.link a {
  //padding: 2px;
  color: #000;
  font-size:90%;
}

span.link:hover a:after {
content: url("/images/external.png"); 
}

div#webcast-news {
  padding: 10px;
}

div.news_item {
	padding-bottom:30px;
}

.news_item h3 {
}

.news_body {
 display: block;
 padding: 5px 10px;
 background: #f0f0f0;
 border: 1px solid #d0d0d0;
}
.news_body p {
  margin: 5px; }

.news_item h3 span { 
  margin: 0px 10px; 
  font-size: 70%;
}

.news_body.hidden {
 display: none; 
}

	
.series_subtitle {
	font-size:.8em;
	line-height:1.3em;
	max-width: 70%;	
	}

.series_subtitle .presenter {
	font-style:italic;
	color:#333;
	text-transform:uppercase;
	margin: 2px 0 8px;

	}

#selects {
	padding:10px 0;
	margin:32px 52px 40px;
	border-top:1px solid #7F8486;
	border-bottom:1px solid #7F8486;
	}
	
#cat_select, #dept_select, #sem_select, #semester_select, #department_select, #event_semester_select, #sponsor_select, #category_select {
	background: none repeat scroll 0 0 #E4E5E8;
  border: medium none;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.1em;
	color:#666666;
	padding:4px;
	}


#left-column h3 {
			}

.popcourse {
	padding: 16px 0;
	border-bottom:1px solid #A0AFBD;
	}
.popcourse h3 {
	color:#2D4C6D;
	}
#left-column a, a:link, a:visited {
	color:#2D4C6D;
	}
.videoItem .lecture {
	color:#2D4C6D;
	font-size:1.1em;
	display:block;
	padding-bottom:4px;
	}
	
#left-column a:hover {
	text-decoration:underline;
	}

.popcourse .instructor {
	font-size:.9em;
	color:#666666;
	}

#giving .sather {
	height:68px;
	}
	
#giving .blueband, #giving .grayband {
	padding:10px 12px;
	text-align:center;
	}
#giving .blueband {
	background:#2D4C6D;
	color:#fff;
	}

#giving .grayband {
	background:#9FAEBD;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.1em;
	}
	

#youtube_playlist {
	padding-left: 36px;
	width:640px;
	}

#courses_selects, #events_selects, #cat_select {
	display:none;
	}
#sem_select.invisible, #dept_select.invisible, #cat_select.invisible {
	display:none;
	}
#courses_selects.visible, #events_selects.visible, #cat_select.visible {
	display: inline;
	}

#popularcourses, #popularevents {
	display:none;
	}
#popularcourses.visible, #popularevents.visible {
	display: inline;
	}