/* CSS Document */
body {
	font : 0.7em Arial;
	color: #333333;
}
/******************************************************************

CHANGE LINKS [AND TAB TEXT] 

******************************************************************/
a:link {
	text-decoration : none;
	color: #333333; 
}
a:hover {
	text-decoration : none; 
	color: #F34C4C;
}
a:visited {
	text-decoration : none;
	color: #333333; 	 
}
a:visited:hover {
	text-decoration : none;	 
	color: #F34C4C;
}
/******************************************************************

					******** TITLE ********

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

/******** PAGE HEADER ********/
h1 {
	text-align:left;
	font : 1.9em Arial;
	color: #292C56;
	padding : 0;
	margin : 0;
	margin-top : 9px;
}	
/*************************************************************

BANNER LOGO PLACEMENT

*************************************************************/
/* LOGO LEFT */
.banner {
	background : url(../images/branding/banner.jpg) no-repeat 0% 0%;
	height : 55px;
	border : 1px solid #CFCFCF;
	background-color : #FFFFFF;
	margin : 0 10px 5px 10px;
}
.banner h1 {
	float : right;
	color: #28284C;
	padding : 0;
	margin : 15px 20px 0 0;
	letter-spacing: 0px;
}
/*************************************************************

MENU

*************************************************************/
#menu li a {
	color : #333333;
	background-color : #F6F6F6;
	border : 1px solid #D7D7D7;
	font-weight : bold;
}
#menu li a:hover {
	background-color: #F34C4C;
	color : #F6F6F6;
	border : 1px solid #D7D7D7;
	font-weight : bold;
}
#menu li a:visited {
	color : #333333;
	background-color : #F6F6F6;
	border : 1px solid #D7D7D7;
	font-weight : bold;
}
#menu li a:visited:hover  {
	background-color: #F34C4C;
	color : #F6F6F6;
	border : 1px solid #D7D7D7;
	font-weight : bold;
}
.topic-selected {
	background-color: #F34C4C;
}
/*************************************************************

CHANGE MENU TITLE HEADER

*************************************************************/
#menu .titlesheader {
	background-color: #424242;
	border : 1px solid #424242;
	color : #F6F6F6;
	margin-bottom : 2px;
	font-weight : bold;
}
#menu .speaker {
	background-color: #424242;
	border : 1px solid #424242;
	color : #F6F6F6;
	margin-bottom : 2px;
	font-weight : bold;
}
/**************************************************

TABS

**************************************************/
#tabs {
	margin : 0;
	padding :0;
}
#tabs ul {
	margin : 0;
	padding :0;

}
#tabs li {
	float : left;
	display: inline;
	margin : 0;
	padding :0;
}
.tab a {
	background-color : #F6F6F6;
	color: #333333;
	font-weight : bold;
	border-top : 1px solid #D7D7D7;
	border-left : 1px solid #D7D7D7;
	border-right : 1px solid #D7D7D7;
}
.tab a:hover {
	background-color: #F34C4C;
	color : #FFFFFF;
	border-top : 1px solid #D7D7D7;
	border-left : 1px solid #D7D7D7;
	border-right : 1px solid #D7D7D7;
}
.tab a:visited {
	background-color : #F6F6F6;
	color: #333333;
	border-top : 1px solid #D7D7D7;
	border-left : 1px solid #D7D7D7;
	border-right : 1px solid #D7D7D7;
}
.tab a:visited:hover {
	background-color: #F34C4C;
	color : #FFFFFF;
	border-top : 1px solid #D7D7D7;
	border-left : 1px solid #D7D7D7;
	border-right : 1px solid #D7D7D7;
}
.tab-selected a {
	background-color: #424242;
	color : #F6F6F6;
	font-weight : bold;
}
.tab-selected a:hover {
	background-color: #424242;
	color : #F6F6F6;
}
.tab-selected a:visited {
	background-color: #424242;
	color : #F6F6F6;
}
.tab-selected a:visited:hover {
	background-color: #424242;
	color : #F6F6F6;
}
#transcript {
	color : #F34C4C;
	font-weight : bold;
	text-decoration : underline;
}
#transcript:hover {
	color : #333333;
	font-weight : bold;
	text-decoration : underline;
}
#feedback b {
	color : #CC0000;
}