/*  ==============================================================   */
/*  Diron Graphics & Web Design d/b/a Distinct Graphics & Web Design */
/*                Diane Dickler, Web Designer                        */
/*                for www.keyboardwiz.com : Gary Piacentini          */
/*  ==============================================================   */

a:link {
    color: #3300FF;
    background-color: transparent;
    font-weight: bold;
	text-decoration: none;
}
a:visited {
    background-color: transparent;
    color: #9900FF;
    font-weight: bold;
	text-decoration: none;
}
a:hover {
	background-color: transparent;
	color: #FF0033;
	font-weight: bold;
	text-decoration: none;
}
a:active {
    background-color: transparent;
    color: #FF0033;
    font-weight: bold;
	text-decoration: none;
}

* {font-family: Verdana, Arial, serif; text-align: left; }

body {
   font-size: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
    background:  #fff url(images/garytopheader.jpg) no-repeat top;
}

#container {
    width: 100%;
    margin: auto;
    background-color: transparent;
    line-height: 140%;
    overflow: hidden; /* Corrects background image in Firefox  */
}
h1 {
    background-color: transparent;
    color: #000;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: .5px;
    text-align: center;
    line-height: 110%;
    padding: 1em 0em 0em 0em;
}
h2 {
    background-color: #3A415D;
    color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    padding: .25em;
}

p {
    background-color: transparent;
    color:#000;
    font: 12px Verdana, Arial, sans-serif;
    line-height: 125%;
}
p.small {
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
}
.totop {
  font-size: .65em;
  text-align: right;
}
.dropcap {
    font-family:Georgia,;
    color: #797979;
    font-size:48px;
    font-weight:normal;
    line-height:80%;
    letter-spacing:-6px;
}

.pic {
   float: left;
   margin: 0em 0em 0em 2em;   /*  top right bottom left  */
}
.pic2 {
   float: right;
   margin: 0em 1em 0em 2em;
}

#leftnav {
    float: left;
    width: 180px;
    margin-top: 24%;
    position: relative;
    vertical-align: top;
    padding: 3px;
}

#leftnav h1, #leftnav h2 { /* styles for left column headings */
  margin-top: 2em;
  padding: 2em 0em 0em 0em;
  margin-left: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #3A415D;
  line-height: 0.9em;
  letter-spacing: 1px;
  text-align: center;
}
p.left {
  font-size: .85em;
}
p.news {
  font-size: .90em;
  font-weight: bold;
  padding: .3em .3em .3em .3em;
  border: #6E6E6E;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background-color: #fff;
}

.leftimg {
	float: left;
	margin: 0.5em 2em 0em 1em;

}
.left-column-box-yellow {
	float: left;
	width: 85%;
	margin: .5em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em #C8C8C8;
	background-color: #FFF9D9;
}
.left-column-box-title-yellow {
	clear: both;
	display: block;
    margin: 1em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #FFEC80;
	font-weight: bold;
	color: #323232;
}
.left-column-box-yellow p {
	margin: 0.3em 0em 0.4em 0em;
}
.left-column-box-blue {
    float: left;
    width: 85%;
    margin: .5em 0em 0.8em 0em;               /*      top right bottom left      */
	padding: 0.4em 0.4em 0.4em 0.4em;
    border: solid 0.1em rgb(200,200,200);
    background-color: #E2EEFC;
}

.left-column-box-title-blue {
    clear: both;
    display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
    background-color: #BBD3F7;
    font-weight: bold;
    color: #323232;
}

.left-column-box-blue p  {
	margin: 0.3em 0em 0.4em 0em;
}
.left-column-box-red {
	float: left;
	width: 85%;
	margin: .5em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em #C8C8C8;
	background-color: #FADBD2;
}
.left-column-box-title-red {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #FFB0B0;
	font-weight: bold;
	color: #323232;
}
.left-column-box-red p {
	margin: 0.3em 0em 0.4em 0em;
}


#ctrcontentfull {
  margin-left: 185px;
  margin-top: 12em;
    padding: 1em;
    max-width: 80em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 130%;
    background-color: transparent;
}

#ctrcontentfull2 {
  margin-left: 100px;
  margin-top: 12em;
    padding: 1em;
    max-width: 80em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .85em;
    line-height: 120%;
    background-color: transparent;
}

.loc {
    background-color: #fff;
    padding: .1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 6px 0px 0px 3px;    /*  top right bottom left */
    font-size: .8em
}
.box {
    border: #6E6E6E;
    border-style: dashed;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    background-color: #FFFFEC;
    margin: 1.5em .5em .5em .5em;
    padding: .5em .5em .5em 1.5em;
    font-family: "Courier New", Courier, monospace;
    font-size: .65em;
    line-height: 120%;
}

.box ul, li {
  list-style: disc outside;
  margin: .25em;
  padding: .25em;
}
.box2 {
    background-color: transparent;
    margin: 1.5em .5em .5em .5em;
    padding: .5em .5em .5em 1.5em;
    font-family: "Courier New", Courier, monospace;
    font-size: .65em;
    line-height: 120%;
}

.box2 ul, li {
  list-style: disc outside;
  margin: .25em;
  padding: .25em;
}



.songbox {
     border: #000000;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background-color: #F0F4FF;
    padding: .5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#bottomnav {
   color: #323232;
   font-size: 1em;
   padding: 1em;
   text-align: center;
   clear: both;
   vertical-align: text-bottom 100%;
   text-decoration: none;
}


#footer {
    clear: both;
    margin: 0em 0em 0em 0em;   /*  top right bottom left  */
    padding: .5em;
    border-top: 1px solid #000099;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .95em;
    color: #000;
   background-color: #CACEDB;
       text-align: center;
    line-height: 120%;
}

#desby {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    text-align: left;
    color: #000;
  font-style: italic;
}
/*     ************************************   POP UP PICTURES   DO NOT EDIT  *******************************  */
/*        *******************  This is the formatting used with all those pictures that get enlarged with the mouse.  */
#annie1 {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#annie1 a.p1, #annie1 a.p1:visited {display:block; width:150px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000;}
#annie1 a img {border:0;}
#annie1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#annie1 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#annie1 a.p1:hover .large {display:block; position:absolute; top:13em; left:375px; width:400px; height:300px; border:5px solid #000;}

#annie2 {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#annie2 a.p1, #annie2 a.p1:visited {display:block; width:150px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000;}
#annie2 a img {border:0;}
#annie2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#annie2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#annie2 a.p1:hover .large {display:block; position:absolute; top:13em; left:375px; width:400px; height:300px; border:5px solid #000;}

#annie3 {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#annie3 a.p1, #annie3 a.p1:visited {display:block; width:150px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000;}
#annie3 a img {border:0;}
#annie3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#annie3 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#annie3 a.p1:hover .large {display:block; position:absolute; top:13em; left:375px; width:400px; height:300px; border:5px solid #000;}

#birdie {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#birdie a.p1, #birdie a.p1:visited {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#birdie a img {border:0;}
#birdie a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#birdie a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#birdie a.p1:hover .large {display:block; position:absolute; top:52em; left:375px; width:400px; height:267px; border:5px solid #000;}

#eden {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#eden a.p1, #eden a.p1:visited {display:block; width:150px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#eden a img {border:0;}
#eden a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#eden a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#eden a.p1:hover .large {display:block; position:absolute; top:130em; left:375px; width:400px; height:300px; border:5px solid #000;}

#xmas {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#xmas a.p1, #xmas a.p1:visited {display:block; width:150px; height:104px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#xmas a img {border:0;}
#xmas a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#xmas a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#xmas a.p1:hover .large {display:block; position:absolute; top:155em; left:400px; width:335px; height:232px; border:5px solid #000;}

#copa {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#copa a.p1, #copa a.p1:visited {display:block; width:152px; height:80px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#copa a img {border:0;}
#copa a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#copa a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#copa a.p1:hover .large {display:block; position:absolute; top:180em; left:360px; width:426px; height:225px; border:5px solid #000;}


#fant {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#fant a.p1, #fant a.p1:visited {display:block; width:89px; height:150px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#fant a img {border:0;}
#fant a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#fant a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#fant a.p1:hover .large {display:block; position:absolute; top:200em; left:425px; width:258px; height:450px; border:5px solid #000;}

#king {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#king a.p1, #king a.p1:visited {display:block; width:150px; height:81px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#king a img {border:0;}
#king a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#king a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#king a.p1:hover .large {display:block; position:absolute; top:260em; left:250px; width:400px; height:210px; border:5px solid #000;}

#king2 {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#king2 a.p1, #king2 a.p1:visited {display:block; width:150px; height:79px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#king2 a img {border:0;}
#king2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#king2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#king2 a.p1:hover .large {display:block; position:absolute; top:260em; left:400px; width:400px; height:210px; border:5px solid #000;}

#musicman {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#musicman a.p1, #musicman a.p1:visited {display:block; width:150px; height:120px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#musicman a img {border:0;}
#musicman a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#musicman a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#musicman a.p1:hover .large {display:block; position:absolute; top:315em; left:350px; width:450px; height:360px; border:5px solid #000;}

#oliver {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#oliver a.p1, #oliver a.p1:visited {display:block; width:150px; height:97px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#oliver a img {border:0;}
#oliver a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#oliver a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#oliver a.p1:hover .large {display:block; position:absolute; top:345em; left:375px; width:400px; height:258px; border:5px solid #000;}

#wagon {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#wagon a.p1, #wagon a.p1:visited {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#wagon a img {border:0;}
#wagon a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#wagon a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#wagon a.p1:hover .large {display:block; position:absolute; top:375em; left:350px; width:450px; height:300px; border:5px solid #000;}

#soundmusic {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#soundmusic a.p1, #soundmusic a.p1:visited {display:block; width:150px; height:112px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#soundmusic a img {border:0;}
#soundmusic a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#soundmusic a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#soundmusic a.p1:hover .large {display:block; position:absolute; top:435em; left:380px; width:400px; height:299px; border:5px solid #000;}

#wizard {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#wizard a.p1, #wizard a.p1:visited {display:block; width:150px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#wizard a img {border:0;}
#wizard a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#wizard a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#wizard a.p1:hover .large {display:block; position:absolute; top:480em; left:375px; width:400px; height:300px; border:5px solid #000;}


#party {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#party a.p1, #party a.p1:visited {display:block; width:165px; height:110px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#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:530em; left:350px; width:500px; height:333px; border:5px solid #000;}

#benefit {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#benefit a.p1, #benefit a.p1:visited {display:block; width:200px; height:122px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#benefit a img {border:0;}
#benefit a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#benefit a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#benefit a.p1:hover .large {display:block; position:absolute; top:570em; left:350px; width:500px; height:306px; border:5px solid #000;}

#set {
    position:center;
    top:10px;
    left:100px;
    width:75px;
    background-color:#fff;
    z-index:100;
}
#set a.p1, #set a.p1:visited {display:block; width:150px; height:188px; text-decoration:none; background:#fff; top:0; left:0; border:2px solid #000; margin:.75em; }
#set a img {border:0;}
#set a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#set a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#set a.p1:hover .large {display:block; position:absolute; top:575em; left:350px; width:400px; height:500px; border:5px solid #000;}