body {
	font: 90% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
        line-height:	1em;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

div, h1, h2, h3, h4, form, input, select, option, ul, li {
	margin:	0;
	padding:	0;
}
p {
   text-align:justify;
	margin:	0;
	padding:	0; 
}
img {
	margin:	0;
	padding:	0;
	border:	0;
}
div.body img {
       /* padding: 15px;*/
}
hr {
      	margin:	10px 0 10px 0;
	padding: 0;
        border: 1px solid #ccc;
        height: 1px;
}
h1, h2, h3 {
                line-height: 1.2em;
                padding-bottom: 5px;
                color:  #666;
}
h4 {
                line-height: 1.2em;
                padding-top: 3px;
                padding-bottom: 5px;
                color:  #444;
}
li {
                margin-left: 1.5em;
                margin-bottom: 0.5em;
}
ul li{
                margin-top: 0.3em;
                line-height: 1.3em;
}

a {
	outline:	0;
}

.alert {
 font-weight: bold;
 color: #990000;
}
td {
               line-height: 1.2em;
}
/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:visited{
            color: #993333;
            text-decoration: none;
}
a:hover, a:active, a:focus
 {
	text-decoration: underline;
	color:#000066;
}
.clear {
	clear:	both;
	height:	0px;
	font-size: 0px;
	line-height: 0px;
}

/*-------------------------------------
 	Layout
---------------------------------------*/
#wrapper {
	/*border:solid 1px #039;*/
	margin: 15px auto 20px auto;
	width: 960px;
	text-align: left;
}
#header {
	background: url(/images/template/header_bg.png) no-repeat;
	width: 100%;
}
#container {
	width: 100%;
	background: url(/images/template/footer_bg.png) no-repeat bottom;
	clear: both;
                z-index:1;
}
#header_top {
	padding-top: 8px;
	padding-bottom: 6px;
}
#header_left {
	float: left;
	margin-left: 8px;
	width: 548px;
	height: 62px;
}
#header_right {
	margin-left: 576px;
	margin-right: 8px;
	width: 370px;
	height: 62px;
	text-align: right;
	background: url(/images/template/tomorrow_matters.gif) no-repeat bottom right;
}
#header_bottom {
	margin-bottom: 3px;
}
#menu {
	width: 800px;
	float: left;
	padding: 3px 0;
       position: relative;
       z-index:100;
}
#search {
	margin-left: 802px;
	width: 154px;
	height: 28px;
	background: url(/images/template/searchbox.gif) no-repeat bottom right;
}
#searchfield {
	border:none;
	margin: 5px 3px 5px 8px;
	width: 136px;
	background: transparent;
}
#slides {
	margin-bottom: 25px;
        height: 420px;
        position: relative;
        z-index: 1;
}
#ylp {
	float: left;
	width: 468px;
	margin-left: 10px;
        text-align:justify 
}
#updates {
	margin-left: 510px;
	width: 440px;
}
table#newsletter {
      font: 11.5px Arial, Verdana, sans-serif;
}

h3 {
	padding: 0;
	margin-top: 5px;
        margin-bottom: 5px;
	font-weight: bold;
	color: #933;
}
h4 {
   	color: #933;
}
.quote {
	color: #600;
	font-style: italic;
        font-size: 0.9em;
        margin: 8px;
}
.titlebar {
	width: 423px;
	height: 36px;
	padding-top: 14px;
	padding-left: 14px;
	background: url(/images/template/title_bar.gif) no-repeat top left;
	color: #600;
	font-weight: bold;
}
.titlebar img {
        margin-right: 8px;
        margin-bottom: 6px;
}
.titlebar_s {
	/*width: 260px;*/
	height: 24px;
	padding-top: 10px;
	padding-left: 0px;
        margin-right: 5px;
        border-bottom: 3px solid #ccc;
	color: #600;
	font-weight: bold;
        margin-top: 10px;
}

#footer {
	width: 100%;
	clear:both;
	font-size: 0.7em;
        padding-top: 10px;
}
#footer_left {
	float: left;
	width: 480px;
	height: 30px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#footer_right {
	margin-left: 520px;
	padding-bottom: 10px;
	width: 435px;
	height: 30px;
}
.items {
         margin-left: 15px;
         margin-right: 10px;
         margin-bottom: 10px;
         font-size: 90%;
}
#upcoming {
         background: url(/images/template/upcoming_bg.png) no-repeat;
         width: 460px;
         _width: 300px;
         height: 140px;
         padding: 10px 10px 10px 160px;
         margin-top: 4px;
}
.upcoming_prev {
         float: left;
         height: 155px;
         width: 32px;
         margin: 0;
         padding: 0;
         display: block;
}
.upcoming_next{
         height: 155px;
         margin: 0;
         padding: 0;
        display: block;
}
.previous_prev {
         float: left;
         height: 155px;
         width: 32px;
         margin: 0;
         padding: 0;
         display: block;
}
.previous_next{
         height: 155px;
         margin: 0;
         padding: 0;
        display: block;
}
.upcoming_programme, .previous_programme{
         float: left;
         height: 155px;
         font-size: 0.8em;
         display: block;
         margin: 0;
         padding: 0;
         text-align: center;
}
.upcoming_programme li, .previous_programme li {
        margin: 0;
        padding: 1px;
}
.thumbnail {
        height: 150px;
        width: 100px;
        display: block;
}
.thumbnail a {
       text-decoration: none;
}
.date {
          color: #666;
          margin-bottom: 3px;
          margin-top: 10px;
          font-size: 0.9em;
}
.title {
            font-weight: bold;
            margin-bottom: 3px;
            margin-top: 5px;
            line-height: 1.15em;
}
.fulltitle {
            font-size: 1.4em;
            line-height: 1.2em;
            margin-bottom: 15px;
            margin-top: 20px;
            color: #555;
            clear: both;
}
.title_line {
    font-size: 0.9em;
}
.title a:link, .title a:visited, .title_line a:link, .title_line a:visited{
            color: #333;
}
.title a:hover, .title a:active, .title a:focus, .title_line a:hover, .title_line a:active, .title_line a:focus
 {
	text-decoration: underline;
	color:#339;
}
.hometitle {
        color:#900;
        font-size: 1.2em;
}
.breadcrumb {
        font-size: 0.8em;
}
.paginate {
        font-size: 0.8em;
        margin: 15px 0;
        color: #666;
}
.comments {
            color: #666;
            font-size: 0.9em;
            padding: 4px;
            border-bottom: 1px solid #ddd;
}
.comments-link {background: transparent url(/images/template/comment.gif) no-repeat 0 0; padding-left: 18px;}
.more-link {background: transparent url(/images/template/page_white_text.gif) no-repeat 0 0; padding-left: 18px; padding-top: 2px; height: 22px;}
.summary {
            margin-bottom: 3px;
}
.side {
            float: right;
            width: 190px;
            padding: 10px;
            margin: 5px 0px 10px 15px; 
            line-height: 1.2em;
            background-color: #eee;
            border: 1px solid #ced8ec;
            font-size: 0.9em;            
}
.highlight {
            margin: 5px 0px 15px 0px;
            padding: 10px;
            line-height: 1.2em;
            background-color: #eee;
            border: 1px solid #ced8ec;            
}
.highlight a:link, .highlight a:visited {
            color: #333366;
}
.highlight2 {
            margin: 5px 0px 15px 0px;
            padding: 10px;
            line-height: 1.2em;
            background-color: #fff;
            border: 1px solid #bab79e;            
}
.box {
            margin: 5px 0px 10px 0px;
            padding: 5px;
            height: 90px;
            line-height: 1.2em;
            border: 1px solid #fff;           
}
.noborderbox {
            margin: 0px 5px 5px 10px;
            padding: 5px;
            line-height: 1.2em;
            float: right;
            background-color: #efefef;        
}

.highlight3 {
            margin: 5px 0px 15px 0px;
            padding: 10px;
            line-height: 1.2em;
            background-color: #efefef;           
}
.rightside a:link, .rightside a:visited {
            color: #000084;
}
.rightside h4 {
            color: #fff;
            background: #000084;
            margin: 0;
            padding: 5px;
            font-size: 1.0em;
}
.rightside li {
            padding: 3px 5px 0px 5px;
}
.line{
	border-bottom: 1px #bab79e solid;
                margin-top: 10px;
	margin-bottom: 10px;
}
.keywords {
            margin-bottom: 3px;
            margin-top: 20px;    
}

.left {
            text-align: left;
            float:left;
            line-height: 1.2em;
}
.right {
            text-align: right;
            font-size: 0.8em;
            font-weight: normal;
}
.margin {
            margin-left: 0px;
            margin-right: 20px;
            margin-top: 10px;
            line-height: 1.2em;
            
}
.frame {
            padding: 10px;
            margin-bottom: 10px;
            line-height: 1.2em;
            border-bottom: 1px solid #ccc;
            background-color: #eee;            
}
.entry {
           padding-left: 10px;
           padding-right: 10px;
           padding-top: 10px;
           margin-bottom: 5px;
           margin-top: 5px;
           border: #d2d2d2 1px solid;
           background-color: #f2f2f2;
}

#ylpproject {
            margin-bottom: 10px;
            padding: 5px;
            line-height: 1.2em;
            background-color: #eee;
            border: 1px solid #ced8ec;
}
#content {
	padding:0;
	margin: 20px 0 0 0;
        height: 100%;
        text-align: left;
}

#content img {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 2px;
        padding-left: 6px;
}
#content td img {
       padding: 0;
}
#content p img {
     /*  padding: 4px;*/
}
#content p {
	line-height: 1.3em;
                padding-bottom: 0.8em;
}
#content_home {
	padding:0;
	margin: 35px 0 0 0;
}
#content_search {
	padding:0;
	margin: 25px 0 0 0;
        height: 100%;
}
#content_home img {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 2px;
}
#content_home p {
	line-height: 1.3em;
                padding-bottom: 0.8em;
}

.contentbox {
              
}

#contentleft {
	float: left;
	width: 70%;
	min-height: 398px;
        margin-left: 10px;
        margin-right:10px;
        background: url(/images/template/dot.gif) right repeat-y;
}

#contentright {
	margin-left: 71%;
	width: 22%;
	min-height: 398px;
	padding: 16px;
                padding-top: 3px;
                height:100%;
                font-size: 0.9em;
}
#content_l {
	float: left;
                width: 67%;
	min-height: 640px;
                background: url(/images/template/dot.gif) right repeat-y;
}

#content_r {
                margin-left: 68%;
                width: 27%;
	min-height: 640px;
	padding: 16px;
                padding-top: 3px;
}
#sectionleft {
	float: left;
	width: 43%;
	min-height: 640px;
	padding: 16px;
                padding-top: 3px;
	padding-left: 20px;
                padding-right: 25px;
                background: url(/images/template/dot.gif) right repeat-y;
}

#sectionright {
	width: 41%;
	margin-left: 51%;
	min-height: 640px;
	padding: 16px;
                padding-top: 3px;
}

/* Menu */
.sf-menu {
	margin: 0px 10px 0 10px;
	height: 24px;
	padding: 0;
	text-align: left;
}

.sf-menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9;
}

.sf-menu ul ul {
	top: 24px;
	position: absolute;
	left: -999em;
	width: 210px;
	margin: 0;
	padding: 0;
}

.sf-menu ul ul ul {
	margin: -24px 0 0 198px;
}

.sf-menu li {
	float: left;
	padding: 0;
        margin: 0;
	height: 24px;
	position: relative;
}

.sf-menu li li {
	float: left;
	padding: 0;
        margin: 0;
	width: 210px;
	background: #eee;
}

.sf-menu a, .sf-menu a:hover {
        font-size: 0.9em;
        color: #333;
	font-weight: bold;
	float: left;
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 7px;
	overflow: hidden;
}

.sf- li li a, 
.sf-menu li li a:hover {
	padding: 0;
        margin: 0;
	text-indent: 7px;
	width: 198px;
}

.sf-menu li:hover ul ul, 
.sf-menu li:hover ul ul ul,
.sf-menu li:hover ul ul ul ul {
	left: -999em;
}

.sf-menu li:hover ul, 
.sf-menu li li:hover ul, 
.sf-menu li li li:hover ul, 
.sf-menu li li li li:hover ul{
	left: 0;
}

.sf-menu li.selected a, 
.sf-menu li li.selected a{
	color: #333;
}

.sf-menu li:hover,
.sf-menu ul li:hover {
	background: #ccc;
	color: #333;
}

.sf-menu li:hover a,
.sf-menu li:hover a:link,
.sf-menu li li:hover a {
	color: #333;
}

.sf-menu li {
/*	border-left: 1px solid #355079; */
	border-right: 1px solid #ccc;
	margin-left: 2px;
}

.sf-menu li li {
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #aaa;
	margin-left: 0px;
}

.sf-menu-after {
	height: 0;
}

.sf-menu ul li {
	/*margin: 3px 0 0 0;*/
        margin: 0;
}

.sf-menu ul li.selected {
	/*border-bottom: 3px solid #cdd7e4;*/
}

.sf-menu ul li li.selected {
	background: #ccc;
}


/* ---  side menu --- */
#sidemenu {
      margin-bottom: 22px;
}
#sidemenu li {
      list-style: none;
      margin: 0;
      padding-top: 5px;
      padding-bottom: 3px;
      padding-left:5px;
      border-bottom: 1px solid #bab79e;
      background-color: #fff;
}
#sidemenu li.current {
       background-color: #ecead8;
}
.sidetitle {
      padding: 5px;
      background-color: #993333;
      font-family:  Arial, Helvetica, sans-serif;
      color: #ffffff;       
}
.sidetitle2 {
      padding: 5px;
      background-color: #fff;
      border-bottom: 2px solid #993333;
      border-top: 1px solid #993333;     
      font-family:  Arial, Helvetica, sans-serif; 
}
.sidetitle3 {
      padding: 5px;
      background-color: #666666;
      font-family:  Arial, Helvetica, sans-serif;
      color: #ffffff;       
}
.sidetitle a:visited, .sidetitle a:link, .sidetitle3 a:visited, .sidetitle3 a:link{
      font-weight: bold;
      color: #ffffff;          
}
.sidetitle2 a:visited, .sidetitle a:link{
      font-weight: bold;          
}

.sidesub {
     padding: 5px 0 5px 20px;
     line-height: 1.2em;
}
.links {
    padding: 0;
    margin: 0;
}
.capitalized a:link, .capitalized a:visited {
            color: #333366;
            text-transform: capitalize;
}
 
/* video */
/*{{{ general playlist settings, light gray */
div.playlist {
	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

div.playlist_s {
	position:relative;
	overflow:hidden;	 	
	height:200px !important;
}

div.playlist div.clips {	
	position:absolute;
	height:20000em;
}

div.playlist_s div.clips_s {	
	position:absolute;
	height:20000em;
}

div.playlist, div.clips {
	width:260px;	
}

div.playlist_s, div.clips_s {
	width:168px;	
}

div.clips a {
	background:url(/images/template/h80.png);
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips_s a {
	background:url(/images/template/h80.png);
	display:block;
	background-color:#fefeff;
	padding:4px 4px;
	/*height:27px;*/
	width:140px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips_s a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(/images/template/light.png) no-repeat 0px -69px;
	width:225px;
	border:0;
}

div.clips_s a.playing, div.clips_s a.paused, div.clips_s a.progress {
	background:url(/images/template/light_mini.png) no-repeat 0px -69px;
	width:168px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips_s a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips_s a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips_s a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#f00;
}	

div.clips_s a em {
	font-style:normal;
	color:#f00;
}	

div.clips a:hover {
	background-color:#f9f9fa;		
}

div.clips_s a:hover {
	background-color:#f9f9fa;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}

div.clips_s a.playing:hover, div.clips_s a.paused:hover, div.clips_s a.progress:hover {
	background-color:transparent !important;		 
}

/*}}}*/


/*{{{ petrol colored */

div.clips.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

div.clips_s.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
	background:url(/images/template/dark.png) no-repeat 0px -69px;
	border:0;
}

div.clips_s.petrol a.playing, div.clips_s.petrol a.paused, div.clips_s.petrol a.progress {
	background:url(/images/template/dark.png) no-repeat 0px -69px;
	border:0;
}

div.clips.petrol a.paused {
	background-position:0 0;	
}

div.clips_s.petrol a.paused {
	background-position:0 0;	
}

div.clips.petrol a span {
	color:#aaa;
}

div.clips_s.petrol a span {
	color:#aaa;
}

div.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

div.clips_s.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}

div.clips.petrol a:hover {
	background-color:#274D58;		
} 

div.clips_s.petrol a:hover {
	background-color:#274D58;		
} 
div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}

div.clips_s.petrol a.playing:hover, div.clips_s.petrol a.paused:hover, div.clips_s.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	height:32px;
}

div.clips_s.low a {	
	height:30px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
        background-image:url(/images/template/light_small.png); 
	background-position:0 -55px;
}

div.clips_s.low a.playing, div.clips_s.low a.paused, div.clips_s.low a.progress {
	background-image:url(/images/template/light_mini.png);
	background-position:0 -36px;
}

div.clips.low a.paused {
	background-position:0 0;	
}
div.clips_s.low a.paused {
	background-position:0 0;	
}

/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/images/template/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go_s {
	display:block;
	width:18px;
	height:18px;
	background:url(/images/template/up.png) no-repeat;
	margin:3px 0 3px 73px;
	cursor:pointer;
}
/* container has a background image */
a.player {	
	margin-top:40px;
	display:block;
        border: solid 1px #999;
	background:url(/images/template/video_bg.png) no-repeat;
	width:380px;
	height:280px;
	padding:0px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
a.player_s {	
	/*margin-top:26px;*/
	display:block;
        border: solid 1px #999;
	background:url(/files/image/CN_TEDX_S.png) no-repeat;
	width:258px;
	height:190px;
	padding:0px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}
a.player_s img {
	margin-top:80px;
	border:0;	
}
/*}}}*/