/* body and global/general styles */

body {
   background:#fff;
   color: #000;
   padding-top: 10px;
   margin-left: auto;
   margin-right: auto;
   width: 700px;
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.0em;
}

body.dojo {
 /* 	background: #fff; */
	background: #fff url('backgrounds/dojoBG02.jpg') repeat-y top left; 
	}

strong {
	font-weight: bolder;
	}

h1 {
	background: #fff;
 	font-size: 1.7em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.1em; }

/* centered h1 */
h1.centered { 
	background: #fff;
	text-align: center;
	margin-top: 0px;
	padding-top: 18px;
	}

/* centered, all caps header */
h1.centerAC { text-align: center; 
			  text-transform: uppercase;}

/* italic header */
h1.tilt { 
		  font-style: italic; 
		  margin-bottom: 0px;
		}
		
		
		



p.specialCode { 
	font-size: 0.75em;
	}
	
p.centered {
 	text-align:center;
}

p.centeredNarrow {
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width: 500px;
}

a { font-weight: bold; 
	background: #ffffff;
	color: #550000;}
	
a.aboutusemail  {
	font-weight: bold;
	background: #ffffff;
	color: #550000;
	font-size: 0.8em;
	}

/* a list for links */
ul.links {	list-style-type: none;}

ul.links li {
			list-style-type: inherit;
			padding: 5px;
			margin:0;
			}


/* content div, reference as "id" */
#content {
	background: #fff;
}

/* header div , reference as "id" */

#contentZeroProject {
	background-image: url(images/zeros.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#header {
   background: #fff;
   background-image: url(images/headerGraphic.jpg);
   background-repeat: no-repeat;
   padding-top: 85px;
}

/* footer div, reference as "id" */

#footer {
	clear:both;
	font-size: 0.8em;
}

/* the cool graphic hr */

.hline {
	background: #fff url(images/line2.gif) no-repeat center center;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* the navigation list */


ul.navlist {
	margin:0;
	padding:0;
	padding-top: 4px;
	list-style-type: none;
	text-align: center;
	}
	
.navlist li {
	width: 80px;
/*	display: block;
	float: left; */
	display:inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 0px;
	text-align:center;
}

.navlist a {
	text-decoration: none;
	font-size: 0.6em;
	font-weight: bold;
	color: #444;
}

.navlist a:hover {
	text-decoration: underline;
	color: #ff0000;
	}
	
.navlist a:visited {
	color: #666;
	}

/* a bigger p font for announcements */

p.announce { 
	font-size: 1.0em;
	}
	
/* floating images, for wrapping text */



img.floatLeft { 
    float: left; 
    margin-right: 8px; 
}
img.floatRight { 
    float: right; 
    margin-left: 8px; 
}

img.centered {
	display:block;
	margin-left: auto;
	margin-right: auto;
 }

/* two images side by side */
.sidebysideimages {
	width: 700px;
    text-align:center;
}


/* copyright notice */

.copyright {
	font-size: 0.8em;
	text-align: center;
	}
	
	
/* basic box container div */
.box {	
	width: 100%;
	border: medium dotted #aaa;
	padding: 4px;
	margin: 5px;
}
	



/* old two column bio divs */

.leftbio {
	float: left;
	padding: 10px 2% 10px 2%;
	background: #fff;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
html>body #leftbio {
	width: 41%; /* ie5win fudge ends */
	}

.rightbio {
	float: right;
	padding: 10px 2% 10px 2%;
	background: #fff;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
html>body #rightbio {
	width: 41%; /* ie5win fudge ends */
	}


/* images (figures) with captions	 */
	
.figure {
  float: right;
  /* width: 225px; */
  border: thin silver solid;
  margin-top: 0.2em;
  padding: 0.2em;
  text-align:center;
  font-style:italic;
  font-size:smaller;
  text-indent:0;
}
.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}	

.figureL {
  float: left;
  /* width: 225px; */
  border: thin silver solid;
  margin-top: 0.2em;
  padding: 0.2em;
}

.figureL p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}	


.imagefloatright
{
float: right;
width: 200px;
margin: 5px 0 0px 5px;
background-color: #fff;
padding: 5px;
border: thin silver solid;
text-align: center;
font-style: italic;
font-size: smaller;
}

div.imagefloatright img
{
   border: thin silver solid;
}
	
.imagefloatleft
{
float: left;
width: 200px;
margin: 5px 5px 0px 0px;
background-color: #fff;
padding: 5px;
border: thin silver solid;
text-align: center;
font-style: italic;
font-size: smaller;
}

div.imagefloatleft img
{
   border: thin silver solid;
}	 

.clear {
	clear:both;
	}
	
	
.boxLeft {
	width: 45%;
	font-size: 80%;
	float: left;
	}
	
.boxright {
	width: 45%;
	font-size: 80%;
	float: right;
	}
	
.dojoClassBox {
    background: #fff;
	border: 2px #550000 solid;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: -1;
}

.dojoClassBox td{
	font-size: 80%;
	}
	
/* popup stuff
*/

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 91;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:340px;
height:500px;
z-index: 200;
}

#popUpDiv2 {
position:absolute;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:340px;
height:500px;
z-index: 200;
}

#popUpDiv3 {
position:absolute;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:340px;
height:500px;
z-index: 200;
}	
	
	
#popUpDiv4 {
position:absolute;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:340px;
height:500px;
z-index: 200;
}	

#popUpDiv5 {
position:absolute;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:480px;
height:500px;
z-index: 200;
}


#popUpDiv6 {
position:absolute;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:340px;
height:500px;
z-index: 200;
}


#popUpDiv7 {
position:absolute;
top:50px;
left:100px;
background-color:#eeeeee;
padding: 15px;
border: 3px black solid;
width:340px;
height:500px;
z-index: 200;
}


/* bio div code */

.bioContainer {
	width: 100%;
	overflow: auto;
	border: medium dotted #aaa;
	padding: 5px;
}

.bio {
   padding-top: 5px;
   padding-bottom: 5px;
   }
   
img.headshot {
   float: left;
   margin-right: 8px;
   clear: both;
   padding-bottom: 8px;
   }   
   
/* IE float fix */

.fixgap {
   float: right;
   height:0;
   }
   
   
.classIntro {
   border: medium dotted #aaa;
   padding: 5px;
   margin: 10px;
   }
   
.classDesc {
   border: medium dotted #aaa;
   padding: 5px;
   margin: 10px;
   margin-top: 25px;
   }

.boxIt {
   border: medium dotted #a55;
   padding: 5px;
   margin: 5px;
   width: 160px;
   
   }
   
.indento {
	text-indent: 10em;
	}
   
.endorsement {
   padding-bottom: 10px;
   font-size: 80%;
   font-style: italic;
   }