/* Test CSS Document */

body    {
     		background:	url(../images/b-b-back.png) black; 
     		color:   white;
        font-family: "Times New Roman", "Verdana",	"Helvetica", "Arial";
     		}

/* Banner */
#banner {
height:         200px; 
background: url(../images/banners/banner.png) transparent;
background-repeat: no-repeat;
background-position:  center;
z-index:  2;
}


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

#leftcontent {
width: 200px;
background: transparent;
float: left;
	}


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


#copyright  {
width: 950px;
height: 35px;
background: url(../images/menu/b-b.png) blue;
text-align: center;
font-size:  10px;
clear: both;
}


#rightcontent {
width: 200px;
background: transparent;
float: right;
	}

/*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:	"Verdana",
					"Helvetica", "Arial";
			font-size:	15px;
		  text-indent:      3em;
    	text-decoration:	underline;
			
			}

A.Menu:visited	{	background:	transparent;
			color:		#ffcc00;	}
A.Menu:hover	{	background:	transparent;
			color:		#ffccee;	}


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

A.HoMe:visited	{	background:	transparent;
			color:		#ffcc99;	}
			
A.LMenu		{	background:	transparent;
			color:		#ffffff;
			font-family:	"Comic Sans MS", "Verdana",
					"Helvetica", "Arial";
		  text-indent:      0;
    	text-decoration:	underline;
      }
A.LMenu:visited	{	background:	transparent;
			color:		#ffcc00;	}
A.LMenu:hover	{	background: transparent;
			color:		#ffccee;
      width:    200px;	}

/* Element Atrributes */
.cent {text-align: center;}

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

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

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

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

td.lmenu {background: url(../images/menu/b-b.png)	transparent; height: 25px; width: 200px; font-size: 20px}      
      
td.lmenu:hover {background: url(../images/menu/b-b2.png)	transparent;}

td.rmenu {background: url(../images/menu/b-b.png)	transparent; height: 25px; width: 200px; font-size: 20px}      
      
td.rmenu:hover {background: url(../images/menu/b-b2.png)	transparent;}