/* CSS Document  */
html 		{
			margin: 0;
			padding: 0;
			}

body		{
			font-family: Arial, Garamond, serif;
			line-height:16px;
			font-size:12px;
			text-align:center;
			color:#003366;
			background-image: url("../images/texARTS_wallpapper.jpg");
			background-repeat: repeat;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}
#root		{
			position:relative;
			text-align:left;
			width:791px;
			height:100%;
			margin:0px auto;
			padding:0px 0px 0px 0px;
			}
#container 	{
			position:relative;
			border:1px solid #fff;
			left:15px;
			top:0px;
			#top:0px;
			width:761px;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			z-index:2;
			}
#topBanner {
			position:relative;
			background:#990000;
			width:100%;
			height:37px;
			border-top: 0px solid #fff;
			border-right: 0px solid #fff;
			border-bottom: 1px solid #999;
			border-left: 0px solid #fff;
			}
#blueBanner {
			position:relative;
			background:url('../images/logoBanner.jpg');
			width:761px;
			height:98px;
			border-top: 0px solid #fff;
			border-right: 0px solid #fff;
			border-bottom: 1px solid #999;
			border-left: 0px solid #fff;
			}
#navFlashBanner {
			position:relative;
			background:#000;
			height:192px;
			border-top: 0px solid #fff;
			border-right: 0px solid #fff;
			border-bottom: 1px solid #999;
			border-left: 0px solid #fff;
			z-index:1;
				}
#flashAnim	{
			position:relative;
			white-space:nowrap;
			width:535px;
			top:-149px;
			left:0px;
			#top:-149px;
			#left:224px;
			z-index:-2;
			}
#mainSection {
			position:relative;
			background:#000;
			width:761px;
			height:500px;
			left:15px;
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
			z-index:1;
			}
.mainContainer {
			position:absolute;
			width:761px;
			height:600px;
			background:#ff0000;
			width:761px;
			height:500px;
			}
			
#bottomSection	{
			position:relative;
			background:#fff;
			width:761px;
			height:39px;
			top:0px;
			left:15px;
			border-top: 1px solid #999;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			border-left: 1px solid #999;				
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}

/* hyperlinks */
.nav{
	text-decoration: none;
	color:#000066;
}
a.nav:link{
	border:0px;
	text-decoration:none;
}
a.nav:visited{
	text-decoration:none;
}
a.nav:hover{
	text-decoration: none;
	color:#cc6600;
}
a.nav:active{
	color:#cc6600;
}
a.nav:focus{
	text-decoration:none;
	color:#cc6600;
}

.nav2{
	text-decoration: none;
	color:#cc6600;
}
a.nav2:link{
	border:0px;
	text-decoration:none;
}
a.nav2:visited{
	text-decoration:none;
}
a.nav2:hover{
	text-decoration: none;
	color:#330000;
}
a.nav2:active{
	color:#330000;
}
a.nav2:focus{
	color:#330000;
}
	
/*The section deals with the frame wrapper */			
#extraDiv1 {
			position:absolute;
			background:url('../images/leftShadow.png') top left repeat-y;
			width:15px;
			height:100%;
			left:0px;
			top:0px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			z-index:1;
			}
#extraDiv2	{
			background:url('../images/rightShadow.png') top right repeat-y;
			position:absolute;
			left:778px;
			width:15px;
			height:100%;
			top:0px;
			z-index:1;
			}