/* CSS Document */
body { font-family:  Arial, Helvetica, sans-serif; font-size: 13px; color: #666;
background-color: #E6E6E6; margin: 0; padding: 0; }
#wrapper { margin: 0 auto; width: 776px; background-color: #E6E6E6; 
border: 4px solid #fff; 
margin-bottom: 10px 0 10px 0; margin-top: 10px; }
#head{ background-color: #fff; margin: 0; height: 126px; width: 776px; padding: 0; border-bottom: 1px solid #fff; 
background-image: url(../images/headers/gvine_header1.jpg); background-repeat: no-repeat;}
#head img { margin: 0; padding: 0; float: left; }

#foot { background-color: #FFF; width: 776px; margin: 30px 0 0 0; display: block; padding: 5px 0 5px 0; 
background-image: url(../images/headers/gvine_footer.jpg); background-repeat: no-repeat;}

/*CONTENTRIGHT*/	
#contentright { margin: 40px 0 10px 0; width: 316px; padding-bottom: 15px; 
background-color: none; float: left;  }

/*CONTENTLEFT*/	
#contentleft { margin: 10px 5px 10px 0; width: 445px; padding-bottom: 15px; 
background-color: #FFF; float: left; border-bottom: 2px solid #980B50; border-top: 5px solid #980B50;}
#contentleft img { margin: 5px 10px 5px 10px;  float: left; }


/* INDEX LEADERS*/
#leaderblk{ background-color: #000; }
#leaderpnk{background-color: #C0833F; }	
#leaderpurple{background-color: #980B50; }
#leaderbrow { background-color: #60413E; }
.leader { clear: both; padding-bottom: 8px; width: 300px; height: 65px; float: right; margin: 0 0 8px 0;} 
.leader img { border: 1px solid #fff; padding: 0;  margin: 5px 10px 5px 10px;  float: left;} 


/*QUOTE BOX*/
#quote{ padding-bottom: 5px; width: 300px; float: right; margin: 0 0 5px 0;
clear: both; background-color: #FFF; border-top: 1px dashed #980B50;}

/*MEDIA BOX*/
#whiteboxright { padding-bottom: 5px; width: 300px; float: right; margin: 0 0 5px 0;
clear: both; background-color: #FFF; border-top: 1px dashed #980B50;}
#whiteboxright img { margin: 0; padding: 0;} 

#whiteboxright2 { padding-bottom: 5px; width: 300px; float: right; margin: 0 0 5px 0;
clear: both; background-color: #FFF; border-top: 1px dashed #980B50;}
#whiteboxright2 img { margin: 0; padding: 0;} 

/*ARTIST BOX*/
#artistbox{ padding-bottom: 8px; width: 180px;  float: left; margin: 0 0 5px 3px;
 background-color: #4A4A4A; }	
#artistbox a  {text-decoration: none; color: #fff; }
#artistbox a:hover { text-decoration: underline; color: #fff; }

/* RESOURCE CONTENT*/	
#resourcecontent { margin: 40px 5px 10px 0; width: 760px; padding-bottom: 15px; 
background-color: #FFF; float: left; border-bottom: 2px solid #980B50; border-top: 5px solid #980B50;}
.resourcecontain {    float: left; margin: 10px 10px 15px 10px; background-color: none;
padding: 0; }
.resourcecontain td { border: 1px solid #DDDDDD;  text-align: center; font-weight: bold; font-size: 11px;}
.resourcecontain p { margin: 5px 5px 5px 5px; text-align: left; font-size: 12px; line-height: 140%; } 
.resourcecontain h1 { margin: 5px 5px 5px 5px; text-align: left; font-size: 17px; font-weight: lighter; } 

.greyshade { color: #980B50;  font-weight: lighter; background-color: #E9E9E9;  }
.magentashade { color: #fff;  font-weight: lighter; background-color: #980B50;  }

/* event CONTENT*/	
#eventcontent { margin: 0 0; width: 776px; padding: 10px 0 15px 0; 
background-color: #FFF; float: left; border-bottom: 2px solid #980B50; border-top: 5px solid #980B50;}


/*CONTENTLEFT SMALL*/	
#contentleftsml { margin: 40px 20px 10px 0; width: 250px; padding-bottom: 15px; 
background-color: #FFF; float: left; border-bottom: 2px solid #980B50; border-top: 5px solid #980B50;}

/*CONTENTLEFTARTIST*/	
#contentleftartist { margin: 40px 15px 10px 0; width: 330px; padding-bottom: 15px; 
background-color: #FFF; float: left; border-bottom: 2px solid #980B50; border-top: 5px solid #980B50;}
#contentleftartist img { margin: 5px 10px 5px 10px;  float: left; }


/*GALLERY*/
#gallery {text-decoration: none; table-layout: inherit; margin: 0; border: 0; }

#table img { margin: 0; padding: 0; }

#gallery td { border: 1px solid #fff; height: 90px; margin: 5px; width: 80px; }

/* LINKS */
#contentright a, #contentleft a, #resourcecontain a, #resourcecontent a {text-decoration: none; color: #B66529; }
#contentright a:hover, #contentleft a:hover, #resourcecontain a:hover, #resourcecontent a:hover { text-decoration: underline; color: #B66529; }

#leaderpnk a, #leaderpurple a, #leaderbrow a { text-decoration: none; color: #fff; }
#leaderblk a { text-decoration: none; color: #fff; } 

.contentstriplong a, .contentstrip a{ color: #B00054; text-decoration: underline;} 
.contentstriplong a:hover,  .contentstrip a:hover{ color: #B00054; text-decoration: underline;} 
 
 .leader a { color: #fff; text-decoration: none;} 
  .leader a:hover{ color: #FF8000; text-decoration: none;} 

#leaderblk a { color: #fff; text-decoration: none;} 
#leaderblk a:hover{ color: #E50E6C; text-decoration: none;}
 #leaderpnk a { color: #fff; text-decoration: none;} 
 #leaderpnk a:hover{ color: #E50E6C; text-decoration: none;} 
#leaderpurple a { color: #fff; text-decoration: none;} 
#leaderpurple a:hover{ color: #E50E6C; text-decoration: none;} 
#leaderbrow  a { color: #fff; text-decoration: none;} 
#leaderbrow  a:hover{ color: #E50E6C; text-decoration: none;} 

#foot a  {text-decoration: none; color: #FFCC00; }

/*MISC STYLES*/
.clear { clear: both; height: 5px; } 
img { margin: 0; padding: 0; } 
.blackborder { border: 1px solid #000;} 
.whtborder { border: 1px solid #fff;} 

/*TEXT STYLES*/
p { margin: 5px 10px 9px 10px; text-align: left; font-size: 14px; line-height: 160%; } 
h1 { margin: 10px 10px 9px 10px; text-align: left; font-size: 27px; font-weight: lighter; } 
h2 { margin: 2px 2px 2px 2px; text-align: left; font-size: 14px; line-height: 140%;
font-weight: bold; color: #FFFFFF; }
h3 {margin: 5px 5px 1px 10px; text-align: left; font-size: 25px; font-weight: normal; color: #FFF;}
h4 { margin: 5px 10px 9px 10px; text-align: left; font-size: 14px; line-height: 160%;
font-weight: bold; }
h5 { margin: 5px 10px 9px 10px; text-align: center; font-size: 13px; color: #FFFFFF; font-weight: lighter; }
h6 { margin: 10px 10px 9px 10px; text-align: left; font-size: 15px;  } 

.blk { color: #000;} 
.magentastyle { color: #980B50; font-weight: lighter;}
.gntxt { font-weight: lighter; background-color: #98CB00; color: #fff; }


a.mag:link {color:#980B50; text-decoration: underline; }
a.mag:visited {color:#980B50; text-decoration: underline; }
a.mag:hover {color: #980B50; text-decoration: underline; }
a.mag:active {color:#980B50; text-decoration: underline; }

a:link {color:#980B50; text-decoration: underline; }
a:visited {color:#980B50; text-decoration: underline; }
a:hover {color: #980B50; text-decoration: underline; }
a:active {color:#980B50; text-decoration: underline; }

/* NAVIGATION */
#navbox{ background-color: #60413E; padding: 0; margin: 0; width: 776px; float: left; font-size: 12px;}
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none;
list-style-position: outside; }
#nav a { display: block; width: 100px; padding: 5px 0 5px 5px; color: #FAF4E9; 
text-decoration: none;}
#nav li { float: left; width: 100px; }
#nav li ul {  position: absolute; width: 100px; left: -999em; }
#nav li ul li {border-bottom: 1px solid #fff;}
#nav li ul li:hover, #nav ul li.sfhover { background-color: #B66529; color: #fff;}
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-color: #C0833F; color: #fff;}
#nav ul a {color: #fff; }
#nav a:hover { color: #fff;}


/*BOTOTM LOGOS*/
#tail { margin: 0 auto; width: 776px; background-color: #fff; 
border: 4px solid #fff; margin-top: 5px; }
#tail img { padding: 0; margin: 0; } 

/*CONTACT FORM*/
#contactme {   padding: 5px 0 0 20px;  margin: 0 0 0 5px; float: left; } 
#contactme td { width: 100px; }