/**************
LAYOUT CSS (shared by all html files)
**************/
body {
	font-family:verdana,trebuchet,sans-serif;
	font-size:.7em;
	line-height:1.7em;
	padding:1em;
}
body.reel {
	padding:0;
	margin:0;
}
/* GENERIC */
table, tr, td, div, span, h1, h2, h3, h4, h5, h6, p, b, i, strong, ul, li, img {
	font-size:100%;
	margin:0;
	padding:0;
}
table { width:100%; }
td { vertical-align:top; }

a { text-decoration:none; }
img, a img { border:0; padding:0; }

/* DEBUGGING OVERLAY */
#debugarea {
	position:absolute;
	top:0;
	right:0;
	margin:1em;
	width:25%;
	height:100%;
}
#debugarea textarea { width:100%; height:95%; }

/* GENERIC SECTION */
div.section {
	padding:.5em 0 .5em 0;
	min-width:80em;
}
.project_windwo div.section {
	width:100%;
}
div.section a, .reel.viewer a { padding:.25em; }
div.section .cell a { padding:0; }

/* HEADER */
#header {
	position:relative;
	height:8em;
	border:0;
	padding:0;
	line-height:180%;
}
#header a { padding:0; }
#header #title {
	position:absolute;
	top:0;
	left:20em;
	letter-spacing:-.05em;
}
#header #title .main { font-size:150%; }
#header #title .sub { font-size:150%; font-weight:normal; }
#header #locations {
	position:absolute;
	width:10em;
	right:10.75em; /* 10 + .75 to compensate for extra pixel added to the section to fit more content */
	top:.25em;
}
#header #locations a {
	font-weight:normal;
}

/* NAVIGATION */
body, #container, .section, table, tr, td, ul, li { position: relative; }
td.navigation { width:20em; }
td.navigation a { font-weight:bold; }
td.navigation a.link0, /* SECTION HEADERS */
td.navigation a.staticlink0 { /* staticlink for project and press pages */
	letter-spacing:-.05em;
	font-size:150%;
	line-height:150%;
	margin-left:-.1em; /* for left alignment with smaller links */
}
td.navigation ul { list-style:none; width:20em; }
td.navigation li ul { display:none; width:10em; }
#project_window td.navigation li ul { width:20em;}
td.navigation li.open ul { display:block; }
td.navigation ul.level2 { /* SECOND LEVEL */
	position:relative;
	top:-1.7em;
	left:10em;
	width:10em;
}

/* VIEWER */
.viewer.hidden { display:none; }

/* CELLS */
.thumb, /* used on the press pagegs */
.cell {
	float:left;
	z-index:1000;
	margin: 0 .5em .5em 0;
}
div.cell,
div.cell img { width:19.5em; }
div.cell.half,
div.cell.half img { width:9.5em; }
div.cell.double,
div.cell.double img { width:39.5em; }
div.cell.triple,
div.cell.triple img { width:59.5em; }
div.cell.quatruple,
div.cell.quatruple img { width:79.5em; }
div.cell.quintuple,
div.cell.quintuple img { width:99.5em; }
div.cell.sextuple,
div.cell.sextuple img { width:129.5em; }
div.cell.septuple,
div.cell.septuple img { width:149.5em; }

/* CELL ROLLOVER OVERLAYS */
/* for IE 6- */
div.cell,
div.cell { position:relative; }
div.cell .caption { margin-bottom:.5em; padding:.5em; height:4em; }
div.cell:hover .caption { display:block; }
/* NON IE 6- */
div.cell > a .caption,
div.cell > .caption { /* ignored by IE 6- */
	position:absolute;
	bottom:0;
	left:0;
	margin:1em;
	display:none;
	height:auto;
}

/* Feautre description */
div.description {
	display:block;
	float:left;
	letter-spacing:-.05em;
	width:100%;
	max-width:60em;
	padding:0 .5em 0 0;
}
div > .description { clear:left; } /* ignored by IE 6- */

/* AUTO COLUMNS */
/*
#reference is used to determine the line-height. 
use (height over width)/10 - so for a 1.7em line-height, use 17 as height, and 10 as the width
*/
#reference { width:10em; height:17em; }
/* #guide is used to determine the width of a single text column */
#guide { width: 20em; height:1px; }
div.column,
div.columnize { /* contains the cropped columns that slides up and down */
	overflow:hidden;
	float:left;
	width:40em;
}
div.cropped { overflow:hidden; }
div.sledge { margin-right:1em; }
/* div.sledge p { font-family:georgia,verdana,trebuchet,sans-serif; } */
#words_viewer .sledge { /* long text columns use serif font */
	font-family:georgia,serif;
}
#words_viewer .sledge p { font-size:130%; }

/* SPECIAL MANUAL RESOURCES COLUMNS */
div.column.narrow { width:19em; margin-right:1em; }
div.column.wide { width:39em; margin-right:1em; }

/* FORMS */
.viewer .form {
	padding:1em;
	margin-bottom:1em;
	width:37em;
}
.viewer input { padding:.25em; }
.viewer .form input[type='submit'] { margin-bottom:1.7em; }
.viewer .form input[type=text] { margin-bottom:1.7em; }
.viewer .form p { margin-bottom:1.7em; }
/* Library section specials */
#library_viewer .description p { font-size:1.7em; line-height:120%; }
/* NEWS SECTION SPECIALS */
#news_viewer p { margin-bottom:1.7em; }
/* Homework section specials */
#homework_viewer table { width:59.5em; }
#homework_viewer tr:hover { background-color:#EEE; }
#homework_viewer .download { text-align:right; }


/* FOOTER */
#footer p { }