/*  -- Presentation styles for home page --  */ 
/* begin script */


* {
	margin: 0;
	padding: 0;
	border: 0;
}

div { 
    zoom: 100%;
    /* this is IE proprietary and will NOT validate */
}


p {margin: .6em 1em;}

h1 {
	font-size:  2em;  /*1.4em; */
	text-align: center;
	margin: 1em;
	color: #87554c; 
	border-bottom: 5px double #87554c;
    font-style: italic;
    font-family: Times New Roman;	
}

h3 {
	font-size:  1.4em;  /*1.4em; */
	text-align: center;
	margin: 0.25em 1em;
	color: #87554c; 
    font-style: italic;
    font-family: Times New Roman;	
}


/*  ************ link styles *******************  */

/*  ------ Nav style: default -------  */
    a {
        background: white;
		white-space: nowrap;
	    text-decoration: none; 
    }
    
    
     a:link,  a:visited {
        margin: 0px;
    }
    
    
     a:link {
        color: brown;  /* blue */
    }
    
    
     a:visited {
       color: #800080;  /* purple */
    }
    
    
    a:hover {
       color: black;
	   text-decoration: underline; 
    }

/*  ------ alternate Nav style: "blackLink" ---------  */
	
     a.blackLink:link
	 , a.blackLink:visited {
        color: black;
		background: transparent;
        text-decoration: underline;
    }

    a.blackLink:hover {
		background: white;
    }
	

/*  ************ end Nav styles *******************  */


 /*  ************ class styles *******************  */

.gig {
	margin: .6em 1.5em; 
	border: 3px double #98665d; 
	padding: 5px;
	text-align: center;
}


.note {
	margin: .6em 1.5em; 
	border: 3px double #98665d; 
	padding: 5px;
	font-size: .9em;
	text-align: center;
}

.bandAcronym {
   font-style: italic;
   font-weight: bold;
   letter-spacing: 0.2em;
}

/* ---------------- BEGIN: "ID" styles ---------------  */

div#newsBulletins {
	margin: .6em 1.5em; 
	border: 3px double #98665d; 
	padding: 5px;
	font-size: .9em;
	text-align: left;
    clear: both;
}



    div#bioLinks {
        margin: .8em 1.5em; 
        border: 3px double #98665d; 
        padding: 5px;
        font-size: 1em;
        text-align: center;
    }

    div#bioLinks div.blockMember {
         margin: 0.75em 0;  
        font-size: 1.1em;
    }


    div.blockMember a {
        background: transparent;
         padding: 0.3em 0;
    }

    div.blockMember a:link {
        color: black;
    }


    div.blockMember a:visited {
        color: brown;
    }


    div.blockMember a:hover {
        background: white;
    }


    div.blockMember a span {
        text-decoration: underline; 
    }



/* ---------------------------------  */

div.bio img { 
    border: 2px solid brown;
    float: left;
    margin: 5px;
    margin-bottom: 1px; 
}


/* 
img {
	float: right;
	margin: 5px 10px;
	border: 1px solid #000;
	display: inline;
}
*/


.img1 {
   margin-left: 1.5em;   /* 37% */
/*   margin-top: 2px; */
/*	padding: 0 12%; */
/*	border: 2px solid #b30000; */
/*	text-align: center; */
}


.img2 {
    margin: 0 15%;
/*	padding: 0 12%; */
/*	border: 2px solid #b30000; */
/*	text-align: center; */
}


/*  ************ end - class styles *******************  */


/*   -- Styles for Jello Mold layout --   */

body {
	background: #98665d;
	padding: 2px 305px;
	text-align: center; /* centers #sizer for older IEwin. */
	color: #000;
	font-size: 100.01%;
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
}

#reveal { 
/*	background: #e8c4a1; */
	width: 100%; 
	padding: 2px 0;
}
/* #reveal is not needed for the Jello Mold. It only reveals the body content area
by appearing as a colored block in that area. Don't use this div in a production page. */


#sizer {
	width: 50%; /* This width means that #sizer does not need the Holly hack for layout. */
	max-width: 40px;  /* STD:  edited this down from 200px on 20060316 */
	margin: 0 auto;  /* This centers the less-than-full-width #sizer. */
	text-align: left; /* resets IE/Win centering hack to default. */
	padding: 5px 0; /* this padding is used only to show the jello action more clearly. */
/*	background: #665d98;  */
/*	border: 1px solid #ade;  */
    font-size: .8em;
}

#expander {
	margin: 0 -305px; /* applies the negative side margins. */ 
	position: relative; /* needed so IE/win will show the expanded areas. */
}


/* --- begin: Navigation Header regions --- */

#navHeader {
	width: 99.75%;
/*	height: 1em; */
    
    padding-top: 0.25em; 
/*    padding-bottom: 1em; */
    
    margin-top: 0;
    margin-bottom: 0;
    
    overflow: hidden;
	white-space: nowrap;
    color: white;
	background: #676735; /* dark olive green */
/*    border-top: 0.5em solid white; */

    border-left: 1px solid white; 
    border-right: 1px solid white; 
}


#navHeader span {
    padding: 0 1em;
    margin: 0 3%; 
    color: #676735; 
	background: white;
    font-weight: bold;
}


#navHeader a {
    padding: 0 1em;
/*    margin: 0 5%;  */
    margin: 0 3%; 
    color: white; 
	background: transparent;
	text-decoration: none;
}


#navHeader a:hover {
    color: aqua; 
    text-decoration: underline;
}

/* --- end: Navigation Header regions --- */


#header {
	background: #faf4d0;
	margin-bottom: -5px;
/*	border: 2px dashed #00FF00; */
}


#innerwrapper {
	background: #faf4d0;
/*	border: 2px solid #b30000;  */
    padding-top: 1px;
}

/* \*/
* html #expander,
* html #innerwrapper {height: 0;}
/* Modified Holly hack */


div#medalValor {
	margin: .6em 1.5em; 
	border: 3px double #98665d; 
	padding: 20px;
	font-size: 1em;
	text-align: left;
}

div#medalValor ul {
	text-align: left;
	margin-left: 35%;
}


div#medalValor li {
 padding-bottom: .5em
    }

div#medalValor li a:link
, div#medalValor li a:visited {
        color: black;
		background: transparent;
        text-decoration: underline;
    }

	
div#medalValor li a:hover {
		background: white;
}	

/* -------------------- */	
div#pullQuotes  {
        margin: 10px 20px;
}	

div#pullQuotes div  {
		padding: 5px 10px;
        font-style: italic;
}	

div#pullQuotes p  {
        margin: 0;
        font-weight: bold;
        font-style: normal;
		  font-size: .85em;
}		


/* -------------------- */	

div.pullQuotes  {
        margin: 10px 20px;
}	

div.pullQuotes div  {
		padding: 5px 10px;
        font-style: italic;
}	

div.pullQuotes p  {
        margin: 0;
        font-weight: bold;
        font-style: normal;
		  font-size: .85em;
}		


/* -------------------- */		


div#cdbaby  {
	 margin:0;
     padding:0;
     border-top:1px tan solid;
     padding-top:5px;
}	

div#cdbaby p {
	 margin:0;
     padding:0;
     background: transparent;
}	

div#cdbaby img {
	 margin:0;
     padding:0;
	 border:1px solid tan;
}	

div#cdbaby a.nondecorated {
   padding: 0;
   background: transparent;
}	

div#cdbaby a.nondecorated:hover {
   text-decoration: none;
   background: red; /* a slice of the link is exposed on the bottom? */
}	

/* another CD-Baby div - no. 2 */

div#cdbaby2  {
	 margin:0;
	 margin-top:1em;
     padding:0;
     border-top:1px tan solid;
     padding-top:5px;
}	

div#cdbaby2 p {
	 margin:0;
     padding:0;
     background: transparent;
}	

div#cdbaby2 img {
	 margin:0;
     padding:0;
	 border:1px solid tan;
}	

div#cdbaby2 a.nondecorated {
   padding: 0;
   background: transparent;
}	

div#cdbaby2 a.nondecorated:hover {
   text-decoration: none;
   background: red; /* a slice of the link is exposed on the bottom? */
}	


/* -------------------- */		



/* end of script */