a{
  color: #CCCCCC;   /* #CCCCCC */
  font-family: Arial;
  text-decoration: none;
  font-size: 13px; 
  font-weight: bold;
}

a:hover{
  color: #ffffff;
  text-decoration: none;
  font-size: 13px; 
}

body {
      font-size: 9px;
	  background-color: #404040;
	  background-image: url("http://www.johnbenjamindesigns.com/images/3824_background_horizontal.jpg");
      background-repeat: norepeat;
      background-position: top center;	
	  /* background-attachment: fixed; */  
}	  

/*This is where the magic happens!*/
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 0px solid #000000;
     position: relative;
     width: 100%;
	 height: 100%;
 /*	 background-color:transparent;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	 filter:alpha(opacity=75);  IE's opacity*/
	 hasLayout: true;
	 
}
div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
	 hasLayout: true;
     width: 100%;
     z-index: 101;
}
div.box_background {
	 height: 100%;
/*     background-color:#404040;
	 opacity: 0.65;
     filter:alpha(opacity=65);  IE's opacity*/
     position: absolute;
	 hasLayout: true;
	 min-height: 1px;
     top: 0px;
     width: 100%;
     z-index: 99;
}

.blog a{
  color: #999999;
  font-family: Arial,sans-serif;
  text-decoration: none;
  font-size: 12px; 
}

.blog a:hover{
  color: #999933;
  text-decoration: none;
  font-size: 12px; 
}

.blog p{
  color: #FFFFFF;
}

.style8 {font-size: 13px}
.style10 {color: #999999}


td, table, select, textarea{
	font-family:arial;
	font-size:14px;
	vertical-align:top;
	line-height:16px;
	color:#6b6b6b;
	text-align:center;
}

table.nav_index{
	
table-layout: fixed;
border-collapse:collapse;
border-spacing:10px 10px;

}