/* Test CSS Document */

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

/* Banner */
#banner {
height:         200px; 
background: url(../images/banners/banner.gif) 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 {
width: 750px;
background: black;
color: white;
margin-left: 0px;
margin-right: 0px;
	}

#twitter {
width: 350px;
background: black;
color: white;
float: right;
	}

#info {
width: 350px;
background: black;
color: white;
float: left;
font-size: 18px;
line-height: 26px;
	}
	
/* Not in use*/
#leftcontent {
position: absolute;
margin-left: 5px;
top: 240px;
width: 200px;
background:  url(../images/menu/menu.png) transparent;
font-size:	25px;
	}


#topnav {
margin-left: 5px;
margin-right:  5px;
height: 25px;
background: url(../images/menu/hr.png) red;
text-align: center;
font-size:  21px;
  }


#copyright  {
width: 950px;
margin-left: 5px;
margin-right:  5px;
height: 30px;
background: url(../images/menu/hr.png) red;
text-align: center;
font-size:  15px;
}


/* #rightcontent not used right now */
#rightcontent {
position: absolute;
right: 10px;
top: 200px;
width: 200px;
background: #ffffff;
	}

/*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";
			font-size:	17px;
		  text-indent:      3em;
    	text-decoration:	underline;
			left:   20px;
      }
A.LMenu:visited	{	background:	transparent;
			color:		#ffcc00;	}
A.LMenu:hover	{	background:	transparent;
			color:		#ffccee;	}

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

marquee {font-size: 25px; width: 100%}
/* 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}

pre {font-size: 18px; line-height: 26px; font-family:	"Comic Sans MS", "Verdana", 
                                                      "Helvetica", "Arial";}