/*=========================================================
Common CSS Used for all except the GRC menuing system which
uses the cssmenu.css style sheet.
=========================================================== */

html {
  font: small/1.4 "Lucida Grande", Tahoma, verdana, sans-serif;
  font-weight: normal;
}

body {
  margin: 5px;
  padding: 0px;
  text-align: left;        /* forces Text to be left aligned in older browsers */
  border: 0px none;
  background-color: #6e8b3d;
  background-image: url('');                    /* background image for window */
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  line-height: 1.0; 
  font-size: 92%;
/*  font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; */
}


/* ************* Page container (or wrapper) defaults ************************* */

#container {
  height:auto;
  width:800px;		                	/* set max width of container   */
  min-width:800px;		                /* sets min width of container  */
  margin:0 auto;
  text-align:left;		                             /* left align text */
  voice-family: inherit;
  border: 1px solid white;	            /* puts border around the container */
  padding: 4px;
  background-color: white;
  background-image: url('../images/musicbkgr.jpg');
}



#header {
  border: 0px solid green;
 /* background-image: url(../pictures/header-picture.jpg); */
  background-repeat:no-repeat;
  background-color:transparent;
  text-align: left;
  padding: 0px;
  margin: 0px;
  line-height:0;
  width: auto;
  height: auto;
}

#header span {
  display: none;
}

/* ******************** */
a  {
  text-decoration: none;
  color: blue;
}

a:hover {
  text-decoration: none;
  color: red;
}
/* ********************** */

/* ********************************
styles for main content area 
********************************* */
#content {
  height:auto;
  margin-right: 0px;
  margin-left: 0px;
  min-height: 50px;
  height: inherit;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  color: black;
  float: center;
}



/*===========content area paragraph items==============*/

p {
  margin-top:0;
  text-align:justify;
  margin-left:2.5%;
  margin-right:2.5%;
  margin-bottom:0.75%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:1.0em;
  line-height: 1.2em;
}

p.first-letter {
  font-weight: bold; 
  font-size: 105%;
  color: navy;
}

p.bold {
  font-weight:700;
  color:red;
  margin-bottom:0;
}

p.indent5 {
  text-align:left;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
  margin: 5px 5px 5px 5px;
  padding: 0;
}

p.indent10 {
  text-align:left;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
  margin: 10px 10px 10px 10px;
  padding: 0;
}

p.center {
  text-align:center;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
  margin: 0px 0px 5px 0px;
  padding: 0;
}


/* ***************************************************
Navigation Bar - Right hand side 
**************************************************** */
#rightnav {
	color: #000;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #242F24;
	float: right;
	background-color:transparent;
	width: 125px;
}

#rightnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}

#rightnav li {
	list-style: none;
	padding: 2px 0;
}

#rightnav ul li {
	text-decoration: none;
	margin-top: 2px;
}

#rightnav ul ul li {
	padding: 3px 0 3px 5px; 
	font-size: 80%;
	font-weight: normal;
}


#rightnav p {
	font-size: .8em;
}


/* ***************************************************
Navigation Bar - Left hand side 
**************************************************** */

#leftnav {
	color: #000;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #242F24;
	float: left;
	background-color: transparent;
	width: 125px;
	height: auto;
}

#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}

#leftnav li {
	list-style: none;
	padding: 2px 0;
}

#leftnav ul li {
	text-decoration: none;
	margin-top: 2px;
}

#leftnav ul ul li {
	padding: 3px 0 3px 5px;
	font-size: 80%;
	font-weight: normal;
}

#leftnav p {
	font-size: .8em;
}

/* ***************************************************
Footer block 
**************************************************** */

#footer {
	float: center;
	width:100%;
	height: 60px;
	text-align: center;
	line-height: 11px;
	vertical-align: top;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #000000; 
	background-color:#d6d6d6;
/*	background-image: url(../images/bkg-foot_17.gif); */
	background-repeat:no-repeat;
	font-size: 9px;
	border-top-style: 0;
	border-top-color: #E5E1D8;
}
#foottl {
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 5px;
}
#foottr {
	float: right;
	width: 250px;
	text-align: right;
	padding-right: 5px;
}


#footer a:link {
              text-decoration: none;
	color: #BA7D2C;
	border: none;
	font-weight: bold;
}


/* ********************************************

********************************************* */
h1 {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
}

.small {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
	font-size:2.0em;
	font-weight: bold;
	color: navy;
}

h2 {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
}

.small {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
	font-size:1.5em;
	font-weight: bold;
	color: navy;
}

h3 {
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;	
	color:green;
}


table {
	margin: 0 0 0 0;
	padding: 2px;
	line-height: 1.2em;
	border: 1px;
	text-align:center;
}


.highlightyel {
background-color: #FFFF40;
font-weight: bold;
font-style: italic;
text-decoration : none;
}

    div.c13 {font-size: 8.0pt; text-align: center}
    div.c12 {border: #000000 0px solid; height: auto; margin: 4px; padding: 5px; text-align: center; width: auto}
    p.c11 {font-size:1.2em; font-weight:700; font-family:'times new roman'; text-align:center;}
    div.c10 {font-size: 1.0em; font-weight: 700; text-align: center}
    p.c9 {font-size:1.2em; font-weight:700; font-family: 'Times New Roman'; color: #0000ff; text-align:center;}
    div.c8 {text-align: center}
    table.c7 {text-align: center}
    td.c6 {text-align: center}
    div.c5 {filter: shadow(color:gray, strength:20, direction:45); padding: 5px; text-align: center; width: 100%}
    p.c4 {font-size:2.0em; font-weight:700; font-family: 'Times New Roman'; color: #0000ff; text-align:center;}
    div.c3 {filter: shadow(color:gray, strength:20, direction:135); padding: 5px; text-align: center; width: 100%}
    table.c2 {background-color: yellow}
    div.c1 {font-size:12.0px; font-weight:700; color:black;}