/*
Layout CSS Document for ACLA Library Websites
Updated: 8/12/06

begin body definition*/
body {
margin:0;
min-width:750px;
padding:0;
}

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 {
float:left;
margin:5px 5px 0px 0px;
position:relative;
}

.floatright {
float:right;
margin:0 0 5px 5px;
position:relative;
top:5px;
}

/*container for everything*/
#container {
height:auto;
left:0;
margin:auto;
position:relative;
top:0;
width:100%;
}

/*start header*/
#header {
height:120px;
margin:0;
padding:0;
position:relative;
width:auto;
}

#topnav {
position:absolute;
right:0;
font-weight:bold;
top:0;
}
#searchdiv {
	position: absolute;
	top: 20px;
	right: 0px;
	margin-top:3px;
}

#header h1 {
left:15px;
margin:0;
padding:0;
position:absolute;
top:40px;
}

.spacer {
clear:both;
display:block;
height:20px;
left:0;
margin:0;
padding:0;
position:relative;
top:0;
width:auto;
}

#header .spacer {
top:100px;
}

.spacerHighlight {
display:block;
height:20px;
left:19px;
position:absolute;
top:0;
width:175px;
}

/*end header 
bottom contains navigation, content, right column*/
#bottom {
margin:0;
overflow:hidden;
padding-left:220px;
padding-right:210px;
}

#bottom .column {
float:left;
margin-bottom:-20000px;
padding-bottom:20010px;
position:relative;
}

/*IE7b3 fix for footer and overflows*/
head:first-child+body #bottom .column {
	margin-bottom:0;
	padding-bottom:0;
	font-weight: bold;
}

head:first-child+body .logos {
margin:90% 0 0;
padding:90% 0 0;
}

/*Now put it back for Geckos */
head:first-child+body #bottom:not([dummy]) .column {
margin-bottom:-20000px;
padding-bottom:20010px;
}

head:first-child+body html:not([dummy]) .logos {
margin:90% 0 -20000px;
padding:90% 0 20010px;
}

/*End fix for IE7b3
start left column */
#nav{
margin-left:-210px;
right:0;
width:175px;
}

#nav ul li a {
border-top:1px solid;
display:block;
height:auto;
margin:0;
padding:0.5em 0.1em;
width:175px;
}

#nav ul > li a {
padding:0.2em 1em;
width:auto;
}

#navcontainer { width: 175px; }

#navcontainer dl, #navcontainer dt, #navcontainer dd, #navcontainer ul, #navcontainer li {
margin: 0;
padding: 0;
list-style-type: none;
}


dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
background: #ccc;
}

/*dl#menu dd {
border: 1px solid gray;
}*/

dl#menu li {
text-align: center;
background: #fff;
}

dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}


.logos {
bottom:0;
height:auto;
margin:50% 0 -20000px;
padding:90% 0 20010px;
position:relative;
text-align:center;
width:175px;
}

/*** IE6 Fix ***/
* html #nav {
left:219px;
}

/*end left column
start main section*/
#content {
height:auto;
left:0;
margin:0;
padding:10px;
top:10px;
width:100%;
}

#content p {
	margin:0 0 20px;
	padding:0;
	font-size: 24px;
	font-style: italic;
}

/*end main section
begin right column*/
#rightColumn {
height:auto;
margin:0 -170px 0 0;
padding:0;
top:10px;
width:170px;
}

#events {
height:auto;
margin:10px 5px 5px;
padding:5px;
position:relative;
width:150px;
}

#events h2 {
margin:-5px -5px 0;
padding:1px 1px 1px 5px;
}

#events .event {
margin:5px 0;
padding:0;
}

/*end right column
begin footer*/
#foot {
clear:both;
margin:0;
padding:0;
position:relative;
text-align:center;
}

/*IE6 fix for footer and overflows*/
* html body {
overflow:hidden;
}

* html #foot {
float:left;
margin-bottom:-10000px;
padding-bottom:10010px;
position:relative;
width:100%;
}

/*end footer
Safari hack for Right Column */
::root #rightColumn {
float:right;
height:auto;
margin:0 -190px -20000px 0;
padding-bottom:20010px;
top:10px;
width:170px;
}

#content h2,#content h3 {
margin:0;
padding:0 0 0 5px;
}


#hours,#contact {
height:auto;
margin:5px;
padding:5px;
position:relative;
text-align:center;
width:150px;
}
#container #bottom #content p em {
	font-weight: bold;
}
#container #bottom #content p {
	text-align: center;
}