/* Chip's main style sheet file */

body {font-family:arial, helvetica, sans-serif; color:#330000; background:#fdf7f1 none;}

h1,h2,h3,h4,h5,h6,li,tr,td,th,p,blockquote,caption,address,font {font-family:arial, helvetica, sans-serif; color:#330000; background:transparent none;}

/* font sizes are set using relative values */
h1 {font-size:160%; font-weight:bold; text-align:center; padding:0px;}
h2 {font-size:140%; font-weight:bold;}
h3 {font-size:120%; font-style:italic;}
th {font-size:120%; font-style:italic;}
li,p,a {font-size:100%}


/* priority indicators for to-do lists */
.hi {color:#FF0000; background:transparent none;} /* Red for high priority */
.med {color:#CD853F; background:transparent none;} /* Peru for medium */
.done {text-decoration:line-through}

/* various classes for placement & appearance */
.center {text-align:center}
.left {float:left;}
.right {float:right;}
.quote {padding:5px 5px 5px 15px; color:#330000; background:transparent none;}
.box {padding:4px; border-style:solid; border-width:2px; border-color:#330000;}
.image-pad {padding:20px}
.visible {visibility:visible}
.invisible {visibility:hidden}

#mod {text-align:left; font-style:italic; font-size:smaller; padding-top:4em; opacity:.75; }
#navpath {text-align:left; font-style:italic; font-size:90%; opacity:.75; }

#header {
	margin:25px 0px 10px 0px;
	padding:9px 40px 11px 80px;
	/* For IE5/Win's benefit, height = [correct height] + [top padding] + [top and bottom border widths] */
	height:37px; /* 24px + 9px + (2 x 2)px */
	border-style:solid;
	border-color:#330000;
	border-width:2px 0px 2px 0px;
	line-height:24px;
	background:#eeeeee;
	color:#330000;
	font-weight:normal;
	font-size:24px;

/* CSS and comments below from BlueRobot.com

"Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style declaration. The incorrect IE5/Win value is above, while the correct value is below. See http://glish.com/css/hacks.asp for details." */
	voice-family:"\"}\"";
	voice-family:inherit;
	height:24px; /* the correct height */
	}

/* "I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct length values to user agents that exhibit the parsing error exploited above yet get the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above)." */
body>#header {height:24px;}

/* content with a side menu; more right margin */
#content {
	position:absolute;
	top:100px;
	left:170px;
	padding:0px 70px 70px 0px;
	}

/* content with no side menu; less padding */
#contentnomenu {
	position:absolute;
	top:100px;
	left:25px;
	padding:0px 25px 50px 25px;
	}

/* content without side menu; no top */
#indent {position:absolute; top:20px; left:20px; margin:0; padding:0;}

#sitemenu {
	position:absolute;
	top:100px;
	left:10px;
	margin:0px 0px 0px 10px;
/* width = 130px [the correct width] + 0px [left padding] + 2px [left and right border widths] */
	width:132px; 
	padding:15px 0px 18px 0px;
	background:#eeeeee;
	color:#330000;
	border:1px solid #330000;
	line-height:30px;
	text-align:center;
/* the ugly, brilliant hack. */
	voice-family:"\"}\"";
	voice-family:inherit;
	width:130px; /* the correct width */
	}
/* the "be nice to Opera 5" */
body#sitemenu {width:130px;}
table#sitemenu  {padding:0px 10px 0px 0px;}
table#sitemenu td {text-align:center;}
form#sitemenu {text-align:center;}
img#sitemenu {border:0; padding:10px 0 0 0;}

/* printable versions of syllabi, etc. */
.printable a {text-decoration:underline;}
.printable h2 {padding-left:25px;}
.printable {margin:0px 0px -50px 0px;}

/* basic course information on syllabi */
#coursegoal {margin:10px 30px 10px 50px;}
.courseheading table {padding:10px 10px 10px 20px; margin:0px 0px 10px 10px;}
.courseheading tr {padding:0;}
.courseheading td {padding:0 10px 0 10px;}
/* ------------------------------------------- */

/* iframe for inquiry units in a syllabus */
iframe.iu {vertical-align:top; text-align:left; width:550px; height:500px; scrolling:auto; frameborder:0}

/* general table features */
th {padding:0 0 10px 0;}
td {vertical-align:top}
.narrow {width:10%}
.wide {width:45%}
caption {font-size:120%; font-weight:bold;}

/* chart used in projects and course pages */
.chart table {border:thick solid #330000; margin:0px 10px 0px 15px; padding:0px;}
.chart th {padding:3px 3px 6px 3px; border:thin solid #330000;}
.chart tr {padding:0px;}
.chart td {padding:2px 2px 3px 5px; margin:0; border:thin solid #330000;}

/* home page blog */
#blog {
	padding:6px; 
	border:1px solid #330000;
	}
#blog img.logoleft {float:left; padding:5px 15px 5px 5px; border:none;}
#blog img.logoright {float:right; padding:5px 5px 5px 15px; border:none;}
#blog li {color:#330000; background:#eeeeee;}

/* catalog used in instructional programs and affiliations */
.catalog {width:90%;}
.catalog p {margin-bottom:15px;}

/* images in catalogs */
img.logoleft {float:left; margin-right:18px; border:1px solid #330000;}
img.logoright {float:right; margin-left:18px; border:1px solid #330000;}
img.logoleftthumb {float:left; margin-right:15px; border:1px solid #330000; height:60px;}
img.logorightthumb {float:right; margin-left:15px; border:1px solid #330000; height:60px;}

/* image sizing */
img.normal {height:auto; width:auto}
img.thumbnail {height:60px;}

/* home page photos */
img.left {float:left; margin:0px 18px 10px 8px; padding:0px 10px 0px 0px; border:0;}
img.right {float:right; margin:0px 8px 10px 18px; padding:0px 0px 0px 10px; border:0;}

address {font-size:smaller; font-style:italic; text-align:center}
cite {font-style:italic}

/* default link colors */
a {text-decoration:none;}
a:link {color:#003399; background:transparent none;}
a:visited {color:#993399; background:transparent none;}
a:hover {color:#009999; background:transparent none;}
a:active {color:#993333; background:transparent none;}

/* format for lists */
ul {font-weight:normal; list-style:circle outside; padding:0 8px 0 0; margin:0 0 0 16px;}
ol {font-weight:normal; list-style:decimal outside; padding:0 8px 0 0; margin:0 0 0 16px;}
ol, ol ol {position:outside; list-style-type:lower-alpha}
dt {font-weight:bold;}
li {padding:4px 0 0 0;}

/* for iLabs version 3 displays */
td.list-divider, td.longtext {font-weight:normal; font-size:1em; padding:0 12px 4px 0;}
.longtext {font-size:1em;}
/* not used currently
.wide-column   {width:700px;}
.narrow-column {width:200px;}
*/

/* to get same line definitions */
.sameline dd {margin:-1.3em 0 0 7em;}

/* syllabus reading lists */
ul.syllabus {list-style:circle inside; padding:0; margin:0 0 0 -1em;}

/* for Chiang javasript folder menu */
.look {}
.look2 {font-size:90%;}
.look2 ul {list-style-image:url(list.gif); display:none;}
.folding {cursor:auto;}