/* li, 7/02 -- adapted for wcrouch 6/05

known bugs: 
 NN4 navbar width, footer border, photo margin, strange printing for navbar, 
 		extra space btw navbar & content, map border creates extra empty box,
 		map imgs won't load next to each other,
 		14px bold appears as 12px bold (highlight, listhead, contrast)
 NN4 doesn't support content centering or list-style-image
 NN4 & IE5 don't support a:hover or a:active
 IE5 ul>li margin doesn't work
 
*/

body { 
	background-color: white;
	color: black;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

#banner {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

div#navbar {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #ff3;   /* color for current page on nav */
	background-color: #33c;
	border-top:    1px solid #33c;  /* same-color borders for */
	border-bottom: 1px solid #33c;  /*  printability in opera */
	margin-top: 1px;
/*	padding-left: 10px;  doesn't work with NN4 */
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;   /* was 12px */
	font-weight: bold;
	line-height: 20px;
}

div#navbar a:hover, div#navbar a:active {
	color: #fc9;
	background-color: #33c;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div#navbar a:link, div#navbar a:visited {
	color: #ffffff;
	background-color: #33c;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div#navbar a.this {
	color: #ff3;   /* color for current page on nav */
	background-color: #33c;
}


div#retired {
}
div#retired p {
	text-align: center;
	margin: auto;
	width: 530px;
	font-size: 15px;
	background-color: #ff9;
	padding: 6px 0 6px 0;
	
}

div#copyright { 
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	top: 40px;
	padding-top: 8px;
	background-color: white;
	color: #666666;
    background-color: #ffffff;


/* these from vavstuga */
        clear:both;   /* affects spacing in opera */
        border-top: 1px solid #ccc;
        margin-top: 0px;
        padding-top: 2px;
        text-align: center;

}



/*ie5win fudge  [i'm not convinced that this is necessary] */
html>body #banner    { width: 700px; }
html>body #navbar    { width: 700px; }
html>body #content   { width: 700px; }
html>body #handout   { width: 678px; } /* subtract padding+border for O6+NN6 */
html>body #footnav   { width: 700px; }
html>body #copyright { width: 700px; }


div#content {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left;
	
		/* ie5win fudge -- which i don't understand but which breaks NN4
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 711px; */
}
div#top a:link, div#navbar a:visited {
	
}

div#rightbox {  /* top page MTI link */
	float: right;
	border: 3px solid #ccf;
	margin-right: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}
div#clear {
	clear: both;
}
div#calcbox {  /* calculator, svcs page */
	width: 400px;
	border: 3px solid #ccf;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
	margin-bottom: 5px;
}
div#seminarbox {
	border: 2px solid #ccf;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

/* mti email button, svcs page  - take 1
bq.button {  
	background-color: #ccf;
	padding-top: 4px;
	padding-bottom: 4px; 
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #33c;
	margin-left: 180px;
	margin-bottom: 20px;
}
bq.button a {
	text-decoration: none;
}
*/

p.button {  /* mti email button, svcs page */
	background-color: #ccf;
	margin-left: 180px;
	width: 32px;
	padding-top: 4px;
	padding-bottom: 4px; 
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #33c;
	margin-bottom: 20px;
}
p.button a {
	text-decoration: none;
}

p.credit {
	font-style: italic;
	font-size: 11px;
/*	border-top: 1px solid #ccc;
	padding-top: 2px; */
	padding-top: 10px;
}

h1 { 
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 14px;   /* was 12px */
	font-weight: bold;
	margin-bottom: -8px;
	background-color: white;
	color: #33c;
}
h1.seminar {
	text-align: center;
	font-size: 16px;
	margin-bottom: 0px;
}
 /* seminars .subtitle { 
	font-size: 14px;
}*/
h2 {  /* seminars */
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: -10px;
	font-style: italic;
	background-color: white;
	color: #33c;	
}
h2.calcbox {  /* svcs */
	font-size: 14px;
	font-style: normal;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}


li.top1, li.top2, li.top3, li.top4 {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 19px;   /* was 20px */
	line-height: 32px;
	font-weight: bold;
	background-color: white;
	color: #33c;
	padding-left: 10px;
}

li.top1 {
	margin-left: 10px;  /* was 20px */
}
li.top2 {
	margin-left: 30px;  /* was 60px */
}
li.top3 {
	margin-left: 50px; /* was 100px */
}
li.top4 {
	margin-left: 70px;  /* was 140 px */
	margin-bottom: 15px;
}




p, td {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; 
}


ul { 
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
   list-style-type: square; 
/*   list-style-image: url(/images/gl_bl.gif); */
}
div#listcol {
	float: left;
	margin-top: 0px; 
	margin-bottom: 0px;
}/* firefox ok, IEmac doesn't float 2nd 
ul.col {          
	float: left; 
	margin-top: 0px; 
}*/

ul>li {
	margin-bottom: 3px;
}

/* dl used for course info on Services page */
dl {
	margin-top: 0px;
/*	margin-bottom: 0px;  */
}
dt {
	margin-top: 4px;
	margin-left: 10px;
	font-size: 13px;
	color: #33c;
	background-color: white;
}




/* table used for contact info */
table {
	margin-left: 20px;
	margin-bottom: 10px;
}
td {
	vertical-align: top;
}
.label {
	color: #66f;
	background-color: white;
}


a {
	text-decoration: underline;
}
a.subtle {
	background-color: white;
	color: #666666;
}
a.top, a:visited.top {
	text-decoration: none;
	color: #33c;
	background-color: white;
}