/* ********************************************************************** */
/* ------------------ Created by Diron Graphics & Design -----------------*/
/*------------------------ for Mr. Keyboard.com --------------------------*/
/*------------------------All Rights Reserved 2009 ------------------*/
/* ********************************************************************** */

a:link {
	color: #FFFF66;
	font-weight: bold;
	text-decoration: none;
  	background-color: transparent;
   }

a:visited {
	color: #FFFF66;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
   }

a:hover{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
   }

a:active{
	color: #FFFF66;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
   }

body {
   color: #FFFFFF;
   margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-image: url(images/bkmain.gif);
   width: 100%;
   line-height: 1.5em; /*  new     */
   }

#container {
    width: 844px;
    margin: 0 auto;
    background-color: transparent;
    overflow: hidden; /* My own note:  Corrects background image in Firefox  */
    background: url(images/bgtop-revised.jpg) no-repeat top;
}

#container p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #E6FDDF;
   }



h1 {
	color: #FFFF00;             /*#99FF66;*/
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
    line-height: 1.5em;
   }

h2 {
   color: #99FF66;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
   }
h3 {
   color: #fff;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
    line-height: 150%;
   }

p  {
	line-height: 150%;
    text-align: justify;
   }
p.pic {
    font:  11px 150% Courier, "Courier New" caption;
    text-align: center;
    font-weight: bold;
}

p.tiny {
    font: 8px Courier, "Courier New";
    text-align: top center;
}
.center {
  text-align: center;
}



.floatright { float: right;

	margin: 10px 10px 0 10px;
	text-align: right;
   font-family: Tahoma, Arial, sans-serif;
  	font-size: 11px;
  	font-weight: bold;
   }

.floatright1 { float: right;
   width: 100px;
	margin: 10px 10px 0 0;
	text-align: right;
	background:#666;
   font-family: Tahoma, Arial, sans-serif;
  	font-size: 11px;
  	font-weight: bold;
   }

.floatleft { float: left;
   width: 100px;
	margin: 0 0 10px 10px;
	text-align: right;
	background:#666;
   font-family: Tahoma, Arial, sans-serif;
  	font-size: 11px;
  	font-weight: bold;
   }

div.floatleft img  {
	border-top: 2px solid #555;  /* Adds a border to the div  */
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
   }


.floatcenter {
   float: none;    /* original was center, but will not validate with center  */
   width: 100px;
   margin: 0 0 10px 10px;
	text-align: center;
   font-family: Tahoma, Arial, sans-serif;
  	font-size: 11px;
  	font-weight: bold;
   }

div.floatcenter img  {
	border-top: 2px solid #555;  /* Adds a border to the div  */
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
   }

.box3 {
	border: #000000;
	border-style: dashed;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
   padding: 1em 1em 1em 1em;
      /*background-image: url(images/navbg1.jpg);*/
   background-color: #000;   /*  #008A00  */
  /* font-weight: bold;   */
}


.box4 {
	border: #000000;
	border-style: dashed;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
   padding: 1em 1em 1em 1em;
   background-color: #BB0000;
    font-weight: bold;
    text-align: center;
}

#songlist {
   margin: 16em 5px 0px 185px;
   padding: .25em;
   width: 650px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #E6FDDF;
   float: left;
   }
#songlist p {
  text-align: center;
  font-size: 12px;
}

#songlist h1 {
   color: #FFFF00;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
    line-height: 1.5em;
}

#songlist td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-top: 0%;
   color: #E6FDDF;
   text-align: center;
   }


 /* ************************************* For left navigation */
#navcontainer {
   background-color: transparent;      /* Original background-color: #2A0BA4   */
   width: 165px;
	margin: 0 auto;
	padding: 1em 0;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
	text-align: left;
	text-transform: capitalize;
    float: left;
   }

#navcontainer ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

   }

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a {
	display: block;
	padding: 2px 2px 2px 2px;
	border: 1px solid #333;
	width: 160px;
	background-color: #009900;
	color: #FFFF66;
   }

#navcontainer a:link, #navlist a:visited  {
	color: #FFFF66;
	text-decoration: none;
   }

#navcontainer a:hover {
	border: 1px solid #333;
	background-color: transparent;
	background-image: url(images/navbg.gif);
	color: #FFFF66;
   }

#active a:link, #active a:visited, #active a:hover  {
	border: 2px solid #333;
	background-color: #FF6600;
	background-image: url(images/navbg.gif);
	color: #FF6600;
   }
ul#navlist {
   text-align: left;
   list-style-type: none;
   padding: 0;
   margin: 0 auto;
   width: 80%;
   }

ul#navlist li {
   display: block;
   margin: 0;
   padding: 0;
   }

ul#navlist li a {
   display: block;
   width: 100%;
   padding: 0.5em 0 0.5em 1em;
   }


 /*End left navigation */

#leftnav {
   float: left;
   width: 170px;
   padding-bottom: 5em;
   margin-left: -843px;
   margin-top: 15em;
  }


#leftnav p {
	line-height: 120%;
	font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   color: #E6FDDF;
  /* display: block;   */
	text-align: left;
   }

#rightnav {
  float: right;
  width: 170px;
  padding:  1em;
 /* margin: 15em 0em 2em 1em; */
margin-left: -200px;
margin-top: 15em;
  }

#rightnav input,textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  }

#rightnav p {
	line-height: 130%;
	font-family: Tahoma, Arial, sans-serif;
   font-size: 12px;
   color: #E6FDDF;
   font-weight: bold;
	text-align: left;
   }

#headerliners1,#headerliners2 {
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFF66;
   border: #FFFFCC;
   font-stretch: wider;
   }


#centercontent {
   /*margin: 15em 180px 0px 165px;*/       /* top right bottom left  */
   margin: 16em 200px 0 185px;
   padding: 1em;
   float: left;
   /*width: 450px;*/
}
#centercontent p {
    font-size: 12px;
     text-align: left;
}

#fullcontent {
     margin: 16em 5px 0px 185px;
   padding: 1em;
   width: 665px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #E6FDDF;
   float: left;

}
#fullcontent p {
    font-size: 12px;
     text-align: left;
}

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 125%;
    color: #fff;
}


.img-left {
	float: left;
	margin: 0.3em 0.5em 0em 0em;
}

.img-right {
	float: right;
	margin: 0.3em 0em 0em 0em;

}
.imgright {
  padding: .75em;
  float: right;
}

.imgcenter {
    margin-left: 35%;
}


 #testimonial  {
   width: 650px;
   float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
    padding:  .5em;
   color: #E6FDDF;
    line-height: 140%;
    margin: 16em 10px 0px 165px;
    }
blockquote {
    padding: 2em;
}


#btaccount {
	background-image: url(images/headlinebox.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-top: 0;
	vertical-align: top;
   }

 #footer {
   clear: both;
   width: 750px;
   margin: 0px auto;
   padding: .5em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #E4E4E4;
   text-align: center;
   }
 #footer404 {
   clear: both;
   width: 750px;
   margin: 0px 0px 0px 150px;
   padding: .5em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #E4E4E4;
   text-align: center;
   }
#designer {
   clear: both;
   width: 750px;
   margin: 0px auto;
   padding: .5em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   color: #E4E4E4;
   text-align: left;
   }



/*    *****************************************      Pop Out Pictures      */
#pic1 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#pic1 a.p1, #pic1 a.p1:visited {display:block; width:175px; height:131px; text-decoration:none; background:#003399; top:0; left:0; border:2px solid #000;}
#pic1 a img {border:0;}
#pic1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#pic1 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#pic1 a.p1:hover .large {display:block; position:absolute; top:-170px; left:-400px; width:360px; height:270px; border:5px solid #000;}

#about1 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#about1 a.p1, #about1 a.p1:visited {display:block; width:150px; height:152px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#about1 a img {border:0;}
#about1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#about1 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#about1 a.p1:hover .large {display:block; position:absolute; top:-130px; left:-425px; width:400px; height:266px; border:5px solid #000;}

#party {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#party a.p1, #party a.p1:visited {display:block; width:150px; height:155px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#party a img {border:0;}
#party a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#party a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#party a.p1:hover .large {display:block; position:absolute; top:-160px; left:-425px; width:400px; height:413px; border:5px solid #000;}

#ronnyd05 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#ronnyd05 a.p1, #ronnyd05 a.p1:visited {display:block; width:150px; height:152px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#ronnyd05 a img {border:0;}
#ronnyd05 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#ronnyd05 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#ronnyd05 a.p1:hover .large {display:block; position:absolute; top:-150px; left:250px; width:360px; height:240px; border:5px solid #000;}

#safari {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#safari a.p1, #safari a.p1:visited {display:block; width:150px; height:134px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#safari a img {border:0;}
#safari a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#safari a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#safari a.p1:hover .large {display:block; position:absolute; top:-160px; left:250px; width:350px; height:412px; border:5px solid #000;}

#bbqkim {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#bbqkim a.p1, #bbqkim a.p1:visited {display:block; width:150px; height:110px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#bbqkim a img {border:0;}
#bbqkim a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#bbqkim a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#bbqkim a.p1:hover .large {display:block; position:absolute; top:-160px; left:250px; width:350px; height:256px; border:5px solid #000;}

#bbqstan {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#bbqstan a.p1, #bbqstan a.p1:visited {display:block; width:150px; height:113px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#bbqstan a img {border:0;}
#bbqstan a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#bbqstan a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#bbqstan a.p1:hover .large {display:block; position:absolute; top:-180px; left:250px; width:250px; height:188px; border:5px solid #000;}


#gigad1 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#gigad1 a.p1, #gigad1 a.p1:visited {display:block; width:160px; height:152px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#gigad1 a img {border:0;}
#gigad1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#gigad1 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#gigad1 a.p1:hover .large {display:block; position:absolute; top:-180px; left:250px; width:400px; height:380px; border:5px solid #000;}

#gigad2 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#gigad2 a.p1, #gigad2 a.p1:visited {display:block; width:160px; height:120px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#gigad2 a img {border:0;}
#gigad2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#gigad2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#gigad2 a.p1:hover .large {display:block; position:absolute; top:-180px; left:250px; width:400px; height:300px; border:5px solid #000;}

#gigad3 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#gigad3 a.p1, #gigad3 a.p1:visited {display:block; width:160px; height:179px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#gigad3 a img {border:0;}
#gigad3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#gigad3 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#gigad3 a.p1:hover .large {display:block; position:absolute; top:-180px; left:250px; width:400px; height:447px; border:5px solid #000;}


#gigad4 {
    position:relative;
    top:10px;
    left:5px;
    width:175px;
    background-color:#003399;
    z-index:100;
}
#gigad4 a.p1, #gigad4 a.p1:visited {display:block; width:120px; height:160px; text-decoration:none; background:#000; top:0; left:0; border:1px solid #000;}
#gigad4 a img {border:0;}
#gigad4 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#gigad4 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#gigad4 a.p1:hover .large {display:block; position:absolute; top:-180px; left:250px; width:300px; height:400px; border:5px solid #000;}




/*    ******************************** End Pop Out Pictures      */


/* Keep this css code for future reference  */

/*.btaccount {
	background-image: url(images/headlinebox.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-top: 0;
	vertical-align: top;
}

.btheaderliners {
	background-image: url(images/bkheadlines.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

.btinputbox {
	background-color: #D87A00;
}

.btinputbox2 {
	background-color: #F6E905;
}

.btmailinglist {
	background-image: url(images/bkmailinglist.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-top: 0;
	vertical-align: top;
}

.btsubtitle1 {
	background-image: url(images/subtitle1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	text-indent: 16px;
}

.btsubtitle2 {
	background-image: url(images/subtitle2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-indent: 16px;
}

.btwhitelink {
	color: #FF0000;
	font-weight: bold;
}
*/