/*
main red #D82926

*/

html, body {
margin: 0; padding: 0; border: 0;
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color:#999999; 
scrollbar-shadow-color: #999999; 
/*scrollbar-3dlight-color: #FFFFFF; */
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #666666; 
/*scrollbar-darkshadow-color: #680F15; */
scrollbar-base-color: #666666;

}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background:url(../images/stripe.gif);*/
	background-color:Transparent;
}

.test {

	background:url(../images/stripe.gif);
	
	/*background-color:Transparent;*/
}

.topBanner{
width: 756px;
height:90px;
background-color:#FFFFFF;
}

#top{
width: 600px;
height:196px;
background-color:#FFFFFF;
/*background:url(../images/bannerBG.png) no-repeat left top;*/
}

/* for IE */
* html #top {
margin-bottom: -5px;
}

.yes td {
    background:blue;
		color:white;
		font-family: Verdana Arial Helvetica sans-serif;
}
		
a:link {
	color: #D82926;
	font-weight:normal;
	text-decoration:underline;
}
a:visited {
	color: #D82926;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
	
}
a:active {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}


h1{
	font-size: 14px;
	color:#000000;
	text-transform: none;
	margin: 0px 0px 2px 5px;
	padding: 0px;
	font-weight: bold;
}

h2{
	font-size: 12px;
	color:#000000;
	text-transform: none;
	margin: 0px 0px 2px 5px;
	padding: 0px;
	font-weight: bold;
}

h3{
	font-size: 12px;
	color:#000000;
	text-transform: none;
	margin: 0px 0px 2px 2px;
	padding: 0px;
	font-weight: bold;
}


p {
margin:0px;
padding: 5px;

}

hr{
height: 1px;
color:#CCCCCC;
}

#container
{
width: 600px;
/*margin: 0px auto;*/
padding: 0px;
color:#666666;
border: 0px solid #CCCCCC;
/*background:url(../images/mainBG.png) repeat-y;*/

}


#content
{
border-left: 0px solid #0195D3;
border-right: 0px solid #0195D3;
margin-top: 5px;
width: 600px;
height: 500px;
background-color:#FFFFFF;
/*overflow:auto;*/
}

/* for IE 
* html #content {
height: 365px;
}
*/

.welcome{
width: 600px;
height: 160px;
}

.welcome h1{
font-size: 24px;
color:#000000;
font-weight: bold;
}

.welcome h2{
font-size: 20px;
color:#000000;
font-weight: bold;
}


.infobox{
color:#666666;
margin: 3px 0px 3px 0px;
padding:3px 8px 3px 5px;
text-align:left;
background-color:#FFFFFF;
}

.infobox p {
line-height: 130%;
padding: 0px;
text-align:justify;
}


.chatholder{
/*width: 260px;*/
width:46%;
/*border: 0px solid #CCCCCC;*/
height: 560px;
float: right;
margin: 0px;
padding: 0px;
}

*html .chatholder{
width: 264px;
height: 560px;
}

.chatholder2{
width: 260px;
border: 0px solid #CCCCCC;
height: 330px;
float: right;
}



.chat{
width: 250px;
border: 1px solid #CCCCCC;
height: 330px;
margin: 6px 5px 5px 2px;
overflow:auto;
float: right;
font-size:10pt;
}

.chatbig{
width: 100%;
/*border: 1px solid #CCCCCC;*/
height: 330px;
margin: 6px 5px 5px 2px;
overflow:auto;
float: left;
font-size:10pt;
}

.chatholderbig{
width: 600px;
border: 0px solid #CCCCCC;
height: 490px;
float: left;
margin: 0px;
padding: 0px;
}

hr .chatline{
    /*width:25%;*/
    height:1px;
    /*float:left;*/
}

/*chat box with name/message input*/
.chatboxholder{
/*width: 600px;*/
width:99%;
border: 0px solid #CCCCCC;
height: 490px;
float: left;
margin: 0px;
padding: 0px;
}

/* the actual chat box, with out name/message input*/
.chatbox{
width: 100%;
border: 1px solid #CCCCCC;
height: 330px;
margin: 6px 5px 5px 2px;
overflow:auto;
float: left;
font-size:10pt;
}

/*chat box with name/message input*/
.chatboxholderlong{
/*width: 600px;*/
width:99%;
border: 0px solid #CCCCCC;
height: 550px;
float: left;
margin: 0px;
padding: 0px;
}

/*chat box with name/message input*/
*html .chatboxholderlong{
    height: 600px;
    /*width:265px;*/
    /*width:499px;*/
}

/* the actual chat box, with out name/message input*/
.chatboxlong{
width: 100%;
border: 1px solid #CCCCCC;
height: 390px;
margin: 6px 5px 5px 2px;
overflow:auto;
float: left;
font-size:10pt;
}

/* the actual chat box, with out name/message input*/
*html .chatboxlong{
/*width: 100%;*/
/*width: 270px;*/
height: 390px;
/*width:499px;*/
}

/* style of data inside chat box */
.chatboxdata{
/*width: 583px;*/
width:94%;
height: 330px;
overflow:auto;
float: left;
font-family:Tahoma;
font-size: 10pt;
}

/* for IE6*/
*html .chatboxdata{
height: 330px;
/*width: 250px;*/
width:94%;
font-size: 10pt;
}

table .chatbox
{
    font-size:10pt;
}

/* for IE6*/
*html .chat{
height: 330px;
}

.welcomeText{
width: 420px;
padding: 5px;
font-size: 16px;
float: left;
color:#000000;
}

#systemtest{
font-size: 12px;
background-color:#FFFFFF;
}

.txt{
font-size: 12px;
}


.supportBox{
margin-top:60px;
font-size: 18px;
text-align:center;

}


.holder{
padding: 2px 4px 10px 4px;
border: solid 0px #1C6892;
}


.clear{
clear: both;
/*width: 90%;*/
}

.stripe
{
    height:15px;
    background-color:Transparent;
/*width: 90%;*/
}


.to-right{
float: right;
}

.to-left{
float: left;
}

.bold{
font-weight:bold;
}

#eventTitle{
width: 450px;
margin: 14px 10px 10px 20px;
color:#D82926;
font-size:22px;
font-weight: bold;
float:left;
}

.outline{
border-bottom: 1px solid #CCCCCC;
margin-bottom:10px;
}

.white{
background-color:#FFFFFF;

}

.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 #000000;
font-family: Tahoma, Arial,  sans-serif;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
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 #000000;
font-family: Tahoma, Arial,  sans-serif;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
overflow:hidden;
display:block;
text-decoration:none;
/*text-transform:uppercase;*/
}

.button a:visited{
margin: 1px;
padding: 1px 3px 1px 3px;
text-decoration:none;
color: #2B5474;
background-image: url(../images/buttonBG_up.jpg);

}


.button a:hover{
margin: 1px;
padding: 1px 3px 1px 3px;
text-decoration:none;
color: #2B5474;
background-image: url(../images/buttonBG_over.jpg);

}


#footer
{
	clear: both;
	margin: 5px 0px 0px 0px ;
	padding: 0px;
	color: #2B5474;
	height:20px;
	font-size: 10px;
	width: 600px;
	text-align:center;
	background:#FFFFFF;
	/*background:url(../images/footerBG.png) no-repeat left top;*/
}

/* for IE */
* html #footer {
margin-bottom: 0px;
}

#footer img{
margin-right: 4px;
border: 0px solid #999999;
}



/** 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:#2B5474;
	text-transform: none;
	margin: 0px;
	padding-top: 4px;
	font-weight: bold;
}

#vidHolder{
width: 320px;
min-height: 290px;
border: 0px solid #cccccc;
margin: 4px 0px 5px 0px;
padding: 0px;
float: left;
text-align:center;
background-color:#FFFFFF;
}

/* for IE */
* html #vidHolder{ 
margin-left: 3px;
height: 290px;
}

#vidHolderTransparent{
width: 320px;
min-height: 290px;
border: 0px solid #cccccc;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
text-align:center;
background-color:Transparent;
}

/* for IE */
* html #vidHolderTransparent{ 
margin-left: 3px;
height: 290px;
}


.framecontent
{
	width: 315px;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	height: 240px;
	background-color: #FFFFFF;
}

/* for IE 
* html .framecontent {
height: 312px;
}
*/

.scroll{
overflow:auto;
width: 315px;
height: 240px;
}




#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: 1px solid #666666;
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;
}