/* Base CSS for NLAWEB 07 Design */

/*
--------------------------------------------------------
General layout & html styles
--------------------------------------------------------
*/

/* import contribute styles */
@import url("/stylesheets/07/contribute.css");

body, * {
	margin:0;
	padding:0;
	font-family: "Myriad Pro", "Arial", "Helvetica", sans-serif;
	font-size:100%;
	}
body {
	background:none;
	}
	
a, a:link, a:visited {color:#069; text-decoration: underline;} /* was #09c - but i think this is too light... */
a:hover, a:hover visited {color:#fff; background-color:#069;}

h1 {
	font-size:190%;
	font-weight:bold;
	line-height:1em;
	letter-spacing:-1px;
}
h1, h2, h3, h4, p, ul {
	margin-bottom:18px;
	}
h3 {
	font-size:110%;
	letter-spacing:-1px;
	color:#333;
}
h2 {
	background:transparent url("/img/07_layout/H2_BG.gif") 0 0 no-repeat;
	font-size:160%;
	margin-top:32px;
	padding-top:16px;
	
	}

#container {
	margin:0 auto;
	width:803px;
	padding:0;
	background:none;
	
	}
#ls {
	float:left;
	width:90%;
	background:none;
	}
#rs {
	display:none;
	}
#rs_nxtLvl {
	display:none;
	}

/*
--------------------------------------------------------
header styles
--------------------------------------------------------
*/

#header {
	padding:10px;
	color:#fff;
	}
	#header h1 {
		/*text-indent: -9999px;*/
		margin: 0;
		}
		
		
	/*#header h1 a {
		display:block;
		width:243px;
		height:98px;
		background:transparent url("/img/07_layout/h1_NLA_logo.gif") top left no-repeat;
		}
	#header a img {
		/*text-indent: -9999px;
		}
		*/
		
	#header ul {
		display:none;
		}
	#header a, #header a:link, #header a:visited {color:#fff; text-decoration: none;}
	#header a:hover, #header a:hover visited {color:#fff; text-decoration: none; }
	
	#skip_to_content {
		display:none;
	}
	
/*
--------------------------------------------------------
main menu styles
NOTE: drop down styles are included in: 
--------------------------------------------------------
*/

#main_menu {
	display:none;
	}

/*
--------------------------------------------------------
main feature styles ('Explore Our Digital Collections...')
--------------------------------------------------------
*/
	
#feature {
	padding:0;
	margin-top:14px;
	}
	
/*
--------------------------------------------------------
News styles (col 1 - homepage)
--------------------------------------------------------
*/

#news_events {
	width:250px;
	float:left;
	margin-top:14px;
	border-top:1px solid #fff;
	}
	#news_events h3 {
		/*margin-bottom:42px;*/
		background:#000 url("/img/07_layout/news_events.gif") top left no-repeat;
		width:243px;
		height:38px;
		margin-bottom: 0;
		}
	#news_events h3 a {
		position:absolute;
		width:243px;
		height:38px;
		/*border:1px solid red;*/
		}
	#news_events h3 a:hover {
		background:none;
		}
	#news_events h3 a span{
		margin-left:-999em;
		}
	#news_events ul {
		margin:42px 30px 0 8px;
		font-size:80%;
		}
	#news_events ul li {
		width:100%;
		list-style:none outside none;
		display:block;
		border-bottom:1px solid #ccc;
		padding:8px;
		line-height:1.4em;
		}
	#news_events ul li a, #news_events ul li a:link, #news_events ul li a:visited {
		background:url("/img/07_layout/icon_more_arrow.gif") 100% 50% no-repeat;
		padding-right:18px;
		}
	#news_events ul li a:hover, #news_events ul li a:hover visited {color:#fff; background-color:#069; }
		/*
	#news_events p {
		margin:4px;
		font-size:80%;
		padding:10px;
		border-bottom:1px solid #ccc;
		}
	*/
	
	.story {
		font-size:80%;
		border-bottom:1px solid #ccc;
		padding:14px 6px;
	}
	
	.story h4 {
		font-size:110%;
		margin-bottom:8px;
	}	
	
	/*
--------------------------------------------------------
Ref Help (Using the Library) styles - col 2 - homepage
--------------------------------------------------------
*/

#ref_help {
	width:250px;
	margin-left:270px;
	margin-top:14px;
	border-top:1px solid #fff;
	}
	#ref_help h3 {
		width:243px;
		height:38px;
		background:transparent url("/img/07_layout/using-the-library.gif") top left no-repeat;
	}
	#ref_help h3 a{
		position:absolute;
		/*border:1px solid red;*/
		width:243px;
		height:38px;
	}
	#ref_help h3 a:hover{
		background:none;
	}
	
	#ref_help h3 a span{
		margin-left:-999em;
	}
	#ref_help ul {
		margin:42px 16px 0 8px;
		}
	#ref_help ul li{
		width:100%;
		list-style:none outside none;
		display:block;
		border-bottom:1px solid #ccc;
		padding:0;
		}
		#ref_help ul li a{
			padding:8px;
			display:block;
			}
		#ref_help ul li ul {
			margin:0;
			padding:0;
			border-top:1px solid #ccc;
			}
		#ref_help ul li ul li{
		border:none;
			}
			#ref_help ul li ul li a{
				margin-left:22px;
				font-size:80%;
				}
		#ref_help a, #ref_help a:link, #ref_help a:visited {color:#333; text-decoration: none;}
		#ref_help a:hover, #ref_help a:hover visited {color:#333; background-color:#ccc; text-decoration: none; }

/*
--------------------------------------------------------
search Box styles
--------------------------------------------------------
*/

#search, #L2_search {
	display:none;
	}
	
/*
--------------------------------------------------------
E-resources & For Librarians styles - underneath search box - RS / col 3
--------------------------------------------------------
*/

#e-resources {
	color:#fff;
	min-height:188px;
	height:188px;
	padding:10px;
	}
	#e-resources h3 {
		margin:6px 0;
		line-height:1.2em;
		}	
	#e-resources p {
		font-size:80%;
		line-height:1.2em;
		}
	#e-resources a, #e-resources a:link, #e-resources a:visited {
		background:url("/img/07_layout/icon_more_arrow_dark.gif") 100% 50% no-repeat;
		padding-right:18px;
		color:#fff;
		text-decoration:none;
		}
	#e-resources a:hover, #e-resources a:hover visited {color:#fff; background-color:#069; }
	
/*
--------------------------------------------------------
National Services styles
--------------------------------------------------------
*/
	
#nat-services {
	background:#c7e8f0 url("/img/07_layout/nat-serv_bg.gif") top left no-repeat;
	color:#fff;
	border-top:1px solid #fff;
	}
	#nat-services h3{
		color:#fff;
		}
	#nat-services h3, #nat-services p {
		margin:10px 0 0 10px;
		line-height:1.2em;
		}
	#nat-services p {
		font-size:80%;
		line-height:1.2em;
		}
	#nat-services ul{
		color:#333;
		margin-top:18px;
		background:url("/img/07_layout/nat-serv_UL_bottom_bg.gif") bottom left no-repeat;
		display:block;
		padding:0;
		}
	#nat-services ul li{
		background-color:#c7e8f0;
		font-size:120%;
		list-style:none outside none;
		display:block;
		border-bottom:1px solid #fff;
		padding:8px;
		font-weight:bold;
		letter-spacing:-1px;
		}
	#nat-services ul li:hover{
		background-color:#addeeb;
		}
	#nat-services ul li img{
		float:left;
		margin-right:6px;
		border:none;
		}
	#nat-services ul li span{
		font-size:60%;
		font-weight:normal;
		letter-spacing:0;
		}
	#nat-services ul li a, #nat-services ul li a:link, #nat-services ul li a:visited {color:#333; text-decoration: none;}
	#nat-services ul li a:hover, #nat-services ul li a:hover visited {color:#333; background-color:transparent; text-decoration: none; }

/*
--------------------------------------------------------
RS / secondary nav styles
--------------------------------------------------------
*/

#secondary_nav {
	display:none;
	}
/*
--------------------------------------------------------
general content styles
--------------------------------------------------------
*/


#breadcrumbs {
	display:none;
	}

#content {
	padding:0 0 0 20px;
	min-height:560px;
	}
	#content h2{
		letter-spacing:-1px;
	}
	#content p{
		line-height:1.5em;
		font-size:90%;
	}
	#content ul, #content dl  {
		font-size:90%;
	}
	#content ul li{
		margin-left:22px;
		padding-left:0;
		list-style:none outside none;
		list-style-image:url("/img/07_layout/content_li.gif");
		line-height:1.5em;line-height:1.5em;
	}
	#content table {
	margin-bottom:18px;
	width:100%;
	border-collapse:collapse;
	font-size:80%;
}


/* for Jase's forms */

#content #form table td {
	border:none;
	font-size: 1.2em;
}


#content table th {
	padding:6px;
	border-top:1px solid #999;
	vertical-align:text-top;
	text-align:left;
}

#content table td {
	padding:6px;
	border-top:1px solid #999;
	vertical-align:text-top;
}


	#content dt {
		margin-bottom:6px;
		font-weight:bold;
	}
	#content dd {
		padding-bottom:12px;
		border-bottom:1px solid #ccc;
		margin-bottom:12px;
	}
	
	.seealso {
		background-color:#ff9;
		font-weight:bold;
		}
	.seealso a {
		color:#000;
		font-weight:normal;
		text-decoration:none;
		}
	.seealso a:hover {
		background:none;
		}
	a.seealso:link, a.seealso:visited {
		color: #000; /* was #CC6600 */
		font-weight: normal;
		}

/*
--------------------------------------------------------
misc styles
--------------------------------------------------------
*/

a.backToTop {
	display:none;
}

li.emphasize {
	background-color:#ff9;
	padding-bottom:10px;
}
.emphasize {
	background-color:#ff9;
	padding:8px;
	margin-bottom:18px;
	border:1px solid #333;
}

/*
--------------------------------------------------------
Footer styles
--------------------------------------------------------
*/

#footer {
	display:none;
	}
	
/*
--------------------------------------------------------
FIX FOR DIVS WITH FLOATED CONTENT
--------------------------------------------------------
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
