/*

Layout CSS Document for ACLA Library Websites



Updated: 8/12/06

*/



/*begin body definition*/

body{

	padding:0px; margin:0px;

	min-width: 750px;

}



a:link, a:visited{

	text-decoration:none;

}



a:hover, a:active{

	text-decoration:underline;

}



a img {

	border: none;

}



/*end body definition*/





/*general formatting classes*/

.center {

	text-align: center;

}



.floatleft {

	position: relative;

	float: left;

	margin: 0px 5px 5px 0px;

}



.floatright {

	position: relative;

	float: right;

	margin: 0px 0px 5px 5px;

}



/*container for everything*/

#container{

	position: relative;

	top: 0px;

	left: 0px;

	width: 100%;

	height: auto;

	margin: auto;

}



/*start header*/

#header{

	position: relative;

	width:auto;

	height:120px;

	padding: 0px; margin: 0px;

}



#topnav{

	position: absolute;

	top: 0px;

	right: 0px;	

}



#header h1{

	position:absolute;

	top:50px;

	left:30px;

	padding: 0px; margin: 0px;

}



.spacer{

	position: relative;

	display: block;

	height: 20px;

	width: auto;

	top: 4px;

	left:0px;

	padding: 0px; margin: 0px;

	clear:both;

}

#header .spacer{

	top: 20px;

}

.spacerHighlight{

	position: absolute;

	display: block;

	height: 20px;

	width: 200px;

	top: 0px;

	left: 19px;

}

/*end header */





/*bottom contains navigation, content, right column*/

#bottom{

	padding-left: 240px;

	padding-right: 210px;

	margin: 0px;

	overflow: hidden;

}



#bottom .column {

	position: relative;

	float: left;

	padding-bottom: 20010px;

	margin-bottom: -20000px;

}





/*IE7b3 fix for footer and overflows*/

head:first-child+body #bottom .column {

	padding-bottom: 0;

	margin-bottom: 0;

	}

head:first-child+body .logos{

	padding: 90% 0 0 0;

	margin: 90% 0 0 0;

}

/*Now put it back for Geckos */

head:first-child+body #bottom:not([dummy]) .column {

	padding-bottom: 20010px;

	margin-bottom: -20000px;

	}

head:first-child+body html:not([dummy]) .logos{

	padding: 90% 0px 20010px 0px;

	margin: 90% 0px -20000px 0px;

}

/*End fix for IE7b3*/



/*start left column */

#nav{

	width:240px;

	right: 0px;

	margin-left: -242px;

}



#nav ul {

	border-bottom: 1px solid;

	margin: 0;

	padding: 0;

	list-style: none;

	clear:both;

}



#nav ul li a {

	display: block;

	width: 200px;

	height: auto;

	margin: 0;

	padding: 0.5em 0.1em 0.5em;

	border-top: 1px solid;

	}

	

#nav ul > li a {

	padding: 0.2em 1em;

	width:auto;

}



.logos{

	position:relative;

	height: auto;

	width: 200px;

	padding: 90% 0px 20010px 0px;

	margin: 90% 0px -20000px 0px;

	bottom: 0px;

	text-align:center;

}



/*** IE6 Fix ***/

* html #nav {

  left: 219px;

}

/*end left column*/





/*start main section*/

#content{

	top: 0px;

	left: 0px;

	height: auto;

	width: 100%;

	padding:10px; margin: 0px;

}

#content h2{

	padding: 0px 0px 0px 5px; margin: 0px;

}

#content h3{

	padding: 0px 0px 0px 5px; margin: 0px;

}

#content p{

	padding: 0px; margin: 0px 0px 20px;

}



/*end main section*/





/*begin right column*/

#rightColumn{

	top:0px;

	height: auto;

	width: 170px;

	padding: 0px; margin: 0px -170px 0px 0px;

}

#hours{

	position:relative;

	height: auto;

	width:150px;

	padding: 5px; margin: 5px;

	text-align:center;

}



#contact{

	position:relative;

	height: auto;

	width: 150px;

	padding: 5px; margin: 5px;

	text-align:center;

}



#events{

	position:relative;

	height: auto;

	width: 150px;

	padding: 5px; margin: 10px 5px 5px;

}



#events h2{

	padding: 1px 1px 1px 5px; 

	margin: -5px -5px 0px;	

	text-align:center;	

}



#events .event {

 padding: 0px; margin: 5px 0px;

}



/*end right column*/





/*begin footer*/



#foot{

	position:relative;

	padding: 0px; margin: 0px;

	clear:both;

	text-align:center;

}



/*IE6 fix for footer and overflows*/ 

* html body {

  overflow: hidden;

}

* html #foot {

  float: left;

  position: relative;

  width: 100%;

  padding-bottom: 10010px;

  margin-bottom: -10000px;

}

/*end footer*/





/*Safari hack for Right Column */

::root #rightColumn {

	float:right;

	top:0px;

	height: auto;

	width: 170px;

	margin: 0px -190px -20000px 0px;

	padding-bottom: 20010px;

}