/*
light blue = #666666
dark blue = #FFFF99 #FFFF99
main BG colour = #333333

light grey = #868686
dark grey = #333333
yellow = #FFFF99

*/

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link {
	color: #FFFF99;
	font-weight:normal;
	text-decoration:underline;
}
a:visited {
	color: #FFFF99;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	
}
a:active {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
}


h1{
	font-size: 18px;
	color:#FFFF99;
	text-transform: none;
	margin: 0px 0px 5px 2px;
	padding: 0px;
	font-weight: bold;
}

h2{
	font-size: 16px;
	color:#FFFF99;
	text-transform: none;
	margin: 0px 0px 5px 2px;
	padding: 0px;
	font-weight: bold;
}

h3{
	font-size: 14px;
	color:#FFFF99;
	text-transform: none;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	font-weight: bold;
}


p {
margin:0px;
padding: 3px 0px 3px 2px;
}


.topTitle{
height: 74px;
text-align:center;
}

.topTitle h1{
	font-size: 22px;
	color:#FFFFFF;
	text-transform: none;
	margin: 10px 0px 5px 2px;
	padding: 0px;
	font-weight: normal;
}

.topTitle h2{
	font-size: 16px;
	color:#FFFF99;
	text-transform: none;
	margin: 10px 0px 5px 2px;
	padding: 0px;
	font-weight: normal;
}



#container
{
width: 742px;
margin: 5px auto;
padding: 0px;
background-color: #333333;
color: #CCCCCC;
border: 0px solid #999999;
}


#content
{
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
width: 730px;
background-color: #333333;
border-width: 0px;
border-color:#CCCCCC;
border-style: solid;
min-height: 380px;
}

/* for IE */
* html #content {
height: 380px;
}

.header{
	width: 730px;
	height: 22px;
	/*background:url(../images/headerTile.gif);*/
	padding: 0px;
	margin-bottom: -6px;
	margin-top: 6px;
	background-color:#868686;
}

.header h1{
	font-size: 12px;
	color:#FFFF99;
	text-transform: none;
	margin: 0px ;
	padding: 2px 0px 0px 7px;
	font-weight: bold;
}

#framecontent
{
	width: 400px;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	height: 314px;
	overflow:auto;
	background:#333333;
}

/* for IE
* html #framecontent {
height: 300px;
}
 */
 
#framecontent h1{
padding: 16px 0px 0px 10px;
background:#333333;
}

.eventTitle{
	width: 330px;
	height: 65px;
	margin: 5px;
	text-align:center;
}

.eventTitle h1{
	/*font-family: tahoma, Arial,  sans-serif;*/
	font-size: 14px;
	color:#666666;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.eventTitle h2{
	/*font-family: tahoma, Arial,  sans-serif;*/
	font-size: 14px;
	color:#FFFF99;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}


.infobox{
color:#FFFFFF;
background-color:#333333;
margin: 3px 0px 3px 0px;
padding:3px 5px 3px 5px;
}


.supportBox{
margin-left:0px;
font-size: 18px;
text-align:center;
height: 300px;
}


.holder{
padding: 2px 4px 10px 4px;
border: solid 0px #1C6892;
}

.tableHead{
	background-color:#FFFFFF;
	color: #FFFF99;
	font-size: 100%;
	font-weight: bold;
}

.rowDark{
	background-color:#333333;
	color: #FFFF99;
	font-size: small;
}

.rowLight{
	background-color:#333333;
	color: #FFFF99;
	font-size: small;
}


.clear{
clear: both;
/*width: 90%;*/
}

.to-right{
float: right;
}

.to-left{
float: left;
}

.blue{
color: #FFFF99;
}

.outline{
border: 0px solid #999999;
margin-bottom:1px;
color: #FFFF99;
}

.boxheight{
min-height: 340px;
}

/* for IE */
* html .boxheight {
height: 340px;
}


.form_button{
margin: 1px;
padding: 1px 3px 1px 3px;
background-image: url(../images/buttonBG_up.jpg);
/*background-color: #F0F0F0;*/
border: 1px solid #999999;
font-family: Tahoma, Arial,  sans-serif;
color: #333333;
font-size: 11px;
font-weight: normal;
overflow:hidden;
display:block;
/*text-transform:uppercase;*/
}

.button a{
margin: 1px;
padding: 1px 3px 1px 3px;
background-image: url(../images/buttonBG_up.jpg);
/*background-color: #F0F0F0;*/
border: 1px solid #999999;
font-family: Tahoma, Arial,  sans-serif;
color: #333333;
font-size: 11px;
font-weight: normal;
overflow:hidden;
display:block;
text-decoration:none;
/*text-transform:uppercase;*/
}

.buttonlive a{
margin: 1px;
padding: 1px 3px 1px 3px;
background-image: url(../images/buttonBG_up.jpg);
/*background-color: #F0F0F0;*/
border: 1px solid #999999;
font-family: Tahoma, Arial,  sans-serif;
color: #333333;
font-size: 11px;
font-weight: normal;
overflow:hidden;
display:block;
text-decoration:none;
/*text-transform:uppercase;*/
}


.button a:visited{
margin: 1px;
padding: 1px 3px 1px 3px;
text-decoration:none;
color: #333333;
background-image: url(../images/buttonBG_up.jpg);

}


.button a:hover{
margin: 1px;
padding: 1px 3px 1px 3px;
text-decoration:none;
color: #333333;
background-image: url(../images/buttonBG_over.jpg);

}


#footer
{
	clear: both;
	margin: 1px 0px 0px 0px ;
	padding: 2px;
	color: #FFFF99;
	min-height:24px;
	border-top: 0px solid #000000;
	text-align:center;
	font-size: 12px;
	font-weight: normal;
	width: 736px;
	background-color: #333333;
	border-width: 1px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style: solid;
}

/* for IE */
* html #footer {
margin-bottom: -8px;
height:24px;
}

#footer img{
margin-top: 3px;
border: 0px solid #999999;
}

#footerBottom{
	background:url(../images/bottomRounded.gif) no-repeat left bottom;
	width: 742px;
	height: 7px;
}


/** VIDEO AND SLIDE WINDOW STYLES**/

.vidtop{
	/*background:url(../images/vidtopBG.jpg) no-repeat left top;*/
	width: 326px;
	height: 21px;
	text-align:center;
}

.vidtop h1{
	font-size: 12px;
	color:#FFFF99;
	text-transform: none;
	margin: 0px;
	padding-top: 4px;
	font-weight: bold;
}

#vidHolder{
width: 320px;
min-height: 310px;
border: 0px solid #999999;
background-color:#333333;
margin: 0px;
padding: 2px;
float: left;

}

/* for IE */
* html #vidHolder{ 
margin-left: 0px;
height: 310px;
}

#frameHolder{
width: 400px;
height: 314px;
border: 1px solid #CCCCCC;
background-color:#333333;
margin-left:2px;
padding: 0px;
float: left;
}

.textFieldHolder{
padding: 0px;
height: 30px;
width: 730px;
clear: right;
}

.speakerInfoHolder{
color:#FFFF99;
text-indent:2px;
font-size:10px;
width: 324px;
height: 40px;
float: left;
margin: 0px; 
padding: 0px;
}


.speakerInfo{
color:#333333;
width: 320px;
height: 26px;
background-color:#FFFFFF;
border: 1px solid #999999;
/*float: left;
margin-top: 5px;*/
padding: 2px;
}

.captionsHolder{
color:#FFFF99;
text-indent:2px;
font-size:10px;
width: 400px;
height: 40px;
float: left;
margin-left:4px; 
padding: 0px;
}

/* for IE */
* html .captionsHolder{ 
margin-left: 2px;
}

.captions{
color:#333333;
width: 396px;
height: 26px;
background-color:#FFFFFF;
border: 1px solid #999999;
/*float: left;
margin:5px 0px 0px 2px;*/
padding: 2px;
}

.testbox{
padding: 20px;
}


.logosright{
float:right;
width:200px;
background-color: #FFFFFF;
}

.logosleft{
float:left;
width:200px;
background-color: #FFFFFF;
}

#dropdown {
margin:4px 0px 0px 0px;
padding:0px;
height:20px;
/*float:left;*/
}

.list {
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10px;
background-color: #FFFFFF;
border: 0px solid #000000;
width: 318px;
}

.listSmall {
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
background-color: #FFFFFF;
border: 1px solid #666666;
width: 266px;
}



/** site map styles below **/

#siteMap {
	float:left;
	width: 740px;
	min-height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #F39901;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#siteMap ul {
    margin:0px;
	padding:0px 0px 0px 0px;
    padding:0px;
    list-style:none;
    }
	
#siteMap li {
    float:left;
	/*background:url(../images/navTab_right.gif) no-repeat right top;*/
	/*margin:3px 6px 3px 0px;*/
	margin:0px;
    padding:0px;
    }


#siteMap a {
    display:block;
    /*background:url(../images/buttonLine.gif) no-repeat right top;*/
    padding:6px 10px 5px 10px;
	color:#FFFF99;
	/*background-color:#6F086F;*/
	border: 0px solid #000000;
	text-decoration:none;
	font-weight: normal;
    }
	
#siteMap a:visited {
    display:block;
    /*background:url(../images/buttonLine.gif) no-repeat right top;*/
    padding:6px 10px 5px 10px;
	color:#FFFF99;
	/*background-color:#6F086F;*/
	border: 0px solid #000000;
	text-decoration:none;
	font-weight: normal;
    }
		

#siteMap a:hover {
    display:block;
    /*background:url(../images/buttonLine.gif) no-repeat right top;*/
    padding:6px 10px 5px 10px;
	color:#FFFFFF;
	/*background-color:#6F086F;*/
	border: 0px solid #000000;
	text-decoration:underline;
	font-weight: normal;
  }
	
	
#siteMap #current {
   /* background-image:url(../images/navTab_rightOn.gif);*/
	
    }
	
#siteMap #current a {
    display:block;
    /*background:url(../images/buttonLine.gif) no-repeat right top;*/
    padding:6px 10px 5px 10px;
	color:#FFFFFF;
	/*background-color:#6F086F;*/
	border: 0px solid #000000;
	text-decoration:none;
	font-weight: normal;
}









