/*************************************************************

MAIN CSS

*************************************************************/
body, html, p {
	padding :0;
	margin : 0;
}
body 
{
	min-width: 800px; 
}
.clear {
	clear : both;
	height : 1px;
	width : 100%;
	padding :0;
	margin : 0;
	FONT-SIZE: 0px;
}

/******** H2 PAGE SUB-HEADER ********//******** H3 TAB-HEADERS ********/
h2, h3 {
	font : 0px Arial;
	color: #ECECEC;
	padding : 0;
	margin : 0;
	height : 1px;
}

/*************************************************************

WRAPPER CSS

*************************************************************/
#wrapper {
	 margin: 0 auto; width: 95%;
}
#header, #subnav, #footer {
	clear: both; width: 100%
}
#header {
	display :none;
}
#contentfloatholder {
	FLOAT : left; 
	WIDTH : 100%; 
	POSITION : relative;	
	background : url(../images/box-br.jpg) no-repeat right bottom;
}
#contentfloatholderdiv {
	background : url(../images/box-bl.jpg) no-repeat left bottom;
}
#centerpad {
	MARGIN: 0 11px 0 320px;
}
#center {
	FLOAT : left; 
	WIDTH : 100%; 
	MARGIN-RIGHT : -95%;
	padding-bottom : 11px;
}
#leftpad {
	 MARGIN: 3px 0 10px 10px;
}
#left {
	FLOAT: left; MARGIN-LEFT: -5%; WIDTH:  320px; height :100%;
}
#right {
	FLOAT: right; 
	WIDTH: 10px;
}
 HTML DIV#center {
	MARGIN-RIGHT: -100%
}
 HTML DIV#left {
	MARGIN-LEFT: 0px
}
/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/
.separator {
	padding-left : 9px;
	background : url(../images/line.jpg) repeat-y 0% 0%;
}
/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/
.noseparator {
	padding-left :10px;
}
/******************************************************************

BANNER

******************************************************************/
.banner 
{
	margin: 0 11px 0 10px;
	overflow: hidden;
}
/******************************************************************

PANEL BACKGROUND

******************************************************************/
.boxhead, .boxhead div {	
	height : 10px;
	padding :0;
	margin : 0;
}
.boxhead {	
	background : url(../images/box-tr.jpg) no-repeat right top;
}
.boxhead div {
	background:  url(../images/box-tl.jpg) no-repeat left top;
}
/*************************************************************

MEDIA PANEL

*************************************************************/
#mediapanel {
	padding : 0;
	margin : 0;
	margin-bottom : 8px;
}
/*************************************************************

VIDEO

*************************************************************/
#video, #videoph1 {
	padding : 0;
	margin : 0;
}
#livetext {
	padding :0;
	margin : 10px 0px;
}
#audioonly, #medialinks, .slideId, .imageId {
	display: none;
}
#livepolling {
	padding :0;
	margin : 0;
	width : 320px;
}
/***********************************************

MENU

************************************************/
#menu, #menu ul, #menu li {
	padding : 0;
	margin : 0;
}
#menu  {
	overflow:auto;
	overflow-x:hidden;
	width : 320px;
}
#menu span {
	display : none;
}
#menu ul {
	list-style: none;
}
#menu li {
	display :block;
}
#menu li a, #menu li a:hover {
	display : block;
	padding: 4px 15px;
	border: 1px solid #CFCFCF;
	text-decoration : none;
}
#menu li a:visited, #menu li a:visited:hover {
	display : block;
	padding: 4px 15px;
	color : #333333;
	border: 1px solid #CFCFCF;
	text-decoration : none;
}
#menu img {
	margin: 0 5px 0 0;
}
/************************************************

MENU TITLE HEADER

*************************************************/
#menu .titlesheader, #menu .speaker {
	display : block;
	padding : 4px 15px;
	margin : 2px 0;
	color : #FFFFFF;
	text-decoration : none;
}

/*************************************************************

SUBTITLES TEXT

*************************************************************/
#subtitles {
	margin-top : 5px;
	background-color : #000000 /*#F6F6F6*/;
	border : 1px solid #D7D7D7;
	padding : 2px 0px 3px 0px;
	text-align : center;
	_height :55px;
	min-height:55px;
}
#subtitles strong {
	width :100%;
	color : #FFFF00;
	background-color : #000000;
	font : 1.4em Courier;
	font-weight : bold;
	padding : 2px;
	line-height : 1.3em;
}
/*************************************************************

TAB PANEL

*************************************************************/
#tabpanel {
	FLOAT: left;
	WIDTH: 100%; 
	margin : 0;
	padding :0;
	clear:both;
}
/**************************************************

TABS

**************************************************/
#tabs, #tabs ul {
	margin : 0;
	padding :0;
}
#tabs ul {
	margin : auto;
}
#tabs li {
	float : left;
	display: inline;
}
.tab a {
	display: block;
	font-weight : bold;
	margin-top : 2px;
	padding : 4px 1em; 
}
.tab-selected a {
	display: block;
	background-color : #0055AF;
	color : #F6F6F6;
	border-top : 1px solid #D7D7D7;
	border-left : 1px solid #D7D7D7;
	border-right : 1px solid #D7D7D7;
	font-weight:bold;
	margin-top : 2px;
	padding : 4px  1em;   
}
.tab-selected a:hover, .tab-selected a:visited, .tab-selected a:visited:hover {
	color : #F6F6F6;  
}
/**************************************************

TABCONTENT

**************************************************/
#tabcontent {
	position : relative; 
	clear : both;
	border: 1px solid #CFCFCF;
	background-color: #F6F6F6;
	height : 580px /*1280x1244*/;
	/* height : 330px 1024x768;  
	overflow : hidden; */
}
.textfield {
	height : 100%;
	overflow : auto;
}
.textfield h4, .textfield i, .textfield p {
	margin : 30px 0 10px 30px;
	width : 90%;
}
.textfield i {
	margin : 10px 0 15px 30px;
}
.textfield p {
	margin-left : 30px;
	margin-top : 10px;
}
.textfield a, .textfield a:hover, .textfield a:visited, .textfield a:hover:visited {
	font-weight : bold;
	text-decoration : underline;
}
.textfield br {
	height: 10px;
}
#feedback {
	margin-left : 30px;
}
#feedback p, #feedback b {
	padding : 0;
	margin : 22px 0 5px 0;
	line-height : 10px;
} 
#feedback-btn {
	margin-top :10px;
}
/**************************************************

SLIDES

**************************************************/
#htmlslides, #slides 
{
    position : absolute;
	width : 99.7%;
	height : 99.7%;
}
#htmlslides {
	background-color : #CCCCCC;
	z-index : 1;
	border : 0;
}
#slides {
	float :left;
	display : none;
	z-index : 2;
}
#comments {
 	width : 60%;
}
/*************************************************************

FOOTER

*************************************************************/
#footer, #footer a:link, a:hover, a:visited, a:visited:hover {
	text-decoration : none; 
	color : #999999 ;
}