body {position: relative;}

body {
margin-left: 2%; 
margin-right: 5%;
} 

body {
font-family: Helvetica, Arial, Verdana, "Times New Roman", sans-serif;
color: rgb(50%,50%,50%);
background-color: rgb(100%, 100%, 100%);
background-image: url(images/);
background-repeat: repeat;
}
                                                   
/* HEADER and NAVIGATION */




#navsite {
background-color: rgb(100%, 100%, 100%);
padding: 0em 0.2em 0em 0em ;
margin: 8em 0em 0em 0em;
border-top: 0px solid; 
border-bottom: 0px solid rgb(100%, 20%, 100%);
width: 500px;
}

#navsiteguest {
background-color: rgb(100%, 100%, 100%);
padding: 0em 0.2em 0em 0em ;
margin: 8em 0em 0em 0em;
border-top: 0px solid; 
border-bottom: 0px solid rgb(100%, 20%, 100%);
width: 500px;
}

#navsite ul {
padding: 0px;
margin-left: 0px;
color: rgb(100%,0%,0%);
border: 0px solid #778;
font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

#navsite ul li {
list-style: none;
margin: 0px;
display: inline;
}

#navsite ul li a {
padding: .0em;
margin-left: 0px;
border: 0px solid #669;
font-size: 1em;
background-color: rgb(100%, 100%, 100%);
text-decoration: none;
color: rgb(40%, 50%, 30%);
}

#navsite ul li a:hover {
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
background-color: rgb(100%, 100%, 100%);
color: rgb(0%, 0%, 0%);
}

div#header {
color: rgb(204, 51, 102);
display: block; 
width: 700px; 
height: 180px; 
border-bottom: 8px solid rgb(60%, 20%, 60%); 
padding: 0em 0em 0em 0em; 
border-top: 2px solid rgb(60%, 20%, 60%); 
vertical-align: top;
background-repeat: no-repeat;
background-position: right;
background-color: rgb(100%, 100%, 100%);
background-image: url(images/images_fg/grove_logo.gif); 
}

/* END HEADER and NAVIGATION */

/* TABLE TABLE */

table {
width: 500px;
border-collapse: collapse;
background-color: rgb(100%, 100%, 100%);
color: rgb(0%, 0%, 0%);
border: hidden;  
}

table.navigation {
width: 332px;
border-collapse: collapse;
background-color: rgb(100%, 100%, 100%);
color: rgb(0%, 0%, 0%);
border: hidden;  
}

table.guest {
width: 160px;
border-collapse: collapse;
background-color: rgb(100%, 100%, 100%);
color: rgb(0%, 0%, 0%);
border: hidden;  
}

tr#top {
border-bottom: 1px solid rgb(60%, 60%, 60%);
font-size: 10px;
}
tr#bottom {
border-bottom: 0px solid rgb(60%, 60%, 60%);
font-size: 10px;
}

tr.top_grove {
border-bottom: 1px solid rgb(60%, 60%, 60%);
font-size: 12px;
}

tr.bottom_grove {
border-bottom: 0px solid rgb(60%, 60%, 60%);
font-size: 12px;
}

td {
width: 60px;
text-align: center;
border-left: 1px solid rgb(60%, 60%, 60%);
padding: 3px;
}

/* END TABLE */



/* HEADLINE */
h1.green {
background-color: green;
}

h2.Times {
font-family: Times, serif; 
font-style: italic;
}

h3.green {
background-color: green;
}

h4.red {color: rgb(0%, 0%, 0%); background-color: rgb(100%, 40%, 100%); width: 100%; padding: 0.5em 0em 0.5em 0em;}
h4.blue {color: rgb(0%, 0%, 0%); background-color: blue; padding: 0.5em 0.5em 0.5em 0.5em;}
h4.green {color: rgb(0%, 0%, 0%); background-color: green; padding: 0.5em 0.5em 0.5em 0.5em;}
h4.yellow {color: rgb(0%, 0%, 0%); background-color: yellow; padding: 0.5em 0.5em 0.5em 0.5em;}

h4 {
clear:both;
}

h4.rightrecordings {
float: left;
margin: 1em 0em 1em 0em; 
border-bottom: 0px solid; 
color: rgb(60%, 60%,60%);
background-color: rgb(25%, 100%, 25%);
padding: 0.5em 0.5em 0.5em 0.5em; 
width: 95%;
}

/* END HEADLINE */


/* HORIZONTAL RULE */


hr{
width:100%;
height: 2px;
margin-left:auto;
margin-right:auto;
background-color: rgb(60%, 20%, 60%);
}

hr.white {
width: 100%;
height: 0px;
margin-left: auto;
margin-right: auto;
background-color: rgb(100%, 100%, 100%);
}

hr.grey{
width:100%;
height: 2px;
margin-left:auto;
margin-right:auto;
background-color: rgb(40%, 40%, 40%);
}

hr.greybroad{
width:100%;
height: 16px;
margin-left:auto;
margin-right:auto;
background-color: rgb(40%, 40%, 40%);
}


/* END HORIZONTAL RULE */




/* BLOCK QUOTES */

blockquote.left150 {
float: left; 
border: 0px solid#999; 
text-align: left;
font-style: normal;
width: 150px; 
margin: 0em 0.5em 0.5em 0em; 
padding: 0em 0em 0.5em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.right150 {
float: right; 
border: 0px solid#999; 
text-align: left;
font-style: normal;
width: 150px; 
margin: 0em 0em 0.5em 0.5em; 
padding: 0em 0em 0.5em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.left250 {
float: left; 
border: 0px solid black; 
text-align: left;
font-style: normal;
width: 250px; 
margin: 0em 0.5em 0.5em 0em; 
padding: 0em 0em 0em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.right250 {
float: right; 
border: 0px solid black; 
text-align: left;
font-style: normal;
width: 250px; 
margin: 0em 0em 0.5em 0.5em; 
padding: 0em 0em 0.5em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.left325 {
float: left; 
border: 0px solid black; 
text-align: left;
font-style: normal;
width: 325px; 
margin: 0em 0em 0.5em 0.5em; 
padding: 0em 0em 0.5em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.right325 {
float: right; 
border: 0px solid black; 
text-align: left;
font-style: normal;
width: 325px; 
margin: 0em 0em 0.5em 0.5em; 
padding: 0em 0em 0.5em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.left500 {
float: left; 
border: 0px solid#999; 
text-align: left;
font-style: normal;
width: 500px; 
margin: 0em 0em 0.5em 0em; 
padding: 0em 0em 0.5em 0em;
background-color: rgb(80%,80%,80%);
}

blockquote.leftplain {
float: left; 
text-align: left;
font-style: normal;
width: 200px; 
margin: 0em 1em 0em 0em; 
padding: 0em 0.5em 0em 0.5em;
background-color: red;
}
blockquote.rightplain {
float: right; 
text-align: center;
font-style: normal;
width: 200px; 
margin: 0em 0em 0em 1em; 
padding: 0em 0.5em 0em 0.5em;
background-color: red;
}

blockquote.rightimg {
float: right; 
border: 0px solid#999; 
text-align: left;
font-style: normal;
width: 200px; 
margin: 0em 0em 0em 0em; 
padding: 0em 0em 0em 0em;
background-color: rgb(70%, 30%,68%);
}

/* END BLOCK QUOTES */


/* SPAN STRONG PRE CENTRE TEXT */

p span{
font-weight: bold;
font-size: 12px;
color: black;
background-color: white;
}

p.red span{
font-weight: bold;
color: red;
background-color: rgb(100%,80%,100%);
}

p.greybold {
color: rgb(50%,50%,50%);
font-weight: bold;
text-indent: 0em;
}

p.textcenter {text-align: center;}

pre {
font-size: 12px;
font-weight: bold;
}

/* END SPAN STRONG PRE CENTRE TEXT */


/* PULL QUOTES */

p.asideright30 {
float: right; width: 5em; 
margin: 0em 0em 0em 0em; height: auto; 
padding: 0em;
width: 100%; 
color: rgb(50%, 0%, 0%);
border: 1px solid#999; 
background-color: rgb(90%,90%,90%);
}

p.asideleft30 {
float: left; 
width: 30%; margin: 0.5em 0.5em 0.5em 0.5em; height: auto; 
padding: 0.2em;
border: 1px solid#999; 
color: rgb(50%,50%,50%);
background-color: rgb(20%,100%,100%);
}

p.asideleft60 {
float: left; 
width: 60%; margin: 0.5em 0.5em 0.5em 0.5em; height: auto; 
padding: 0.2em;
border: 1px solid#999; 
color: rgb(50%,50%,50%);
background-color: rgb(20%,100%,100%);
}

p.asideright60 {
float: right; 
width: 250px; 
margin: .5em .5em .5em .5em; 
padding: 0px;
border: 1px solid#999; 
color: rgb(50%,50%,50%);
background-color: rgb(20%,100%,100%);
}

/* END PULL QUOTES */


/* ARTIST BLURB */

p.center{
border: 0px solid;
width: 150px;
text-align: center;
background-color: rgb(100%, 100%, 100%);
padding: 0em 0em 0em 0em; 
margin: 0px 0px 2px 0px;
}

p.centerlabel{
border: 0px solid;
width: 150px;
text-align: center;
font-size: 12px;
background-color: rgb(60%, 60%, 60%);
padding: 0.5em 0em 0em 0em; 
margin: 0px 0px 0px 0px;
}

p.artistblurbleft {
margin: 0em 0em 1em 0em;
padding: 0.5em 0em 0.5em 0em;
text-align: left;
width: 95%;
border: 1px solid#999; 
color: rgb(10%,10%,60%);
background-color: rgb(100%,100%,100%);
}

p.artistblurbright {
margin: 0em 0em 0em 0em;
padding: 0.5em 0em 0.5em 0em;
text-align: left;
width: 100%;
border: 1px solid #999; 

color: rgb(10%,10%,60%);
background-color: rgb(100%,100%,100%);
}

p.artistblurbleft img {float: left;
margin: .5em .5em .5em .5em; 
}

p.artistblurbright img {float: right;
margin: .5em .5em .5em .5em; 
}

/* END ARTIST BLURB */


/* IMAGES */

img.link{
border: 0px solid ; 
}

div.flagicon {
z-index: 5;
text-align: center;
margin: 1em 0em 0em 0em; 
padding: 0em;
border: 0px double #666;
}

p.img50L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0.5em 0.5em 0em;
width: 50px;
}
p.img50R img {
float: right;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0.5em 0.5em;
width: 50px;
}

p.img75L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0.5em 0.5em 0em;
width: 75px;
}
p.img75R img {
float: right;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0.5em 0.5em;
width: 75px;
}


p.img100L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 1em 1em 0em;
width: 100px;
}

p.img150L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 1em 1em 0em;
width: 150px;
}

p.img200L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 1em 1em 0em;
width: 200px;
}

p.img200R img {
float: right;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 1em 1em 0em;
width: 200px;
}

p.img250L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 1em 1em 0em;
width: 250px;
}

p.img425L img {
float: left;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
width: 425px;
}

p.img100R img {
float: right;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0.5em 0.5em;
width: 100px;
}

p.img150R img {
float: right;
border: 0px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0.5em 0.5em;
width: 150px;
}

p.img200R img {
float: right;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0.5em 0.5em;
width: 200px;

}
p.img250R img {
float: right;
border: 1px solid black; 
padding: 0em 0em 0em 0em;
margin: 0em 0em 0.5em 0.5em;
width: 250px;
}

/* END IMAGES */



/* COLUMNS */



#column_one {
margin-left: 0em;
position: absolute; top: 18em; left: 0em; width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px; font-weight: normal;
border-right: 0px dotted black;
margin-bottom: 0em;
padding: 0em 0em 0em 0em; margin-bottom: 0em;
background-color: rgb(100%,100%,100%); 
color: rgb(0%,0%,0%);
}

#column_two {
margin-left: 0em;
position: absolute; top:18em; left: 180px; width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em; font-weight: normal;
border-right: 0px dotted black;
padding: 0em 0.5em 0em 0.5em; margin-bottom: 0em;
background-color: rgb(100%,100%,100%); color: rgb(0%,0%,0%);
}

#column_index_left {
margin-left: 0em;
position: absolute; top: 1em; left: 180px; width: 240px; height: 125em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em; font-weight: normal;
border-right: 0px dotted black;
padding: 0em 0.5em 0em 0.5em; margin-bottom: 0em;
background-color: rgb(100%,100%,100%); color: rgb(0%,0%,0%);
}
#column_index_right {
margin-left: 0em;
position: absolute; top: 1em; left: 450px; width: 240px; height: 125em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em; font-weight: normal;
border-right: 0px dotted black;
padding: 0em 0.5em 0em 0.5em; margin-bottom: 0em;
background-color: rgb(100%,100%,100%); color: rgb(0%,0%,0%);
}

#column_five {
margin-left: 0em;
position: absolute; top: 16em; left: 720px; width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
border: 0px solid black;
margin: 0em 0em 0em 0em;
padding: 0.5em 0.5em 0.5em 0.5em;
background-color: rgb(100%,100%,100%);
color: rgb(0%,0%,0%);
}

#column_advert {
margin-left: 0em;
position: absolute; top: 17em; left: 720px; width: 175px; height: 85em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
border: 0px solid black;
margin: 0em 0em 0em 0em;
padding: 0.5em 0.5em 0.5em 0.5em;
background-color: rgb(100%,100%,100%);
color: rgb(0%,0%,0%);
}

#column_main_left {
border-right: 0px dotted #666;
margin-left: 0em;
position: absolute; 
top: 18em; left: 0em; height:75em; width: 325px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em; font-weight: normal;
padding: 0em 0em 0em 0em; margin-bottom: 0em; margin-top: 0px;
background-color: rgb(100%, 100%, 100%); color: rgb(0%,0%,0%);
}

#column_main_right {
border-left: 0px dotted #666;
border-right: 0px dotted #666;
margin-left: 0em;
position: absolute; 
top: 1em; left: 360px; width: 340px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em; font-weight: normal;
padding: 0em 0em 0em 0em; margin-bottom: 0em; margin-top: 0px;
background-color: rgb(100%, 100%, 100%); color: rgb(0%,0%,0%);
}

#column_main_mid {
margin-left: 0em;
position: absolute; top: 16em; left: 175px; width: 500px; height: 125em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: normal;
border-left: 0px dotted black;
border-right: 0px dotted black;
padding: 0em 1em 0em 1em;
margin-bottom: 0em;
background-color: rgb(100%,100%,100%);
color: rgb(0%,0%,0%);
}



#column_five_boxadvert {
border: 0px solid#999;
position: absolute; top: 0em; left: 720px; width: 150px; height: 15em;
margin: 0em; 
font-size: 12px; 
color: rgb(0%, 0%, 0%); 
background-color: rgb(80%, 80%, 80%);
padding: 5px 5px 5px 5px;
}

/* END COLUMN 
color: rgb(0%,0%,0%);
 filter:alpha(opacity=60);
  opacity:0.4;
  -moz-opacity:0.6;

*/



/* BOXES */

div.boxinfo {
border:0px solid#999;
float: left; 
margin: 0.5em 0em 0.5em 0em; 
font-size: 12px; 
color: rgb(0%, 0%, 0%); 
background-color: rgb(100%, 80%, 100%);
padding: 0.5em 0.5em 0.5em 0.5em; 
width: 140px;
}

div.boxadvert {
border: 1px solid rgb(0%, 0%, 0%);
float: left; 
margin: 0.5em 0em 0.5em 0em; 
font-size: 12px; 
color: rgb(0%, 0%, 0%); 
background-color: rgb(100%, 100%, 100%);
padding: 0.5em 0.5em 0.5em 0.5em; 
width: 150px;
}
div.boxadvertgrey {
border:1px solid rgb(0%, 0%, 0%);
float: left; 
margin: 0.5em 0em 0.5em 0em; 
font-size: 12px; 
color: rgb(0%, 0%, 0%); 
background-color: rgb(80%, 80%, 80%);
padding: 0.5em 0.5em 0.5em 0.5em; 
width: 150px;
}

.boxone {
border-top: 1em;
color: rgb(50%, 50%, 50%);
float: left; 
margin: 0em 0em 1em 0em; 
padding: 0em 0.5em 0em 0.5em; 
font-size: 1em;
color: rgb(0%, 0%, 0%); 
background-color: transparent;
padding: 0em 0.5em 0em 0.5em;
margin: 0em 0em 1em 0em;  
width: 330px;
}


.boxtwo {
float: left; 
margin: 0em 0em 1em 0em;
font-size: 1em;  
border: 1px solid; 
color:#000000; 
background-color: transparent;
margin: 0em 0em 1em 0em; 
padding: 0em 0.5em 0em 0.5em; 
width: 190px;
}

.boxthree {
border-top: 1em;
color: rgb(50%, 50%, 50%);
float: right; 
margin: 0em 0em 1em 0em; 
padding: 0em 0.5em 0.5em 0em; 
font-size: 1em;
color: rgb(0%, 0%, 0%); 
background-color: rgb(100%, 100%, 100%);
padding: 0em 0.5em 0.5em 0.5em;  
width: 190px;
}

/* END BOXES */


/* LINKS LISTS */

ul {
margin: 0px 0px 0px 10px;
}

ul.none {
margin: 0px 0px 0px -10px;
}

li {
list-style-type: disc;
font-weight: bold;
color: rgb(0%,0%,0%);
font-size: 1em;
border: 0px solid #669;
}

li.none {
list-style-type: none;
font-weight: bold;
color: black;
font-size: .9em;
border: 0px solid #669;
}

a:link {
font-weight: bold;
color: blue;
border: 0px;
text-decoration: none;
background-color: transparent;
}


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

a:hover {
font-weight: bold;
background-color: rgb(100%,100%,100%);
text-decoration: underline;
}

a:hover.linkgrey {
font-weight: bold;
background-color: rgb(60%,60%,60%);
text-decoration: underline;
}

a:active {
font-weight: bold;
text-decoration: underline;
color: red;
background-color: rgb(100%,100%,100%);
}

a[href][title] {
font-style: italic;
font-size: 18px;
font-family: Times, serif;
color: blue;
}

a.green[href][title] {
font-style: italic;
font-size: 18px;
font-family: Times, serif;
color: green;
}

/* END LINKS LISTS */


/* LINKS NAVIGATION */

a.navigation {
font-size: 1.2em;
font-family: Times, serif;
color: black;
}
a.navigation:visited {
font-weight: bold;
color: rgb(20%,20%,40%);
text-decoration: none;
background-color: transparent;
}
a.navigation:hover {
font-weight: bold;
color: blue;
background-color: rgb(100%,100%,100%);
text-decoration: underline;
}


/* END LINKS NAVIGATION */



/* FOOTER */

#footer {
position: absolute; left: 0; width: 950px; height: 2em;
top:125em;
text-align: center;
 border-top: 2px solid;
 padding-bottom: 0em; 
background-color: white;z-index:2;
}
/* END FOOTER */


/* BELOW REDUNDANT */

p.nav {margin: 0em 0em 0.2em 0em;
}

h1.sideimage
{
color: rgb(30% , 30%, 100%);
}

h2.sideimage{
color: rgb(20% , 80%, 20%);
}

h5.contents {
float: left; 
margin: 0.5em 0em .5em 0em; 
border-bottom: 0px solid; 
color: rgb(0%, 0%, 0%);
background-color: rgb(70%, 70%, 70%);
padding: 0.5em 0em 0.5em 1em; 
width: 33%;
}