/* This uses the <a href=link"> </a>.  for linked text*/
a {
	color:#CCCCCC;
	padding:2px;
	font-size:12px;
	line-height:16px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	}

table { background-color:#000000;
}

/* makes the a border around outside of table, not cells put bc1 in tables id properties*/
#bc1 {
border: 1px solid #333333;
}

/* makes the a border around cells, not not table put bc2 in tables id properties*/
#bc2 td {border: 1px solid #333333;
}

body {
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#CCCCCC;
	background: url(http://www.streetswing.com/histitl/bkg_black1.jpg) fixed;
}

/* I've heard this called the "be nice to Opera 5" rule.  */
body>#navAlpha {width:128px;}

div.box { 
	margin:2px;
	padding:2px;
	border-style: solid; 
	border-color: #003333 #003333 #003333 #003333; 	
	border-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px;
	padding: 3px; 
	}

form {
	background-color: #003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	
	
/* This uses the heading Bright Green title or headline */
h1 {
	margin:2px;
	padding:2px;
	font-size:12px;
	font-weight:400;
	color:#00ff00;
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	}
	
/* This uses the heading bold title or headline as gold */
h2 {
	margin:2px;
	padding:3px;
	font-size:14px;
	line-height:22px;
	font-weight:900;
	color:#FFCC00;
	font:bold 14px/16px verdana, arial, helvetica, sans-serif;
	 }
	
h2.subsection { margin-top: 1em; margin-bottom: 1em; }

/* This uses the heading bold Green title or headline and Background gray lines */
h3 {
	margin:2px;
	padding:2px;
	font-size:14px;
	font-weight:900;
	color:#00FF00;
	font:bold 14px/16px verdana, arial, helvetica, sans-serif;
	background: url(http://www.streetswing.com/shop/amain/0-bkg-blk-gray-stripes1.jpg);
	border-style:solid;	
	border-color:#003333 #003333 #003333 #003333; 
	border-width:3px; 
	border-left-width:3px; 
	border-right-width:3px; 
	 }
	 
h3.subsection { margin-top: 1em; margin-bottom: 1em; }

/* This uses the Navigation Bar heading bold title or headline as Green with Background and border */		
h4 {
   padding:1px;
	margin:1px;
	font-size:12px;
	font-weight:100;
	color:#ff66ff;
	font:12px/16px verdana, arial, helvetica, sans-serif;
	background:url(http://www.streetswing.com/shop/amain/0-bkg-blk-gray-stripes1.jpg);
	border-style:solid; 
	border-color:#003333 #003333 #003333 #003333;
	border-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	 }
	 
	 /* This uses the Navigation Bar heading bold title or headline as Green with Background and border */		
h5 {
   padding:2px;
   margin:2px;
   font-size:14px;
   font-weight:900;
   color:#00FF00;
   font:bold 14px/16px verdana, arial, helvetica, sans-serif;
	 }
	
h5.smalltext { 
	margin-top: 1em; margin-bottom: 1em; font-size:9px; 
	 }
		 
		 /* This uses the BURLESQUE heading bold title or headline as FUSCHIA with Background and border */		
h6 {
   padding:2px;
   margin:2px;
   font-size:14px;
   font-weight:900;
   color:#FF3399;
   font:bold 14px/16px verdana, arial, helvetica, sans-serif;
   background:url(http://www.streetswing.com/shop/amain/0-bkg-blk-gray-stripes1.jpg);
   border-style:solid; 
   border-color:#003333 #003333 #003333 #003333;
   border-width:3px; 
   border-left-width:3px; 
   border-right-width:3px; 
   }

A:link {text-decoration: strong; color: #00CCFF}
A:visited {text-decoration: none; color: #0099FF}
A:hover {color: #00FF00; text-decoration: underline; }

   .{scrollbar-3d-light-color: #808080;
    scrollbar-arrow-color: #00cc00;
    scrollbar-base-color: #6b6b6b;
    scrollbar-dark-shadow-color: #808080;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #808080;
    scrollbar-shadow-color: #808080
			 } 			 
			 
fieldset {
   padding:1;
   border-color:#666666 #666666 #666666 #666666;
   }
	
.fieldset {
   padding:2;
   border-color:#666666 #666666 #666666 #666666;
   }

legend {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #666666;
   }	
	
/* <p class="capaitalize"> CONTROLS THE PARAGRAH SUCH AS CAPS </P>.  */
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}	
	
/* This puts the Words yellow and bold to the using in any paragrah tag <p>blah blah blah <b>yellow bold text</b>blah blah blah</P>.  */	
P B {
   color: #ffffcc;
   }	

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #CCCCCC;
}

/* This is for abnormal announcement text basically fuschia*/
	.announcerow  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF00FF;
	line-height: 18px;
	padding: 3px;
	background-color: #000000;
	}
	
	.borderdkgray {
    margin: 1;
    padding: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #CCCCCC;
	background-color: #000000;
	border-style: solid; 
	border-color: #333333 #333333 #333333 #333333;
	border-width: 2px; 
	border-left-width: 2px; 
	border-right-width: 2px; 
}	

.box1 {
  margin:2px;
  padding:2px;
  border-color: #666666 #666666 #666666 #666666;
  border-style: solid; 
  border-width: 2px; 
  border-left-width: 2px; 
  border-right-width: 2px; 
  background-color: #000000;
}	 

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 400;
	line-height: 14px;
	color: #666666;
	background-color: #000000;
	border-style: solid; 
	border-color: #003333 #003333 #003333 #003333;
	border-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px; 
}

.footer2 {
   clear: both;
   margin: 0;
   padding: .5em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: 400;
   line-height: 14px;
   color: #CCCCCC;
   background-color: #000000;
   border-style: solid; 
   border-color: #003333 #003333 #003333 #003333;
   border-width: 1px; 
   border-left-width: 1px; 
   border-right-width: 1px; 
}

/* This puts the Words rather than the paragrah yellow using <span class="goldtext">yellow text</span>.  */	 
.goldtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFCC00;
    font-weight:900;
}

.legal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CC00;
	background-color: #000000;
}

   .nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:180px;
	font-size:12px;
    line-height: 15px;
	font-weight:400;
	color:66FFFF;
	background-color:#000000;
	}

   .navLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #000000;
	}

   .navAlpha {
	position:absolute;
	width:200px;
	top:175px;
	left:35px;
	border:1px dashed gray;
	background-color:#000000;
	padding:10px;
	z-index:2;
   /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}

	/* as smaller lt gray text* <span class="smallltpurptxt"> small text here</span> */
	.realsmallgray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCFF;
	line-height: 12px;
	padding: 2px;
	background-color: #000000;
	}	
	
	/* as smaller lt gray text*/
	.smlgraytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	line-height: 14px;
	padding: 2px;
	background-color: #000000;
	}
	
	/* as Normal size light Green text*/
	.smltgrntext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99FFCC;
	line-height: 14px;
	padding: 2px;
	background-color: #000000;
	}
	
	/* as Normal size light Yellow text*/
	.smlylwtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
	line-height: 14px;
	padding: 2px;
	background-color: #000000;
	}
	
	/* as Normal size light Pink text*/
	.smlpinktxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF99FF;
	line-height: 14px;
	padding: 2px;
	background-color: #000000;
	}
		
	
	/* as smaller lt gray text* <span class="smallltpurptxt"> small text here</span> */
	.smlpurptxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCFF;
	line-height: 14px;
	padding: 2px;
	background-color: #000000;
	}
	 
  	/* as Normal size White text*/
	.smlwhitetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 14px;
	padding: 2px;
	background-color: #000000;
	}
   
   /* This light gray text in normal siz text and Background gray lines */
    .stdtxtbkg1 {
	font-size:12px;
	color:#CCCCFF;
	line-height:12px;
	font:12px/14px verdana, arial, helvetica, sans-serif;
	background: url(http://www.streetswing.com/shop/amain/0-bkg-blk-gray-stripes1.jpg);
	padding: 2px;
	 }   

   .header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #DCDCDC;
	background-color: #000000; 
	padding: 5px;
	border-style: solid; 
	border-color: #003333 #003333 #003333 #003333;
	border-width: 3px; 
	border-left-width: 3px; 
	border-right-width: 3px; 
   }
	
	/* This puts the Words FUSCHIA rather than the paragrah red using <span class="fuschiatext">Fuschia text</span>.  */
   .ltfuschiatxt {
   color: #FF3399;
   }
	/* as Normal size light Green text*/
	.ltgrntext {
	color: #99FFCC;
	}

	/* as Normal size light Pink text*/
	.ltpinktxt {
	color: #FF99FF;
	}
	
	/* as Normal size light Purple text*/
   .ltpurpletxt {
   color: #CCCCFF;
   }

   /* as Normal size Red text*/
   .ltredtxt {
   color: #FF0000;
   }

	/* as Normal size normal Yellow - not light text*/	 
   .ltyellowtxt {
   color: #FFFFCC;
   }
  
   .videogrnlarge {
    margin:1px;
	padding:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 900;
	line-height: 28px;
	color: #00ff00;
    }

   .videoltgrnsmall {
	margin:2px;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 26px;
	color: #ccff66;
	}