html { background: transparent url('../images/bg_html.jpg') repeat scroll 0 0; }
body { font-family: tahoma; background: url('../images/diagbggray.jpg');  }
/* background: transparent url('../images/bg_body.png') repeat-x scroll 0 0;*/


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

#presentations {width:100%; background-color:#FFF; }
#presentations table {background-color:#FFFFFF;}
#presentations td {width:50%;}
#presentations h2 { font-size: 108%;  margin-left:20px; padding: 4px 0px 2px 0px; } 

#tabContent { margin-left:15px; margin-right:8px; height: 600px; padding: 0px; font-family:tahoma;font-size:15px; line-height:17px; color:#000; width:98%;}
#tabContent .a { height: 600px; padding: 0px; font-family:tahoma;font-size:15px; line-height:17px; color:#069;  }
#tabContent h3 { font-size: 93%; line-height: 100%; padding: 2px 0px 2px 0px; }
#tabContent a { color:#3d6f92; text-decoration: none; }
#tabContent a:hover { color:#3d6f92; text-decoration: underline; }



#presentationContentContainer { font-family:tahoma;font-size:13px; width:90%; background: #F2F2F2; height: 600px; padding: 0px; overflow:auto; border:outset; margin-top:35px; margin-right: 15px; margin-left:8px; }
/* added for right hand side */
#presentationContentContainer #presentationContent { background-color: #dbdcdd; height: 100px; padding-left: 5px; } /*style='background-color: #F2F2F2;'dbdcdd */
#presentationContentContainer #presentationContent h2 { font-size: 138.5%; line-height: 123.1%; padding: 5px 0px 0px 0px; }
#presentationContentContainer #presentationContent h3 { font-size: 93%; line-height: 100%; padding: 2px 0px 2px 0px; }
#presentationContentContainer #presentationContent a { color:#3d6f92; text-decoration: none; }
#presentationContentContainer #presentationContent a:hover { color:#3d6f92; text-decoration: underline; }

#presentationContentContainer #presentationContent img.photo { float: left; margin: 5px 10px 0px 0px; }
#presentationContentContainer #presentationContent p.links { float: right; line-height: 17px; font-size: 85%; margin: 0px 0px 0px 0px; }
#presentationContentContainer #presentationContent p.links a { text-decoration: none; color:#3d6f92; padding: 0px 0px 0px 22px; }
#presentationContentContainer #presentationContent p.links a:hover { text-decoration: underline; color:#3d6f92; }
#presentationContentContainer #presentationContent p.links a.presentation { background: transparent url('../images/icons_presentation.png') no-repeat 0px 0px; }
#presentationContentContainer #presentationContent p.links a.videoWatch { background: transparent url('../images/icons_video_watch.png') no-repeat 0px 0px; }
#presentationContentContainer #presentationContent p.links a.videoDownload { background: transparent url('../images/icons_video_download.png') no-repeat 0px 0px; }


#videos {background-color: white; width:100%; font-family:Tahoma;}
div.videos #videoContainer { background-color: white; width: 99%; margin-top: 20px; border: 1px solid #e0e0e0; }
#videos #videoContainer h1 {font-size: 108%;  margin-left:20px; padding: 4px 0px 2px 0px;}
#videos #videoContainer #videoPlayer { background-color: #F5880C; padding: 10px; margin-left: 35px; text-align: left; width: 880px; height: 417px; }
#videos #videoContainer #videoPlayer #mediaspace{ background-color: #FFFFFF; width:560px; height:405px; overflow:hidden; float:none;}
#videos #videoContainer #videoPlayer #mediaplaylist{ background-color: #EDF5FF; width: 290px; height: 408px; overflow:hidden; }
#videos #videoContainer #videoPlayer #mediaplaylist ul {color:#3d6f92;}
#videos #videoContainer #videoPlayer #mediaplaylist li {text-decoration:none; height:30px;} 
#videos #videoContainer #videoPlayer #mediaplaylist li a {text-decoration: none; color:#3d6f92; }
#videos #videoContainer #videoPlayer #mediaplaylist li a.hover{ color:#3d6f92; text-decoration:underline;}

/* Podcasts CSS */

#podcastsContainer {width:100%; background: white; font-family:Tahoma;}
#podcastsContainer h1 { line-height: 100%; margin: 0px 0px 15px 0px; padding: 0px 10px; border-bottom: 1px dashed #e0e0e0; }
#podcastsContainer h2 { font-size: 108%; margin-left:20px; padding: 4px 0px 2px 0px; }
#podcastsContainer h3 { font-size: 93%; color:#3d6f92; margin-left:20px; padding: 4px 0px 2px 0px; }
#podcastsContainer #column { float: left; width: 47%; }
#podcastsContainer #column #podcastDetail { margin-top: 10px; margin-left: 15px; height: 200px; }
#podcastsContainer #column #podcastDetail p {  margin: 0px 0px 5px 25px;color: #636363; font-size: 85%; line-height: 146.5%; text-align:justify; }
#podcastsContainer #column #podcastDetail img { float: right; margin: 5px 10px 0px 10px; }
#podcastsContainer #column #podcastDetail a { color:#3d6f92; text-decoration: none; }
#podcastsContainer #column #podcastDetail a:hover { color:#3d6f92; text-decoration: underline; }
podcastsContainer #columnMid { float: left; width: 3%; }

/* Photos CSS */

#photos_div {width:100%; vertical-align:middle;font-family:Tahoma;background-color:#FFFFFF; }
/*#photos_div table {background-color:#FFFFFF; }*/
#photos_div td {width:50%;}
#photos_div h2 { font-size: 108%; margin-left:20px; padding: 4px 0px 2px 0px; } 
#photos_div a { color:#3d6f92; text-decoration: none; }
#photos_div a:hover { color:#3d6f92; text-decoration: underline; }

#photos_div .official_photo_content 
{
	vertical-align:middle;
	display: none;
	position: absolute;
	top: 21%;
	left: 15%;
	bottom: 5px;
	width: 640px;
	height: 480px;
	padding: 0px;
	border: 6px solid orange;
	background-color: white;
	background-repeat:no-repeat;
	z-index:1002;
}

#photos_div .photo_content 
{
	vertical-align:middle;
	display: none;
	position: absolute;
	top: 21%;
	left: 15%;
	bottom: 5px;
	width: 640px;
	height: 480px;
	padding: 16px;
	border: 6px solid orange;
	background-color: white;
	background-repeat:no-repeat;
	z-index:1002;
}

#photos_div #photos_tabContent { margin-left:20px; height: 730px; padding: 0px; width:96%; background-color:#FFFFFF;}
#photos_div #photos_tabContent #photos{height:110px; overflow:auto; white-space:nowrap; border:none; width:100%; position: absolute; }