/* UMASS Libraries CSS Document */
/* 08.04.06 v1 */


/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
body {margin: 0px;padding: 0px;font: 12px/24px Verdana, Arial, Helvetica, sans-serif;background: #bbb url(../imgs/t_bck.gif) repeat-x;}
#header {position: relative;background: url(../imgs/header_bck.gif) no-repeat;height:168px;width:100%;z-index:1;}
.headlogo {float:left;width:247px;z-index:2;}
body.findpg #outer_wrapper {background: #9999CC url(../imgs/lnav_bck.gif) repeat-y;margin:0;}
body.findpg #wrapper {background: #9999CC url(../imgs/lnav_bck.gif) repeat-y;margin:0;height:100%;}
body.howpg #outer_wrapper {background: #94B7B7 url(../imgs/how_bck.gif) repeat-y;margin:0;}
body.howpg #wrapper {background: #94B7B7 url(../imgs/how_bck.gif) repeat-y;margin:0;height:100%;}
body.servpg #outer_wrapper {background: #A3A384 url(../imgs/serv_bck.jpg) repeat-y;margin:0;}
body.servpg #wrapper {background: #A3A384 url(../imgs/serv_bck.jpg) repeat-y;margin:0;height:100%;}
body.collpg #outer_wrapper {background: #DBB868 url(../imgs/coll_bck.jpg) repeat-y;margin:0;}
body.collpg #wrapper {background: #DBB868 url(../imgs/coll_bck.jpg) repeat-y;margin:0;height:100%;}
body.aboutpg #outer_wrapper {background: #E1A467 url(../imgs/about_bck.jpg) repeat-y;margin:0;}
body.aboutpg #wrapper {background: #E1A467 url(../imgs/about_bck.jpg) repeat-y;margin:0;height:100%;}

body #container {width: 100%;height:100%;float: left;margin-right: -253px;}
body.findpg #container {background: url(../imgs/findside.gif) repeat-y right 100%;height:100%;}
body.howpg #container {background: url(../imgs/howside.gif) repeat-y right 100%;height:100%;}
body.servpg #container {background: url(../imgs/servside.gif) repeat-y right 100%;height:100%;}
body.collpg #container {background: url(../imgs/collside.gif) repeat-y right 100%;height:100%;}
body.aboutpg #container {background: url(../imgs/aboutside.gif) repeat-y right 100%;height:100%;}

body.findpg #content {margin-right: 253px;background: url(../imgs/lnav_bck.gif) repeat-y;height:100%;}
body.howpg #content {margin-right: 253px;background: url(../imgs/how_bck.gif) repeat-y;height:100%;}
body.servpg #content {margin-right: 253px;background: url(../imgs/serv_bck.jpg) repeat-y;height:100%;}
body.collpg #content {margin-right: 253px;background: url(../imgs/coll_bck.jpg) repeat-y;height:100%;}
body.aboutpg #content {margin-right: 253px;background: url(../imgs/about_bck.jpg) repeat-y;height:100%;}

body.findpg #main {margin-left: 185px;background:#9999CC url(../imgs/find_rail.gif) repeat-x top;padding:12px;}
body.howpg #main {margin-left: 185px;background:#94B7B7 url(../imgs/how_rail.gif) repeat-x top;padding:12px;}
body.servpg #main {margin-left: 185px;background:#A3A384 url(../imgs/serv_rail.gif) repeat-x top;padding:12px;}
body.collpg #main {margin-left: 185px;background:#DBB868 url(../imgs/coll_rail.gif) repeat-x top;padding:12px;}
body.aboutpg #main {margin-left: 185px;background:#E1A467 url(../imgs/about_rail.gif) repeat-x top;padding:12px;}

#formwrapper{position: relative;width: 165px;top:-24px;left:0px;z-index:50;}
#bookswrapper{position: absolute;left:0px;width: 165px;top:0px;float:left;z-index:103;}
#articleswrapper {position: absolute;left:0px;width: 165px;top:0px;float:left;z-index:102;}
#thissitewrapper {position: absolute;left:0px;top:0px;width: 165px;float:left;z-index:101;}

body #left {position:relative;float:left;width: 180px;height:100%;z-index:600;}
body.findpg #left {background: url(../imgs/l_bck.gif) repeat-y;}
body.howpg #left {background: url(../imgs/l_bck.gif) repeat-y;}
body.servpg #left {background: url(../imgs/l_bck.gif) repeat-y;}
body.collpg #left {background: url(../imgs/l_bck.gif) repeat-y;}
body.aboutpg #left {background: url(../imgs/l_bck.gif) repeat-y;}

body #main .pgnav {font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #333333;padding-top:10px;}
body.findpg #main .pgnav {background:url(../imgs/find.gif) no-repeat right bottom;}
body.howpg #main .pgnav {background:url(../imgs/how.gif) no-repeat right bottom;}
body.servpg #main .pgnav {background:url(../imgs/serv.gif) no-repeat right bottom;}
body.collpg #main .pgnav {background:url(../imgs/coll.gif) no-repeat right bottom;}
body.aboutpg #main .pgnav {background:url(../imgs/about.gif) no-repeat right bottom;}

body.findpg #sidebar {position:relative;background:url(../imgs/find_rail.gif) repeat-x 100% top;width: 253px;height:100%;padding-top:12px;float:right;}
body.howpg #sidebar {position:relative;background:url(../imgs/how_rail.gif) repeat-x 100% top;width: 253px;height:100%;padding-top:12px;float:right;}
body.servpg #sidebar {position:relative;background:url(../imgs/serv_rail.gif) repeat-x 100% top;width: 253px;height:100%;padding-top:12px;float:right;}
body.collpg #sidebar {position:relative;background:url(../imgs/coll_rail.gif) repeat-x 100% top;width: 253px;height:100%;padding-top:12px;float:right;}
body.aboutpg #sidebar {position:relative;background:url(../imgs/about_rail.gif) repeat-x 100% top;width: 253px;height:100%;padding-top:12px;float:right;}

h1 {margin-top: 0;}
.last {margin-bottom: 0;}
.clearing {clear: both;padding:0px;margin:0px;}
body.findpg.clearing {background: #9999CC url(../imgs/lnav_bck.gif) repeat-y;}
body.howpg.clearing {background: #94B7B7 url(../imgs/how_bck.gif) repeat-y;}
body.servpg.clearing {background: #A3A384 url(../imgs/serv_bck.jpg) repeat-y;}
body.collpg.clearing {background: #DBB868 url(../imgs/coll_bck.jpg) repeat-y;}
body.aboutpg.clearing {background: #E1A467 url(../imgs/about_bck.jpg) repeat-y;}

td img {display: block;}

/* ====================================================================
HEADER LINKS
-------------------------------------------------------------------- */

/* start hours */
.hours {
	position:absolute;
	width:500px;
	left:296px;
	margin-top:38px;
	font:10px/12px Arial, Helvetica, sans-serif;
	color: #eee;
	top: -5px;
	z-index:1;
}
.hours li {list-style-position: outside;list-style-image: url(/imgs/arrow.gif);list-style-type: disc;padding-bottom: 6px;}
.hours li a,
.hours li a:link, 
.hours li a:visited, 
.hours li a:active {text-decoration: none;color:#fff }
.hours li a:hover {text-decoration: underline;color:#fff }
 
.hours ul {padding-top: 4px;}
*html .hours ul {padding-top: 14px;}
*+html .hours ul {padding-top: 14px;}

.hoursdate {
	position:absolute;
	width:500px;
	left:318px;
	margin-top:30px;
	font:10px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	top: -5px;
	z-index:2;
}
.hoursdate strong a, 
.hoursdate strong a:link {text-decoration: none;color:#fff } 
.hoursdate strong a:visited, 
.hoursdate strong a:active {color:#ff9999;}
.hoursdate strong a:hover {text-decoration: underline;color:#fff }
.hourslib {color: #ff9999;}

 
 .date {
padding:0px;
margin-bottom:-5px;
}
* html .date {padding:0px;
margin-bottom:-6px;
}

.location {
padding-top:0px;
padding-bottom:2px;
position: absolute;
} 

/* end hours */

.ask {position: absolute;width: 170px;top: 46px;right: 7px;z-index:500;} 
*html .ask {position: absolute;width: 170px;top: 46px;right: 7px;z-index:500;}
*+html .ask {position: absolute;width: 170px;top: 46px;right: 7px;z-index:500;}
.sitenav {position: absolute;width: 170px;top: 3px;right: 14px;z-index:500;} 
*html .sitenav {position: absolute;width: 170px;top: 3px;right: 13px;z-index:500;}
*+html .sitenav {position: absolute;width: 170px;top: 3px;right: 13px;z-index:500;}
#glnav {position: absolute;width: 570px;top: 114px;left: 187px;z-index:400;overflow: hidden;}


/* ====================================================================
TAB NAVIGATION
-------------------------------------------------------------------- */

body #main #tnav {width: auto;height:36px;top: 144px;left: 176px;margin-right: 50px;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #fff;z-index:400;}
body.findpg #main #tnav {position: absolute;background:url(../imgs/tab_find.gif) no-repeat left;}
body.howpg #main #tnav {position: absolute;background:url(../imgs/tab_how.gif) no-repeat left;}
body.servpg #main #tnav {position: absolute;background:url(../imgs/tab_serv.gif) no-repeat left;}
body.collpg #main #tnav {position: absolute;background:url(../imgs/tab_coll.gif) no-repeat left;}
body.aboutpg #main #tnav {position: absolute;background:url(../imgs/tab_about.gif) no-repeat left;}
.find {position: absolute;top:3px;width: auto;left: 34px;margin-left: 6px;z-index:450;}
.how {position: absolute;top:3px;width: auto;left: 107px;margin-left: 6px;z-index:450;} 
.serv {position: absolute;top:3px;width: auto;left: 212px;margin-left: 6px;z-index:450;} 
.coll {position: absolute;top:3px;width: auto;left: 304px;margin-left: 6px;z-index:450;} 
.about {position: absolute;top:3px;width: auto;left: 404px;margin-left: 6px;z-index:450;}

.find a, 
.find a:link, 
.find a:visited, 
.find a:active,
.how a, 
.how a:link, 
.how a:visited, 
.how a:active, 
.serv a, 
.serv a:link, 
.serv a:visited, 
.serv a:active, 
.coll a, 
.coll a:link, 
.coll a:visited, 
.coll a:active,
.about a, 
.about a:link, 
.about a:visited, 
.about a:active { text-decoration: none;color:#fff }

.find a:hover, 
.how a:hover, 
.serv a:hover, 
.coll a:hover, 
.about a:hover { text-decoration: underline;color:#fff }



/* ====================================================================
FOOTER
-------------------------------------------------------------------- */

#footer {background: url(../imgs/btm_bck.jpg) repeat-x;margin:0;font: 9px/12px Arial, Helvetica, sans-serif;color:#bbb ;}

.rule {	border-left: solid 1px #fff;border-bottom: solid 1px #fff;}

.copyright {margin:-50px 0px 0px 190px;float:left;}
*html .copyright {padding-top:12px;margin:-50px 0px 0px 106px;float:left;}
.copyright a, 
.copyright a:link, 
.copyright a:visited, 
.copyright a:active {text-decoration: underline;color:#bbb;}	
.copyright a:hover {text-decoration: none;color:#fff;}		

.address {margin:-50px 18px 0px 0px;float: right;}
*html .address {padding-top:12px;margin:-50px 18px 0px 0px;float: right;}
.address a, 
.address a:link, 
.address a:visited, 
.address a:active {text-decoration: underline;color:#bbb;}	
.address a:hover {text-decoration: none;color:#fff;}

.seal { padding-right: 6px;margin-top:-6px;}
*html .seal { padding-top: 6px;padding-right: 6px;margin-top:-12px;}
#footertext {margin-top:-10px;font: 9px/12px Arial, Helvetica, sans-serif;color:#bbb;}
*html #footertext {margin:-18px;font: 9px/12px Arial, Helvetica, sans-serif;color:#bbb;padding-bottom:24px;}



/* ====================================================================
LEFT NAVIGATION
-------------------------------------------------------------------- */

.commenthidden {visibility:hidden}
.commentshown {display:block}

/* Quick Search */

.quicktitle {position:absolute;top:-46px;left:6px;z-index:500;}
.books {position:absolute;top:-22px;left:6px;z-index:500;}
.articles {position:absolute;top:-22px;left:57px;z-index:500;}
.thissite {position:absolute;top:-22px;left:108px;z-index:500;}
.books, .articles, .thissite {font: bold 11px/14px Arial, Helvetica, sans-serif;color:#fff;}
.books a, 
.books a:link, 
.books a:visited, 
.books a:active {text-decoration:none;color:#fff }
.books a:hover {text-decoration:underline;color:#fff }
.articles a, 
.articles a:link, 
.articles a:visited, 
.articles a:active {text-decoration:none;color:#fff }
.articles a:hover {text-decoration:underline;color:#fff }
.thissite a, 
.thissite a:link, 
.thissite a:visited, 
.thissite a:active {text-decoration:none;color:#fff }
.thissite a:hover {text-decoration:underline;color:#fff }

.fivecoll {position:absolute;top:26px;left:13px;width:145px;font: 9px/11px Arial, Helvetica, sans-serif;color:#333;}
.fivecoll a, 
.fivecoll a:link, 
.fivecoll a:visited, 
.fivecoll a:active {text-decoration:underline;color:#663;}
.fivecoll a:hover {text-decoration:underline;color:#333;}
#searchlist {font: 11px/14px Arial, Helvetica, sans-serif;color:#333;}
#find_scan_code {font: 11px/14px Arial, Helvetica, sans-serif;color:#333;}

/* Quick Search: Books */
#qbooks .left_top {height:36px;background: url(../imgs/quick1.gif) no-repeat;margin:0;font: 9px/12px Arial, Helvetica, sans-serif;color:#bbb;}
#qbooks .left_mid {width:165px;height:102px;background-color: #cccccc;font: 10px/14px Arial, Helvetica, sans-serif;color:#bbb;float:left;}
#qbooks .left_btm {width:165px;margin:0px;height:16px;background: url(../imgs/left_btm.gif) no-repeat top;clear:left;}
#qbooks .left_mid .left_field {width:110px;font: 10px Arial, Helvetica, sans-serif;color:#333;margin:24px 0px 6px 12px;}
#qbooks .left_mid select {width:100px;margin:3px 0px 0px 12px;}
#qbooks .go_btn {padding-top:21px;padding-left:2px;}
#qbooks .advanced {font: bold 10px/12px Arial, Helvetica, sans-serif;color:#333;margin:0px 0px 0px 14px;padding-top: 6px;}
#qbooks .fivecoll {position:absolute;top:29px;left:13px;width:145px;font: 9px/11px Arial, Helvetica, sans-serif;color:#333;}

*html #qbooks .left_mid .left_field {font: 10px Arial, Helvetica, sans-serif;color:#333;margin:24px 0px 6px 12px;}
*html #qbooks .left_mid select {width:100px;margin:3px 0px -6px 12px;}
*html #qbooks .go_btn {padding-top:21px;padding-left:3px;}
*html #qbooks .advanced {font: bold 10px/12px Arial, Helvetica, sans-serif;color:#333;margin:-12px 0px 0px 14px;}
*+html #qbooks .left_mid .left_field {font: 10px Arial, Helvetica, sans-serif;color:#333;margin:24px 0px 6px 12px;}
*+html #qbooks .left_mid select {width:100px;margin:3px 0px -6px 12px;}
*+html #qbooks .go_btn {padding-top:21px;padding-left:3px;}
*+html #qbooks .advanced {font: bold 10px/12px Arial, Helvetica, sans-serif;color:#333;margin:-12px 0px 0px 14px;}

/* Quick Search: Articles */
#qarticles .left_top {height:36px;background: url(../imgs/quick2.gif) no-repeat;margin:0;font: 9px/12px Arial, Helvetica, sans-serif;color:#bbb;}
#qarticles .left_mid {width:165px;height:102px;background-color: #cccccc;font: 10px/14px Arial, Helvetica, sans-serif;color:#bbb;float:left;}
#qarticles .left_btm {width:165px;margin:0px;height:16px;background: url(../imgs/left_btm.gif) no-repeat top;clear:left;}
#qarticles .left_mid .left_field {width:110px;font: 10px Arial, Helvetica, sans-serif;color:#333;margin:16px 0px 6px 12px;}
#qarticles .left_mid select {width:100px;margin:-1px 0px 3px 12px;}
*html #qarticles .left_mid select {width:100px;margin:-3px 0px 0px 12px;}
#qarticles .advanced {font: bold 9px/12px Arial, Helvetica, sans-serif;color:#333;margin:0px 0px 0px 14px;}
*html #qarticles .advanced {font: bold 9px/12px Arial, Helvetica, sans-serif;color:#333;margin:-12px 0px 0px 14px;}
#qarticles .go_btn {padding-top:14px;padding-left:3px;}
*html #qarticles .go_btn {padding-top:15px;padding-left:3px;}
*+html #qarticles .go_btn {padding-top:15px;padding-left:3px;}


/* Quick Search: This Site */
#qsite .left_top {height:36px;background: url(../imgs/quick3.gif) no-repeat;margin:0;font: 9px/12px Arial, Helvetica, sans-serif;color:#bbb;}
#qsite .left_mid {width:165px;height:102px;background-color: #cccccc;font: 10px/14px Arial, Helvetica, sans-serif;color:#bbb;float:left;}
#qsite .left_btm {width:165px;margin:0px;height:16px;background: url(../imgs/left_btm.gif) no-repeat top;clear:left;}
#qsite .left_mid .left_field {width:110px;font: 10px Arial, Helvetica, sans-serif;color:#333;margin:19px 0px 6px 12px;}
#qsite .left_mid select {width:100px;margin:0px 0px 0px 12px;}
#qsite .advanced {font: bold 10px/12px Arial, Helvetica, sans-serif;color:#333;margin:-3px 0px 0px 14px;}
*html #qsite .advanced {font: bold 10px/12px Arial, Helvetica, sans-serif;color:#333;margin:-12px 0px 0px 14px;}
#qsite .go_btn {padding-top:17px;padding-left:3px;}
*html #qsite .go_btn {padding-top:18px;padding-left:3px;}
*+html #qsite .go_btn {padding-top:18px;padding-left:3px;}

.advanced {font: bold 9px/12px Arial, Helvetica, sans-serif;color:#333;margin:-7px 0px 0px 14px;}
.advanced a, 
.advanced a:link, 
.advanced a:visited, 
.advanced a:active {text-decoration:underline;color:#663; }
.advanced a:hover {text-decoration:none;color:#333; }


/* Library News */
.news {position:relative;padding-top:108px;}
.news ul {margin:-4px 3px -1px -14px;}
*html .news ul {background-color: #cccccc;margin: 2px 0px -1px 28px;}
*+html .news ul {background-color: #cccccc;margin: 2px 0px -1px 28px;}
.news .left_top{width:165px;padding-top:-3px;margin:0px;height:36px;background: url(../imgs/libnews.gif) no-repeat bottom; clear:left;}
.news .left_btm {width:165px;margin-top:0px;height:14px;background: url(../imgs/left_btm.gif) no-repeat top;clear:left;}
.news .left_mid{width:165px;background-color: #cccccc;font: 10px/14px Arial, Helvetica, sans-serif;color:#bbb;float:left;}
*html .news .left_mid li {list-style-position: outside;list-style-image: url(../imgs/square.gif);list-style-type: disc;margin-top:3px;padding-bottom:3px;}
.news .left_mid li {list-style-position: outside;list-style-image: url(../imgs/square.gif);list-style-type: disc;margin-top:3px;}
.news .left_mid li a, a:link, a:visited, a:active {text-decoration: none;color:#333; }
.news .left_mid li a:hover {text-decoration: underline;color:#333; }
.libnews {padding-left: 12px;margin:0px;position: absolute;z-index:100;float:left;}
	
	
/* Invest In The Library */
*html .invest {margin:3px 0px 0px 0px;}
*+html .invest {margin:3px 0px 0px 0px;}
.invest {margin:12px 0px 0px 0px;}


/* Especially For */
.espec {}
.espec ul {margin:-6px 3px -1px -14px;}
*html .espec ul {background-color: #cccccc;margin: 2px 0px -1px 28px;}
*+html .espec ul {background-color: #cccccc;margin: 2px 0px -1px 28px;}
.espec .left_top{width:165px;padding-top:4px;margin:0px;height:36px;background: url(../imgs/especfor.gif) no-repeat bottom; clear:left;}
*html .espec .left_mid{ width:165px;background-color: #cccccc;font: 10px/13px Arial, Helvetica, sans-serif;color:#bbb;float:left;}
*+html .espec .left_mid{ width:165px;background-color: #cccccc;font: 10px/13px Arial, Helvetica, sans-serif;color:#bbb;float:left;}
.espec .left_mid{ width:165px;background-color: #cccccc;font: 10px/13px Arial, Helvetica, sans-serif;color:#bbb ;float:left;}
.espec .left_mid li {list-style-position: outside;list-style-image: url(../imgs/square.gif);list-style-type: disc;margin-top:3px;}
*html .espec .left_mid li {list-style-position: outside;list-style-image: url(../imgs/square.gif);list-style-type: disc;margin-top:2px;padding-bottom:2px;}
*+html .espec .left_mid li {list-style-position: outside;list-style-image: url(../imgs/square.gif);list-style-type: disc;margin-top:2px;padding-bottom:2px;}
.espec .left_mid li a, a:link, a:visited, a:active {text-decoration: none;color:#333; }
.espec .left_mid li a:hover {text-decoration: underline;color:#333; }
.espec .left_btm {width:165px;margin-top:0px;height:14px;background: url(../imgs/left_btm.gif) no-repeat top;clear:left;}
.especfor {position: absolute;padding-left:12px;margin:0px;z-index:100;float:left;}
.espec .left_mid li {margin-top:3px;}

/* ====================================================================
PAGE CONTENT AND LINKS
-------------------------------------------------------------------- */

/* Alert Box or How I learned to stop worrying and love yellow */

table.alertbox {
	border-width: 2px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #cc0000;
	border-collapse: collapse;
	background-color: #ffffcc;
}

table.alertbox td {
	border-width: 1px;
	padding: 3px;
	border-style: none;
	background-color: #ffffcc;
	padding-left: 30px ;
	padding-right: 30px ;

}

.alertbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	 
}


.surveytxt {font-size: 11pt; font-weight:bold; text-align: center;}
.surveytxt a, a:link, a:visited, a:active {text-decoration: underline; }
.surveytxt a:hover {text-decoration: none; }

#feature {padding-top:21px;padding-left:28px;margin-right:18px;font: 10px/14px Arial, Helvetica, sans-serif;}
body.findpg #feature {color:#336;}
body.howpg #feature {color:#066;}
body.servpg #feature {color:#222;}
body.collpg #feature {color:#8B5300;}
body.aboutpg #feature {color:#630;}
body.servpg #sidebar #feature li {font: 11px/15px Arial, Helvetica, sans-serif;}
#feature h1 {font: bold 11px/11px Arial, Helvetica, sans-serif;}
body .servpg #feature h1 {font: bold 12px/12px Arial, Helvetica, sans-serif;}
#feature img {padding-right:10px;}
*html #feature p {margin-top:-14px;}
*+html #feature p {margin-top:-14px;}
#feature p {margin-top:0px;}
*html .pgnav ul {padding-bottom: 3%;}
*+html .pgnav ul {padding-bottom: 3%;}
.pgnav ul {padding-bottom: 3%;}
.pgnav li {list-style-position: outside;list-style-image: url(../imgs/find_bt.gif);list-style-type: disc;padding-bottom: 8px;}
.pgnav li a, 
.pgnav li a:link, 
.pgnav li a:visited, 
.pgnav li a:active {text-decoration:none;color:#333; }
.pgnav li a:hover {text-decoration:underline;color:#333; }
#feature ul {}
#feature li {list-style-position: outside;list-style-image: url(../imgs/square.gif);list-style-type: disc;padding-bottom: 8px;}
#feature li a, 
#feature li a:link, 
#feature li a:visited, 
#feature li a:active {text-decoration:none;color:#222; }
#feature li a:hover {text-decoration:underline;color:#222; }
#feature a, 
#feature a:link, 
#feature a:visited, 
#feature a:active {text-decoration:underline;color:#333; }
#feature a:hover {text-decoration:underline;color:#333; }

#sidebar {width: 253px;padding-top:12px;height:100%;float: right;}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4. */ 
/*/*/
body #left 
	{ p\osition: relative; }
/* */