`html { height: 100%; margin: 0; padding: 0;}

html,body{
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}



body
{
	text-align: center;
	color: #ffffff;
	background-image:url(../images/bg_black.jpg);
	/*background-color:#000000;*/
}

html,body { min-height: 100%; height: 100%; margin: 0; padding: 0; }

body ,form {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;

}


 iframe{display:block; height:100%; border:none;}

#container {

	width:764px;
	text-align:center;
	margin: 0px auto;
	background-color:#222222;

}

#header {


	width:764px;
	height:114px;
	background: url(../images/header.jpg);
}

#nav {

	width:764px;
	height:38px;
	background-color:#000000;
	/*background: url(images/nav.jpg);*/
}

#main {

	width:764px;

	background-color:#222222;
}

#main2 {

	width:764px;
	background-color:#222222;
	text-align:center;
	margin: 0px auto;
}

#main3 {
	width:764px;
	
	

}


#main4{
	width:764px;
	height:340px;
}


.qstyle{
  padding: 0 0 0 20px;
  text-align:left;
}


#leftcol {
	float:left;
	width:428px;
	background-color:transparent;
}

#rightcol {
	float:left;

	background-color:transparent;
	padding:2px 0 0 0;
}


#rightcontent{
	width:330px;
	background-color:transparent;
	padding: 0px;
	margin: 0px;

}


#rightctop{
	width:330px;
	/*background: url('images/subhead.jpg');*/
	height:31px;
	background-color:#000000;
	color:#663366;
	font-size:14px;
	padding:2px 0 0 0 ;
	/*font-weight:bold;*/

}


#purphold {

	width:320px;
	background: url(../images/purple_bg.jpg) repeat-x;
	/*background-color:#663366;*/
}

#purpbox {
	width:300px;
	background:url(../images/purple_bg2.jpg) repeat-x;
	
	text-align:left;
	padding:10px;
}



#purpbox2 {
	width:300px;
	background:url(../images/purple_bg2.jpg) repeat-x;
	height:307px;
	text-align:left;
	padding:10px;
}

#rightcmid{
	background: url(../images/purple_bg.jpg);
	text-align:left;
}


#rightcbot{
	clear:both;
	height:240px;
	background-color:black;
	color:#ffffff;
	text-align:left;

}

h2{
	color:#663366;
	background-color:#000000;
	font-size:20px;
	font-weight:normal;
	margin-top:0;

}

#footer {
	clear:both;
	width:764px;
	height:25px;
	background: url(../images/footer.jpg);
}


.gocenter{
 text-align:center;
 padding: 10px 0 0 0;
 wid
}

#flashcontent {
	width:400px;
	height:330px;

}

.fade-box{

	position:absolute;
	top:163;
	width:300px;
	height:150px;
}




/* class styles */
			.fade-box {
				float:left;
				position: absolute;
				top: 10;
				width: 320px;
				height: 130px;
				background-color:#000000;
			}
			.fade-box p {
				width: 270px;
				padding: 5px 10px 0 10px;
				margin: 0;
				background: #E0EADF;
			}
			.fade-box h2 {
				width: 280px;
				margin-top: 29px;
				padding-left: 10px;
				background: #E0EADF;
			}

			/* id styles */
			#content-body {
				margin: 0 auto 0 auto;
				width: 764px;
				background: #FFF;
			}
			#title-box {
				width: 764px;
				height: 30px;
				/* the following is a hack to work around IE's box model */
				//height: 64px;
				padding-top: 34px;
				background: url(images/title-back.gif) repeat-x;
			}
			#page-title {
				margin: 0 0 0 30px;
				display: block;
				width: 160px;
				height: 30px;
				padding: 2px 0px 0px 4px;
				background: url(images/heading-back.gif) no-repeat;

			}
			#crossfade-container {
				margin: 0px 0px 0px 10px;
				width: 300px;
				height: 150px;
				background: url(images/fade-box-bg.gif);
			}
			#introduction p {
				width: 290px;
				padding: 5px 10px 0 10px;
				margin: 0;
			}
			#introduction h2 {
				width: 290px;
				margin-top: 10px;
				padding-left: 10px;
			}

			/* the boxes that fade */
			#box-1 {

			}
			#box-2 {

			}
			#box-3 {

			}
			
			.teststart {
			  text-align:center;
			  padding-top:0px;
			  
			}
			
			
			#itext{
			  height:248px;
			  border:none;
			}
			
			a:visited {
			 color:blue;	
			}
			
			.lf{
				text-align:left;
			}
			
			
			.lineup{
				border-right:1px solid #663366;
				background-color:#000000;
			}
			
			.lineup2{
							
				background-color:#000000;
			}