/* * { border: 1px dashed red; } */

/* Firefox positioning bug fixed only after page reload */
/*
 im having troubles finding out what causes the following bug, in IE and FF. #footer sits inside #content

about half the times that my page loads #footer ends up half way up the page. when i reload the page, it drops back down to its place at the bottom of the page.

body and #content have no height specified. its filled with floated divs inside a #wrapper with specified height. #footer sits below this absolutely positioned

based on the fact that the problem is solved on reload, does anyone know what causes this?

thx
S
*/
/* You might need a clearer div just above your footer - something like this: */
div.clearer {
	height:1px;
	margin-top:-1px;
	clear:both;
}

/* html, body { height: 100%; } */


body { font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 70%;
	   background-color: white;
	 }

div { box-sizing: border-box;
	  -moz-box-sizing: border-box;
	}

table.topnav { font-size: 80%;
			 }

table.topnav a { color: #900;
				 text-decoration: none;
				 display: block;
				 background: #FF9;
				 padding: 4px 0 0 0;
				 height: 18px;
			   }

table.topnav a:hover {color: #000000;
						font-weight:bold;
						letter-spacing:1.2px;
					   background: #FFFF99;
					 }

div.leftnav { margin: 0;
			  padding: 0;
			  width: 186px;
			  font-size: 85%;
			  background-color: #cccccc;
			  white-space: normal;
			}

div.leftnav form { font-size: 110%;
				 }

div.leftnav form input { width: 84px;
					   }

div.leftnav .search { font-size: 85%;
					  font-weight:bold;
					  padding:0px;
					  margin:0px;
					  width: auto;
					  background:#999;
					  color:#fff;
					}

div.leftnav h2 { font-size: small;
				 text-align: center;
				 margin: 2px 0 2px 0;
				 background-color: #ffffff;
			   }

div.leftnav h2 a { color: #933;
				   text-decoration: none;
				 }

div.leftnav ul { margin: 0;
				 padding: 0;
			   }

div.leftnav ul li { display: block;
					margin: 0;
					padding: 0;
					border-bottom: 1px solid #ffffff;
				  }

div.leftnav ul li a { display: block;
					  margin: 0;
					  padding: 3px 0 3px 33px;
					  text-indent: -30px;
					  text-decoration: none;
					  color: #000000;
					  background-color: #cccccc;
					}

div.leftnav ul li a:hover { background-color: #aaaaaa;
						  }

div.leftnav ul li ul li { border-bottom: 1px solid #f5eaca;
						}

div.leftnav ul li.terminal { background: white;
							 font-weight: bold;
							 padding: 4px 0 4px 33px;
							 text-indent: -8px;
							 border: 1px solid white;
						   }

div.leftnav ul li ul li a { background-color: #f5eaca;
							padding-left: 37px;
						  }

div.leftnav ul li ul li a:hover { background-color: #e6d9b4;
								}

div.leftnav ul li ul li a.open { background-color: #e6d9b4;
								 padding: 4px 0 4px 37px;
								 font-weight: bold;
							   }

div.leftnav ul li ul li ul { color: #933;
						   }

div.leftnav ul li ul li ul li { color: black;
								background-color: white;
								border: 1px solid white;
							  }

div.leftnav ul li ul li ul li a { background-color: white;
								  /* border: 1px solid white; */
								}

div.leftnav ul li ul li ul li a:hover { color: #933;
										background-color: white;
										/* border: 1px dashed #933; */
									  }

div.content { margin: 0 14px 0 14px;
			  padding: 0;
			  width: 394px;
			  white-space: normal;
			  height: 100%;
			}

div.content h2 { font-family: "Times New Roman", Times, serif;
					 font-size: large;
					 color: #ffffff;
					 background: url(../images/featureMAIN2_nt.gif) repeat-y;
					 margin: 10px 1px 1px 1px;
					 padding-left: 5px;
				   }

div.content h3 { font-size: small;
				   }

div.content h4 { font-size: small;
				   }

div.content div { margin: 1px;
				  padding: 6px;
				  border: 1px solid #cccccc;
				  overflow: visible;
				}

div.content div.unavailable {
	z-index: 100000000;	/* top-most layer */

	opacity: 0.6;	/* transparent layer */
	filter: alpha(opacity=60); /* IE requires this and a width or height */

	position: absolute;	/* place this layer over contents of div.content */
	top: 375px;
	left: 200px;
	width: 394px;	/* width should be same for all div.content but you need to specify height on a per use basis */

	color: black;
	background-color: yellow;
	border-style: double;
	border-color: black;
	border-width: 1ex;
	text-align: center;
	padding-top: 7em;
}

div.content div ul { margin-top: 0.5ex;
					 margin-bottom: 1ex; }

div.content div p { margin: 0.5ex 0 1ex 0; }

div.content a { color: #933;
				text-decoration: none;
			  }

div.content a:hover { color: #aaaaaa;
					  text-decoration: underline;
					}

div.content a.nav { font-weight: bold;
				  }


div.widecontent { margin: 0 0 0 14px;
				  padding: 0;
				  width: 590px;
				  white-space: normal;
				  /*height: 100%;*/
				}

div.widecontent h2 { font-family: "Times New Roman", Times, serif;
					 font-size: large;
					 color: #ffffff;
					 background: url(../images/featureMAIN2_nt.gif) repeat-y;
					 margin: 10px 1px 1px 1px;
					 padding-left: 5px;
				   }

div.widecontent h3 { font-size: small;
					 color: #933;
				   }

div.widecontent h4 { font-size: small;
					 color: #933;
				   }

div.widecontent div { margin: 1px;
					  padding: 6px;
					  overflow: auto;
					}

div.widecontent div.unavailable {
	z-index: 100000000;	/* top-most layer */

	opacity: 0.6;	/* transparent layer */
	filter: alpha(opacity=60); /* IE requires this and a width or height */

	position: absolute;	/* place this layer over contents of div.widecontent */
	top: 160px;
	left: 200px;
	width: 590px;	/* width should be same for all div.widecontent but you need to specify height on a per use basis */

	color: black;
	background-color: yellow;
	border-style: double;
	border-color: black;
	border-width: 1ex;
	text-align: center;
	padding-top: 0;
}

div.widecontent div p { margin: 0.5ex 0 1.5ex 0; }

div.widecontent a:link,
div.widecontent a:visited { color: #933;
							text-decoration: none;
						  }

div.widecontent a:hover { color: #aaaaaa;
						  text-decoration: underline;
						}

div.widecontent ul.spaced li,
div.widecontent ol.spaced li { margin-bottom: 1ex;
							 }

div.widecontent table.lender tr th { font-family: "Arial Narrow", sans-serif;
									 color: white;
									 background-color: #990000;
								   }

div.widecontent table.lender tr td { font-family: "Arial Narrow", sans-serif;
									 font-size: 120%;
									 color: black;
									 text-align: center;
								   }

div.widecontent table.lender tr td a:link,
div.widecontent table.lender tr td a:visited,
div.widecontent table.lender tr td a:hover { color: blue;
											 text-decoration: none;
										   }

div.widecontent table.calendar { float: left; }

div.widecontent table.calendar tr td { font-size: 75%;
									   width: 5ex;
									   height: 6ex;
									   empty-cells: show;
									 }

div.widecontent .calendar .academic { background-color: yellow;
									}
div.widecontent .calendar .vacation { background-color: #CC99FF;
									}
div.widecontent .calendar .summer { background-color: lightgreen;
								  }
div.widecontent .calendar .focus { background-color: cyan;
								 }
div.widecontent .calendar .closed { background-color: silver;
								  }

div.crumb { padding: 7px;
}

div.crumb a { font-size: 80%;
			  color: #aaaaaa;
			  text-decoration: none;
			}

div.crumb a:hover { color: #cccccc;
					text-decoration: underline;
				  }

div.rightnav { margin: 0;
			   padding: 7px;
			   width: 186px;
			   background-color: #f5eacc;
			   white-space: normal;
			 }
div.rightnav2 { margin: 0;
			   padding: 0px;
			   width: 1px;
			   background-color: #fff;
			   white-space: normal;
}

div.rightnav .search { font-size: 80%;
					   font-weight:bold;
					   padding:0px;
					   margin:0px;
					   background:#999;
					   color:#fff;
					 }

div.rightnav h2 { margin: 0;
				  padding: 4px;
				  font-size: small;
				  text-align: center;
				  color: #ffffff;
				  background-color: #993333;
				}

div.rightnav div { margin: 7px 0 14px 0;
				   border: 1px solid #ddc59b;
				   padding: 6px;
				   display: block;
				   font-size: 85%;
				 }

div.rightnav div p { margin: 0 0 10px 0;
				   }
.footer{
	position:relative;
	top:0px;
	left:0px;
}
table.footer { color: white;
			   font-size: 85%;
			 }

table.footer a { color: white;
				 text-decoration: none;
			   }

table.footer a:hover { text-decoration: underline;
					 }

.more { display: block;
		height: 20px;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: right;
	  }

/* Styles from previous "include" files -- not attempting to integrate at this time */
.nonLinkTD{
	background: #ffff99;
	font-weight: bold;
	color:#000000;
	padding: 0px 0px 3px 0px;
	height: 18px;

}
input{
	font-size: 85%;
	padding:1px;
	border: 1px solid #000;
	margin:0px;
}
select {
	font-size:70%;
	padding:0px;
	margin:0px;
	width:140px;
}
.option {
	padding:0px;
	margin:0px;
}

.forms {
	font-size: 85%;
	padding: 0;
	margin: 0;
}
.brick{
	color:#993300;
	}
.cream{
	background-color:#f5eacc;
}
td.newMenu { font-size: 80%;
			 }

td.newMenu a { color: #333333;
				 text-decoration: none;
				 display: block;
				 background: #CCCCCC;
				 padding: 5px 5px 0 5px;
				 height: 18px;
			   }

td.newMenu a:hover { color: #993333;
					font-weight:bold;
					   background: #CCCCCC;/*#E9E8DF;*/
					 }
					 td.address{padding:4px;
					 font-size:9px;
					 }
/* end styles for included files */