body {
overflow: scroll;  /*Firefox truncates page at screen height on pages using simpleviewerpro sftwr for a slideshow if this stmt not included. */
font-family : verdana, Tahoma, Arial, sans-serif;
font-size : 80%;
color: #f0f0ff;  /* Text is lt gray. ffffff is white. */
background-color:#000000; /* Screen bkgnd is black. */
/* Top margin 0px; left/right margin auto = centered in non IE. */
margin: 0 auto;
text-align: center; /* IE centers all; IE6 not recog. 'auto' */
border: 0px;
padding: 0 0 0 0;
}

a, a:link, a:visited {
color : #dcc882;  /* tan */
text-decoration: none;
font-weight:bold;
}

a:focus, a:hover {
color : #ffd82d;  /* gold  f0d282 */
text-decoration : underline;
}
a:active {
color : #ffd82d;
text-decoration : none;
font-weight:bold;
}

/* -------------------------------------------------------------------------------------------- */
h1  {
color: #f0f0ff; /* Jessie Tisdale text color in header */
font-size: 175%;
font-weight: bold;
font-family:"Lucida Calligraphy";
text-align:center;
}
/* Use instead for major heading when bkgd is light (p defaults to body color= f0f0ff (light gray) */
h2  {
color: #7a6dcb;  /* content bkgd color = soprano text color in header */
font-size: 175%;
font-weight: bold;
font-family:"Lucida Calligraphy";
text-align:center;
}
/*Major centered, sub heading when bkgd is light */
h4  {
color: #7a6dcb;
font-size: 115%;
font-weight: bold;
text-align:center;
}
/* Use of left headings when bkgd is light*/
h3  {
color: #000000;
font-size: 115%;
font-weight: bold;
/*  text-decoration:underline;  */
text-align:left;
padding: 1px 6px 1px 6px;
}
/* Use instead of p for text when bkgd is light */
h5 {
color: #333333;
font-size: 100%;
font-weight: bold;
text-align:justify; 
}
/* Right col. on gallery.htm */
h6 {
color: #000000;
font-size: 100%;
font-weight: bold;
text-align:center;
font-style:italic;
}

/* ------------------------------------------------------------------------------------------------------ */
#outer {
background-color:#2e1ba5; /*dark gray peri. */
width: 820px ; /* 15px on l & r of 800px content area */
margin: 0 auto;
text-align: center;
padding-bottom:10px;
}

#outer #header { 
position: relative; /*change to 'fixed' or 'absolute' to make header top of every page didn't work with 'content' margin top 214px */
background-image:  url("images/cjesshdr800x140.jpg");
background-repeat: no-repeat;
width: 800px; /*  Forces 'header' to have layout in IE6 and below; also to contain bkgnd image */
height: 140px;
margin: 0 auto; /*center on Mac pre-IE/Firefox; not nec. for other browsers. */
padding-bottom: 5px;
}

#outer #navbar {
position: relative; /*change to 'fixed' or 'absolute' to make header top of every page didn't work with 'content' margin top 214px */
background-image:  url("images/navbkgd800x35.jpg");
background-repeat: no-repeat;
width: 800px; /*Forces 'header' to have layout in IE6 and below; also to contain bkgnd image */
height: 35px;
margin: 0 auto; /*center on Mac pre-IE/Firefox; not nec. for other browsers. */
padding-bottom: 5px;
}

/* ------------------------------------------------------------------------------------------------------------ */
#outer #content {
background-color: #7a6dcb; /* soprano text color in header */
position: relative;
width: 800px ;  /* 'outer' is 820px, so 10px for 'outer' color margin on each side */
margin: 0 auto; /*center on Mac pre-IE/Firefox; not nec. for other browsers. */
padding-bottom: 1px;
}

#outer #content p, li {
      color: #f0f0ff;  /* Jessie Tisdale text color in header */
      font-size : 100%;
      font-weight:bold;
      text-decoration : none;
      text-align:left;
      }
#outer #content ul {
      list-style:none;
	  }

/*  div 'linktext' is for text on '1 Area' pages, like index.htm, that are one 790x610px picture; text is centered vertically and on rt side */
#outer #content #pictext {
position:absolute;
top:216px;
left:490px;
padding: 0px 20px 1px 20px;
background-color:#000000; /* like black in picture where text is located */
}
#outer #content #pictext p, li {
      color:#f0f0ff ;
	  font-weight:bold;
      font-style:italic;
      text-align:left;
      font-size: 140%;
	  }
#outer #content #return {
      padding: 1px 1px 1px 5px;
	  }	  
/* --------------------divs for resume.htm and repertoire.htm    --------------------------------------------- */

#outer #content #onelikert {
background-color:#a9a9ff; /* med. periwinkle  */
width: 786px; /* 'content' is 800px, minus 7px for 'content' color margin on each side */
border: 0px;
padding-top: 1px; 
padding-bottom: 7px;
margin: 0 auto; /*center on Mac pre-IE/Firefox; not nec. for other browsers. */
}

#outer #content #onelikert img {
       border-color:#f0f0ff;
       border-style:solid;
       border-width:4px;
       }

#outer #content #onelikert blockquote p {
       text-align: justify ;
       }

#outer #content #onelikert #rbox {
       margin: 5px 5px 0px 5px; /* Creates 5px border of 'onelikert' div color around 'rbox' div; effective width = 776px */
	   padding: 5px 6px 1px 6px ;
	   }

#outer #content #onelikert #rbox #rboxin {
	   border: 0px ;
	   text-align:left ;		
/* color and background-color are set in class 'boxin' below. */
	   margin: 2px 2px 2px 2px ;  /* Creates 2px border of 'rbox' div color around 'rboxin' div. */
	   padding: 1px 1px 1px 1px ;  /*Effect is to create 5px padding within 'rboxin' div around text. */
	   }	   

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

#outer #content #rcontent {
background-color:#a9a9ff; /* med. periwinkle  */
width: 493px; /* needed for picture gallery */
border: 0px; 
padding-bottom: 10px;
margin-top:8px;
margin-right: 6px;
float: right;
display: inline;
}

#outer #content #rcontent img {
       border-color:#f0f0ff;
       border-style:solid;
       border-width:4px;
       }

#outer #content #rcontent blockquote p {
       text-align: justify ;
       }

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

#outer #content #rcontent #rbox {
       margin: 5px 5px 0px 5px; /* Creates 5px border of 'rcontent' div color around 'rbox' div */
	   padding: 5px 3px 1px 3px ;
	   }

#outer #content #rcontent #rbox #rboxin {
	   border: 0px ;
	   text-align:left ;		
/* color and background-color are set in class 'boxin' below. */
	   margin: 2px 2px 2px 2px ;  /* Creates 2px border of 'rbox' div color around 'rboxin' div. */
	   padding: 1px 1px 1px 1px ;  /*Effect is to create 5px padding within 'rboxin' div around text. */
	   }	   
	   
/* ----------------------------------------------------------------------------------------------------- */
/* Flash video content box for use in right column on media.htm page */
#outer #content #rcontent #rbox #flashContentr1 {
width: 480px;
height: 290px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

#outer #content #rcontent #rbox #flashContentr2 {
width: 480px;
height: 290px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

#outer #content #rcontent #rbox #flashContentr3 {
width: 480px;
height: 290px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

#outer #content #rcontent #rbox #flashContentr4 {
width: 480px;
height: 290px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

.margin5 {margin: 5px 0px 5px 5px ; }

/* --------------------------------Classes below are for resume.htm ----------------------------- */

.rboxres {
		background-color:#f0f0ff;
		}		
.rboxres h1 {
        color:#7a6dcb;
		padding: 0px 10px 1px 10px;
        }
.rboxres h3 {padding: 0px 35px 1px 35px;
 }		
/*
.rboxres h5, li {
        color:#333333;
		padding: 0px 10px 1px 10px;
		}	

.rboxres p {
        color: #333333;
        font-size : 85%;
        font-weight:normal;
        text-decoration : none;
        text-align:left;
        }        		
*/		
.rboxres table {
        width: 93%;
		border-width: 0px;
		margin: 0 auto;
		}
.rboxres tr {
        padding: 1px 6px 1px 6px;
		}		
.rboxres td {
        color:#333333;
	    border-style: none;	
		padding: 1px 6px 1px 6px;  
		font-weight:normal;
		font-size:88%;
		text-align:left;
		}		
/* .rescol1 - rescol6 used on resume.htm  */					
.rescol1 {width:190px;} /* 1st col of 4 cols */
.rescol2 {width:180px;} /* 2nd col of 4 cols */
.rescol3 {width:240px;} /* 3rd col of 4 cols */
.rescol4 {width:70px;}	/* 4th col of 4 cols */
.rescol5 {width:370px;} /* sum of rescol1 + rescol2 */
.rescol6 {width:240px;}
.rescol7 {width:180px;} /* 3rd col revised of 4 cols */
.rescol8 {width:130px;} /* 4th col revised of 4 cols */

/* ---------------------------------- Classes below are for schedule.htm -------------------------------------*/

.rboxsch {
		background-color:#f0f0ff;
		}		
.rboxsch h1 {
        color:#7a6dcb;
		padding: 0px 10px 1px 10px;
        }
.rboxsch table {
        width: 93%;
		border-width: 0px;
		margin: 0 auto;
		}
.rboxsch tr {
        padding: 1px 6px 1px 6px;
		}		
.rboxsch td {
        color:#333333;
	    border-style: none;	
		padding: 1px 6px 1px 6px;  
		font-weight:normal;
		font-size:88%;
		text-align:left;
		}	
*/
.schcol1 {width:130px;}
.schcol2 {width:180px;}
.schcol3 {width:220px;}
.schcol4 {width:150px;}

		   	
/* -------------------------------- Classes below are for  & repertoire.htm ------------------------------------- */

.rboxrep {
		background-color:#f0f0ff;
		}		
.rboxrep h1 {
        color:#7a6dcb;
		padding: 0px 10px 1px 10px;
        }
.rboxrep h3 {padding: 0px 122px 1px 122px; }		
/*
.rboxrep h5, li {
        color:#333333;
		padding: 0px 10px 1px 10px;
		}	

.rboxrep p {
        color: #333333;
        font-size : 85%;
        font-weight:normal;
        text-decoration : none;
        text-align:left;
        }        		
*/		
.rboxrep table {
        width: 70%;
		border-width: 0px;
		margin: 0 auto;
		}
.rboxrep tr {
        padding: 1px 6px 1px 6px;
		}		
.rboxrep td {
        color:#333333;
	    border-style: none;	
		padding: 1px 6px 1px 6px;  
		font-weight:normal;
		font-size:88%;
		text-align:left;
		}				
.repcol1 {width:260px;}
.repcol2 {width:100px;}
.repcol3 {width:150px;}
.repcol4 {width:110px;}
.repcol5 {width:100px;}

/* ------------------------------- Classes below are for flvxxxxxx.htm -----------------------------------*/
.rboxflv {
		background-color:#f0f0ff;
		}		
.rboxflv h1 {
        color:#7a6dcb;
		padding: 0px 10px 1px 10px;
        }
.rboxflv h5, li {
        color:#333333;
		padding: 0px 10px 1px 10px;
		}	
/*
.rboxflv p {
        color:#333333;
        font-size : 85%;
        font-weight:normal;
        text-decoration : none;
        text-align:left;
        }        		
*/	   
/* --------------------------------Classes below are for presskit.htm  ------------------------------------------- */
.rboxpress {
		background-color:#f0f0ff;
		}		
.rboxpress h1 {
        color:#7a6dcb;
		padding: 0px 10px 1px 10px;
        }
.rboxpress h5, li {
        color:#333333;
		padding: 0px 10px 1px 10px;
		}	

.rboxpress p {
        color: #333333;
        font-size : 85%;
        font-weight:normal;
        text-decoration : none;
        text-align:left;
        }        		
		
.rboxpress table {
        width: 98%;
		border-width: 0px;
		}
.rboxpress tr {
        padding: 1px 6px 1px 6px;
		}		
.rboxpress td {
        color:#333333;
	    border-style: none;	
/*		padding: 1px 4px 1px 4px;  */
		font-weight:normal;
		font-size:85%;
		text-align:left;
		}				
		
/* ---------------------------Classes below are for contact.htm -------------------------- */			
.rboxcontact {background-color:#5050a0 ;
		 }
.rboxcontact li {
        font-size:11px;
        border-bottom-style: solid; 
        border-bottom-width: 1px;
        }	
.rboxcontact p {
		padding: 0px 5px 0px 5px;
		}		
/* div containing fieldset must be same bkgd color as fieldset in order to make padding of that color above the legend text, which is
necessary to NOT cut off top of legend text in Firefox and Safari
*/		
.rboxincontact {
        background-color: #eeeeee;	
        color: #5050a0; /*text is inside form with lt gray bkgd */
		}		

/* --------------------------------------------------------------------------------------------- */   
/* div 'dataentry' is for email form on contact.htm  */
#outer #content #rcontent #rbox #rboxin #dataentry {
		position:static ;
		}
		
#outer #content #rcontent #rbox #rboxin fieldset {
		margin: 5px 0 ; 
		padding: 1px 10px 1px 10px ;
		border: 1px solid #8ab9f2 ;
		background-color: #eeeeee ;
		}
#outer #content #rcontent #rbox #rboxin legend {
		font-weight: bold ;
		}
#outer #content #rcontent #rbox #rboxin #dataentry label {
		display: block ;
		}
#outer #content #rcontent #rbox #rboxin #dataentry input {
		width: 440px ;
		}
#outer #content #rcontent #rbox #rboxin #dataentry textarea {
		width: 440px ; /*max width: larger causes IE8 to make box bigger than form width; other browsers - 370px ok. */
		height: 150px ;
		}
		
#outer #content #rcontent #rbox #rboxin #submitclear {
		position:static ;
		}
		
#outer #content #rcontent #rbox #rboxin #submitclear input {
		width: 110px ;
		}					
		
#outer #content #rcontent #rbox #rboxin #dataentry input:focus, testarea:focus { 
		background-color:#dff4fc ;
		}
/*This code speaks specifically to FireFox */		
#outer #content #rcontent #rbox #rboxin #dataentry input[type="text"], textarea {  
		border-top: 2px solid #999999 ;
		border-left: 2px solid #999999 ;
		border-bottom: 1px solid #cccccc ;
		border-right: 1px solid #cccccc ;
		}
.fieldnote {font-size: 10px ;
			color:#c00000 ;
			padding-left: 10px ;
			}	
.textarea {
font-family : verdana, Tahoma, Arial, sans-serif;
text-align: justify;
background: #ffffff;
line-height: 18px;
padding: 20px;
}

/* --------------------------------------------------------------------------------------------------------- */
/* 5px between 'rcontent' and 'lcontent'  */

#outer #content #lcontent {
background-color:#d2d2ff; /* lt periwinkle */
width: 291px;
border: 0px;
margin-top: 8px;
margin-left: 6px; 
padding-bottom: 1px;
float: left;
display: inline;
}

#outer #content #lcontent h1  {
       color: #5050a0; /* drk blue  */
       font-size: 150%;
       text-align:center;
}

#outer #content #lcontent ul {      
/* padding bottom to provide separation from picture below list */	   
	   padding-bottom:15px;	   
	   }

#outer #content #lcontent li {
       color:#7a6dcb; /* content bkgd color - blue in header */
       text-align: left;	   
	   }	 
	   
#outer #content #lcontent p {
       color:#7a6dcb;
       padding-left: 6px ;
       padding-right: 6px ;
       text-align: justify ; 	   
       }
  
/* ----------------------------------------------------------------------------------------------------- */
/* Flash container box for headshot gallery in left column of gallery.htm page */
#outer #content #lcontent #flashContentl1 {
width: 281px;
height: 550px;
margin-left: 5px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: left;
display: inline;
}

.margin5 {margin: 5px 0px 5px 5px ; }

/* ----------------------------------------------------------------------------------------------------- */
/* Flash container box for 265x265 picture in slideshows in left col. of gallery.htm page */
/* Contact page image is be 265x336px like images on presskit.htm. Slideshow images on picaudiovideo.htm must be 265x265px.  */
#outer #content #lcontent #flashContentl2 {
width: 275px;
height: 275px;
margin-left: 8px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: left;
display: inline;
}

/* ----------------------------------------------------------------------------------------------------- */
/* Flash container box for 265x265 picture in left col. of gallery.htm page */
#outer #content #lcontent #flashContentl3 {
width: 275px;
height: 275px;
margin-left: 8px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: left;
display: inline;
}

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

/* top left div on presskit.htm page */
#outer #content #lcontent #press {
       padding: 0px 1px 0px 1px;
	   }

#outer #content #lcontent #press ul {
       padding-right: 40px;
	   }

#outer #content #lcontent #press li {
       background-color:#5050a0;  /* drk blue */
	   font-size: 115%;	   
	   padding: 5px 10px 5px 10px;
       }	   

/* ------------------------------------------------------------------------------------------------- */		   
/* top left div on contact.htm page */	   
#outer #content #lcontent #contact {
       padding: 0px 1px 0px 1px;
	   } 

/* Use ul/li when want to change text color; body color cannot be changed for p - paragraphs */	   
#outer #content #lcontent #contact li {
	   font-size: 120%;
/* left padding 35px to center li under h1 in 'lcontent' div */	   
	   padding: 0px 0px 0px 35px;
       }	   
/* ----------------------------------------------------------------------------------------------- */
/* audio div for left column, media page ---*/
#outer #content #lcontent #audiobox {
		padding: 0px 1px 0px 1px;
		}
#outer #content #lcontent #audiobox  li {
		font-size: 100%;	
		color: #7a6dcb;
		padding: 0px 0px 0px 0px;
		}
		
#outer #content #lcontent #audiobox  p {	
		font-size: 100%;
		color: #7a6dcb;
		text-align:left;
/*		padding: 0px 10px 0px 10px;   */
		}	
#outer #content #lcontent #audiobox  h6 {
		text-align:left;
		font-style:normal;
		}

/* ----------------------------------------------------------------------------------------------- */
/* 'frame' content width is (div 'lcontent' width 295px - 'frame' l & r mar 14px) = 281px*/	   
#outer #content #lcontent #frame {
        width: 281px;
        background-color:#5050a0;
		margin: 7px 10px 10px 5px;
/*included so top & bottom margins don't collapse with contained div's*/			
		padding: 10px 0px 10px 0px ;	
		}

/* img width max = 'frame' width (275) - img l & r borders (5+5) = 265px */
#outer #content #lcontent #frame img { 
       border-color:#d2d2ff;  /* left content bkgd color */
       border-style:solid;
       border-width:3px;
       margin-left: 0px;
       }

/* -------------------------------------------------------------------------------------------------- */
/*'lbox' content width 295px - 'lcontent' l & r mar & pad = 10px) = 285px */   
#outer #content #lcontent #lbox {
        margin: 0px 0px 20px 0px;
/*included so top & bottom margins don't collapse with contained div's*/	
		padding: 1px 1px 1px 1px ;
/* same background color as div 'flashContent' - see presskit.htm javascript in Head */			
        background-color:#a9a9ff;		/* rt bkd color */
		}

/* Use ul/li when want to change text color; body color cannot be changed for p - paragraphs */		
#outer #content #lcontent #lbox li {
        font-size:100%;
        text-align:center;
		padding-right:40px;
/* div 'lbox' ul has padding-left = 40px; adding padding-right=40px and text-align=center to li has effect of centering text. */		
		}		

/* ----------------------------------------------------------------------------------------------- */
#outer #content #footer{
clear: both; /* Get 'outer' div to enclose 'content' */
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
border: 0px;
color: #f0f0ff;
padding-top: 1px;
padding-bottom: 1px;
}

#outer #content #footer p {
font-size: 80%;
text-align: center;
padding: 5px 5px 5px 5px;
}

#outer #content #footer #copyright {
width: 45%;
margin-left: 20px;
text-align: left;
padding-top: 1px;
padding-bottom: 5px;
float: left;
display: inline;
}

/* Leave 10% space between 'copyright' and 'rhumcinfo' */
#outer #content #footer #websiteinfo {
width: 40%;
margin-right: 20px;
text-align: right;
padding-top: 1px;
padding-bottom: 5px;
float: right;
display: inline;
}

.clear {clear:both; }

.website {font-size:150%;
font-weight:bold;
}

.center {text-align:center; }

/* -------------------------------------------------------------------------------------------------------- */
.clearr {clear:right ; }
.txtred {color: #c00000 ;
        font-weight:bold ; }
.webblue {color: #b4c8fa ;
         font-weight:bold ; }	
.bdrblue {color: #5254a7 ;
          font-weight:bold ; }	
.txtblue {color:#8ab9f2 ;
          font-weight:bolder ; }		

.txtwhite {color:#FFFFFF ; } 
.font12 {font-size: 12px ; }

.clearbox {margin-left: 20px ; }		

.infoheader {
text-align: left;
font-size: 85%;
padding: 5px;
color: #ffffff;
font-weight: bold;
background: #000000;
border: 1px solid #000000;
}
.info {
text-align: left;
font-size : 85%;
line-height: 15px;
padding: 10px;
border: 1px solid #333333;
}

/* ----------------------------- To Test FLV Files for ASU OnLine Submittal ------------------------------------------ */

#outer #content #onelikert #rbox #flashContent1 {
width: 640px;
height: 500px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

#outer #content #onelikert #rbox #flashContent2 {
width: 7200px;
height: 500px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

#outer #content #onelikert #rbox #flashContent3 {
width: 720px;
height: 500px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}

#outer #content #onelikert #rbox #flashContent4 {
width: 720px;
height: 500px;
margin-right: 7px;
margin-bottom: 10px;
padding-bottom: 1px;
padding-right: 1px;
float: right;
display: inline;
}