@charset "utf-8";
/* Global Styles */

body {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	max-width: 960px;
	padding-left: 2.275%;
	padding-right: 2.275%;
}
/* Header */
header {
	text-align: center;
	display: block;
}







header .bandName {
	text-align: center;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 42px;
	line-height: 45px;
}	


header .bandTagLine {
	text-align: right;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 16px;
}	
	
.mainContent {
	margin-right: 20%;
}







/* from goh.org */
/* I killed all the mainContent stuff, not sure I should put it back and put this in there */

h3 {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	}
h2 {
        font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
        font-size: 17px;
        line-height: 17px;
		font-weight: bold;
        text-align: left;
        color: #333333;
        }

p, td {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 14px;
	color: #333333;
	}

/* anchor tags */
A:link {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	color: #555555;
	border-color:  #555555;
	}
	
A:active {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #555555;
	border-color:  #555555;
	}
	
A:visited {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	color: #555555;
	border-color:  #555555;
	}
	
A:hover {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	border-color:  #000000;
	}










/*  this is the new navigation menu */

.menuSpacer {
	font-size: 2px;
}

.topnav {
    background-color: #888888;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #FFFFFF;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 12px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #dddddd;
    color: #000000;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #444444;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
.topnav .menuLocation {
    display: none;
	background-color: #444444;
    color: white;
}


/* the subnav */

.subNav {
    background-color: #888888;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.subNav a {
    float: left;
    display: block;
    color: #FFFFFF;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 12px;
}

/* Change the color of links on hover */
.subNav a:hover {
    background-color: #dddddd;
    color: #000000;
}
















/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
.mainContent {
	margin-right: auto;
}

	
}
/* end mobile devices */










/* extra stuff for mobile from the newer menu i'm using */
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */

@media screen and (max-width: 540px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
	.topnav a.menuLocation {
    float: left;
    display: block;
  }
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 540px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
.topnav.responsive a.menuLocation {
    display: none;
  }
}	





/* Media Query for Tablets */
/* tablets may not be any different from desktop */

@media only screen and (min-width : 481px) and (max-width : 1024px) {	
.mainContent {
	margin-right: 10%;
}
	
	
}

/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
/* nothing different here from the default */
	
}





////////////////////////////////////////////////

/*

<STYLE type="text/css">




BODY { 
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 12px;
	color: #333333;
    }
img {
	border-color:#ffffff;
	}

p, td {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 12px;
	color: #333333;
	background-color:#ffffff;
	border-color:#000000;
	border:none;
	}
table {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 12px;
	color: #333333;
	background-color:#ffffff;
	border-color:#000000;
	border:none;
	}
dt, dd {
	margin-top: 0px;
	border-top-width: 0;
	}

li, ul {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 12px;
	color: #333333;
	}

th {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	}
	
h5 {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 10px;
	line-height: 4px;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
h4 {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	color: #333333;
	margin-bottom: 0px;
	}
	
h3 {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	}

h2 {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 17px;
	line-height: 17px;
	text-align: left;
	color: #333333;
	}


h1 {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	}


a.credits {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 10px;
	color: #333333;
	}






A:link {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	color: #555555;
	border-color:  #555555;
	}
	
A:active {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #555555;
	border-color:  #555555;
	}
	
A:visited {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	color: #555555;
	border-color:  #555555;
	}
	
A:hover {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-color:  #000000;
	}

A.pulldown {
	font-family: Geneva, Verdana, Arial, sans-serif, non-serif;
	font-size: 10px;
	color: #600000;
	}
	
	
small.dull {
	font-family: verdana, helvetica, arial, sans-serif, non-serif;
	font-size: 10px;
	color: #ffffff;
	}
	
	
	

        td.navSpacer {
            background-color : #ffffff; }




        a.navOn {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOn:link {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOn:active {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOn:visited {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOn:hover {
            color : #000000;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }


        td.navActive {
            background-color : #444444; }





        a.navOff {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOff:link {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOff:active {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOff:visited {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.navOff:hover {
            color : #000000;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }


        td.navInactive {
            background-color : #888888; }





        a.subNavOn {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOn:link {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOn:active {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOn:visited {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOn:hover {
            color : #000000;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }


        td.subNavActive {
            background-color : #444444; }




        a.subNavOff {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOff:link {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOff:active {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOff:visited {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subNavOff:hover {
            color : #000000;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }


        td.subNavInactive {
            background-color : #888888; }





        a.subSubNavOn {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOn:link {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOn:active {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOn:visited {
            color : #FFFFFF;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOn:hover {
            color : #a863a8;
            font-weight : 700;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }


        td.subSubNavActive {
            background-color : #38b549; }




        a.subSubNavOff {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOff:link {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOff:active {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOff:visited {
            color : #FFFFFF;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.subSubNavOff:hover {
            color : #a863a8;
            font-weight : 800;
            font-size : 10px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }


        td.subSubNavInactive {
            background-color : #5f7686; }
			




		a.whyNav {
            color : #600000;
            font-weight : 800;
            font-size : 17px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.photoNav {
            color : #600000;
            font-weight : 800;
            font-size : 12px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.photoNav:link {
            color : #600000;
            font-weight : 800;
            font-size : 12px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.photoNav:active {
            color : #600000;
            font-weight : 800;
            font-size : 12px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.photoNav:visited {
            color : #600000;
            font-weight : 800;
            font-size : 12px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

        a.photoNav:hover {
            color : #B00000;
            font-weight : 800;
            font-size : 12px;
            font-family : Geneva, Verdana, Arial, sans-serif;
            text-decoration : none; }

img.photoLink {
            border-color:#ffffff; }

img.photoLink:hover {
	border-color:#555555;
	}



</STYLE>

*/