/* Test CSS Document */

body    {
     		background:	url(../images/b-b-back2.png) #a7a7ff;
        background-repeat: repeat-x; 
     		color:   white;
        font-family: "Times New Roman", "Verdana",	"Helvetica", "Arial";
     		}

/* Banner */
#banner {
height:         150px; 
background: url(../images/banners/jb-banner.png) transparent;
background-repeat: no-repeat;
background-position:  center;
z-index:  2;
}
#bannerbg {
position:       absolute;
text-align:     center;
height:         200px;
top:            0px;
margin-left:           5px;
margin-right:          5px; 
background: url(../images/banners/r-b-header.png) transparent;
background-repeat: repeat;
z-index:  1;
}


#maincontent {
background: black;
color: white;
width: 950px;
	}


#topnav {
width: 950px;
height: 45px;
background: url(../images/menu/b-b.png) red;
text-align: center;
  }
  
  
#topnav2 {
width: 950px;
height: 45px;
background: url(../images/menu/b-b.png) red;
text-align: center;
  }


#copyright  {
width: 950px;
height: 30px;
background: url(../images/menu/b-b.png) red;
text-align: center;
font-size:  15px;
vertical-align: middle;
line-height: 30px
}

/*rounded box */
/*featured*/
.bl {background:url(../images/bl.png) 0 -125px no-repeat #000000; text-align: center; width: 800px; color: #FFFFFF}
.br {background:url(../images/br.png) 100% -125px no-repeat; width: 800px}
.tl {background:url(../images/tl.png) 0 0 no-repeat; width: 800px}
.tr {background:url(../images/tr.png) 400px 0 no-repeat; width: 800px; padding-left: 0; padding-right:10px; padding-top: 10px; padding-bottom: 10px}

/*box1*/
.bl1 {background:url(../images/bl.png) 0 -255px no-repeat #000000; text-align: center; width: 800px; color: #FFFFFF}
.br1 {background:url(../images/br.png) 100% -255px no-repeat; width: 800px}
.tl1 {background:url(../images/tl.png) 0 0 no-repeat; width: 800px}
.tr1 {background:url(../images/tr.png) 400px 0 no-repeat; width: 800px; padding: 10px}

/*box2*/
.bl2 {background:url(../images/bl.png) 0 -180px no-repeat #000000; text-align: center; width: 800px; color: #FFFFFF}
.br2 {background:url(../images/br.png) 100% -180px no-repeat; width: 800px}
.tl2 {background:url(../images/tl.png) 0 0 no-repeat; width: 800px}
.tr2 {background:url(../images/tr.png) 400px 0 no-repeat; width: 800px; padding: 10px}

/*Navigation Menu and Links */
TH.Nav		{	background:	#0000cc;	
			color:		#ffffff;
			}
TH.Menu		{	background:	#3366cc;	
			color:		#ffffff;
			}
A:hover		{	color:		#ff6600;	}
A.HoMe:hover	{	color:		#ff6600;	}
A.menu		{	background:	transparent;
			color:		#ffffff;
			font-family:	"Times New Roman", "Verdana",
					"Helvetica", "Arial";
			font-size:	15px;
		  text-indent:      3em;
    	text-decoration:	underline;
			
			}

A.menu:visited	{	background:	transparent;
			color:		#ffffff;	}
A.menu:hover	{	background:	transparent;
			color:		#ff0000;	}


A.HoMe		{	background:	transparent;
			color:		#ffcc33;
			font-family:	"Verdana", 
					"Helvetica", "Arial"
			text-decoration:	none;
			}
A.HoMe:visited	{	background:	transparent;
			color:		#ffcc99;	}
			

/* Element Atrributes */
marquee {font-size: 25px; width: 100%}
marquee:hover {this.stop()}
/* to allow stop marquee with mouse, use OnMouseOver="this.stop()" OnMouseOut="this.start()" */


h1,h2,h3,h4,h5,h6      {text-align:center}

hr  {color: red; background-color: red; height: 5px; width: 80%}

.hdr  {background: url(../images/menu/b-b.png) blue;
      height: 25px}

hdt {text-decoration: underline, bold}

.cent {text-align: center;}

td.menu {background: url(../images/menu/b-b.png)	transparent; height: 25px}      
      
td.menu:hover {background: url(../images/menu/b-b2.png)	transparent;}