@charset "utf-8";
	
.text {  
	font-family: Arial, Helvetica; 
	font-size: 13px; 
	font-style: normal; 
	color: #000000;
	width: auto;
	padding: 0px 0px 50px 10px;
	float: none;
}

.hometext {  font-family: Arial, Helvetica; font-size: 12px; font-style: normal; line-height: 18pt; color: #000000}
.back {  font-family: Arial, Helvetica; font-size: 10px; font-style: normal; color: #00136A; text-decoration: underline}
.back1 {  font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #3E5EB5; text-decoration: none}
.tblbg {  background-color: #E5E5E5}
h2 {  font-family: Arial, Helvetica; font-size: 20px; font-style: normal; font-weight: bold; color: #0D2D84}
h4 {  font-family: Arial, Helvetica; font-size: 12px; color: #400040}
td {  font-family: Arial, Helvetica; font-size: 12px; color: #000000}
bg {  background-color: #F1F1F1}
 
.centeredbody {
	background-image: url(../graphics/website_bg.jpg);
	background-repeat: repeat-x;

	width: 60em;
/*	background: white; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div.container2 { 
	background-image: url(../graphics/shadowed_bg2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:left; /* needs this */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left;/* this overrides the text-align: center on the body element. */
	height: 100%;
}

.mainheader {
/*	position: inherit; */
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-left: 6px;
	padding-right: 6px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 768px;  /* a few pixels shorter to show the background border */
	height: auto;
	display:block;
	float:left; /* for firefox */
}

.maintitle {
/*	position: inherit; */
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	height: 2em;
	width: 700px;
	font-style: italic;
	font-weight: bold;
	color: brown;
	font-size:x-large;
	display: block;
	float: none;
}

.topstrip {
 	background-image: url(../graphics/topstrip.jpg);
	background-repeat:repeat-x;
    z-index:10;
	width: 100%; /*768px;*/
	height: 120px;
}

.borders{
	border-color: black;
	border-style: solid;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
}
#logo {
/*	background-image: url("../graphics/musicians_home_img.gif");
	background-repeat:no-repeat;
	position:inherit; */
	padding-left:38px;
    margin-top:0px; 
    z-index:20;
	height:110px;
	width: 140px;
	float: left;
	display: block;
}

.pageImage {
	display: block;
	float: right;
	margin-left: 20px;
}

.profile {
	height:250px;
	padding:25px;
	background-image: url(../graphics/website_bg.jpg);
	background-repeat: repeat-x;
	width: 45em;
/*	background: white; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; 
}

.profile_title{

	font-family: Arial, Helvetica; 
	font-size: 20px; 
	font-style: normal; 			
	font-weight: bold; 
	color:blue;
}
   
.profile_img{

	float:left; 
	background:#FFF5D7;
	padding: 5px 5px 5px 5px;
	height:185px;
}   

.profile_text {
	background:#FFF5D7;
	height:185px;
	padding:10px 30px 0 30px ;
	overflow:scroll;
}
#tagLine {
	margin-left:350px;
	margin-top:0px;
	z-index:22;
	height:8px;
	width: 380px;
	/* this overrides the text-align: center on the body element. */
	text-align: right;
	font-style: italic;
	font-weight: bold;
	color: brown;
}

body {
	font-family:Arial, Helvetica;
    background:#fff;
    margin:0;
    padding:0;
    color:#000;
    font:x-small/1.5em Georgia,Arial;
    font-size:small;
} 
  
  
#mainmenu { 
	background:url("../graphics/bgline.gif") repeat-x  left bottom; /* brown thin line */
	/*background-color:RED;*/
	display: block;
	float: left;
	width: 95%;
	height: 24px;
	padding-top: 0px; /*10px;  /* push down the tab menu from the top */
	padding-right: 0px;
	padding-bottom: 0px; /*1px;*/
	padding-left: 5%; /* push down the tab menu from the left*/
	margin: 0px 0px 0px 0px;

	
	border-top: 0px;
	border-left: 0px; 
	border-right: 0px;
	border-bottom: 1px;
	border-style:solid;
	border-color: #663300;  /* brown thin line */
}

#menulist {
    list-style:none;
	font-size:100%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
    width:100%;
	display: block;
}


/* this shows the left most rounded part of the tab button */
#menulist li {
    background: no-repeat url("../graphics/left_both.gif") left top;
    padding-left:9px; /* push the contents away 9px so we can see the background */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;

	/* duplicating these cause inheritance isn't working */
	height: 24px;	/* this is taller because the image has no words */
	float: left;
	display: block;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#menulist a {float:none;}
  /* End IE5-Mac hack */


/* this shows the text and the rest of the tab button */
#menulist a {
	font-family:Arial, Helvetica;
	background:url("../graphics/right_both.gif") no-repeat right top;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	color: #ffffff; /* menu title text */
	height: 21px;  /* this is smaller because the image has no words */
	display: block;
    /* top: push down the words from the top  
		right: make the text centered in the tab button 
		bottom: nothing
		left: this plus the already 9px padding = 15 px */
	/* note, need to use this form of padding, that is all values in one, to make IE work!!!!!!  */
	padding:3px 15px 0px 6px;

	float: left; 
	
}

#menulist a:hover {
      color:black; /*#333; */
      }
	  
#menulist ul a {width:auto;}

#menulist #current {
	background-position:0 -150px; /* show the active tab */
	padding: 0px 0px 0px 9px;  /* sliding door, this exposes the left hand side of the tab */
	height: 25px; /* set the height so that the left hand side bleeds into the bottom */
	
	/* the next 2 lines are a hack for ie 6 */
	margin-bottom: -2px;
	/* position: relative;  removed cause it makes the tab reposition */
}

#menulist #current a {
	background-position:100% -150px;
    /* top: 
		right: show the right hand side of the tab
		bottom: nothing
		left: show the left hand side of the tab */
	padding: 0px 15px 0px 6px;  /* 9 + 6 = 15 */ 
	color:black; 

	height: 25px; /* make it bigger to make it bleed into the next container */
}

#menulist li:hover, #menulist li:hover a {
	background-position:0% -150px;
	color:black; 
	margin: 0px 0px 0px 0px;
}
#menulist li:hover a {
    background-position:100% -150px;
	margin: 0px 0px 0px 0px;
}

#mainContent {
	z-index:100;
	width: 700px;
	border: 0 px solid #000000;
	padding-left: 40px; /* text */
	padding-right: 40px; 
	padding-bottom: 10px;
	float: left;
}


.submenu {
      background:url("../graphics/bg.gif") repeat-x bottom;
	/*z-index: 100;*/
	font-size:92%;
	width:90%;
	display: block;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 10%;
	height:30px;
	
/*	margin-top:-17px; */
	
} 

#submenulist {

	font-family: Arial; 
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px; 
	padding: 3px 0px 0px 0px;

}

#submenulist li{ 
	margin: 0px 25px 0px 0px; /* space out the sub menu items */
	list-style-type: none;
	color:white; 
	display:inline;
}

#submenulist a {
	margin: 0px 30px 0px 0px;
	text-decoration:none;
	color:white; /* menu title text */
}

#submenulist a:hover {
      color:black;
}

#submenulist #active {
      color:black;
	  text-decoration: underline;
}



#pagegraphic{
	margin-left:250px;
	margin-top:-10px;
	z-index:20;
	height:8px;
	width: 380px;

}

img.img_right { float:right; padding:4px; }
img.img_left { 

	float:left; 
	padding-right:7px;
}

hr.left {
    height:10px;
    width:200px;
    background:black;
    margin: 0px 0px 0px 0px;  
}

.cprtimg {
	background-image: url(../graphics/blue_line.jpg);
	background-repeat: repeat-x;
/*	height: 11px; */
	padding: 0 0px 0 200px;
	margin: 0px 10px 0px 10px;
	display: inline;
}

.revised { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
}

#footright {
 	background-image: url(../graphics/bottomstrip-solid.jpg);
	margin: 0px 0px 0% 6px;
	width: 768px;
	height: 2em;
	float: inherit;
}

#bottomstrip {
 	/*background-image: url(../graphics/bottomstrip.jpg);*/
 	background-image: url(../graphics/bottomstrip-solid.jpg);
	margin: 0px 0px 0px 6px; /* move away from the edge */
	width: 768px;
	height: 2em; /* padding increases the div size, thus to preserve the image and have a padding, need to decrease the overall size.  The jpg size is really 53px */
	float: inherit;	/* need this to keep ie 6 from freaking out */
	vertical-align: text-top;
	text-align: center;
	padding: 5px 0px 5px 0px; 
	display: block;
}

#bottomnavlist { 
	font-size:11px;
	font-family: Arial; 
	font-weight: normal;
	text-decoration: none;
	color:#0000FF;
	float:none;
	display:inline;
	padding: 0px;
}

#bottomnavlist li { 
	display: inline;
	list-style-type: none;
	padding: 0px 30px 0px 30px;
	border-bottom: 0px;
	border-top: 0px;
	border-left: thin;
	border-right: 0px;
	border-style: solid;
	border-color: black;
}


a.nav:link {color:#000099; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: none; }
a.nav:active {color: blue; }

#copyright{  
	float: right;
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	padding-right: 1em; 
	padding-top: 1em; 
}