* {
	margin:0;
	padding:0;
}
body {
	background:#fff url("/img/07_layout/body_header_bg.gif") top left repeat-x;
	font:normal 100%/1.3em "Myriad Pro", "Arial", "Helvetica", sans-serif;
	}
.wrapper div {
	margin-bottom:22px;
}

div p, div h3, div h4 {
	padding:0 10px 0 10px;
}

p {
	font-size:85%;
}

div .rcol ul, div .lcol ul {
	margin-left:6px;
	list-style:none outside none;
}

div .rcol ul li img {
	margin:0;
	float:left;
	padding-right:10px;
}

div .rcol ul li {
	clear:left;
	padding-top:10px;
	padding-right:10px;
}

img {
	border:none;
}
a, a:link, a:visited {color:#069; text-decoration: none;} 
a:hover, a:hover visited {color:#fff; background-color:#069;}

h1 {
	font-size:240%;
	font-weight:bold;
	line-height:1em;
	letter-spacing:-1px;
}

h2 {
	font-size:150%;
	letter-spacing:-1px;
	color:#333;
	margin:10px;
}
h1, h2, h3, h4, p, ul {
	margin-bottom:18px;
	}
h2 em {
	color:#666;
}
.wrapper h2 a:hover {
	color:#fff;
}
.wrapper h2 a {
	color:#000;
}
h3 {
	font-size:150%;
	letter-spacing:-1px;
	color:#333;
}
h3 em {
	color:#666;
}

.wrapper h3 a:hover {
	color:#fff;
}
.wrapper h3 a {
	color:#000;
}


body .wrapper {
	/*background:transparent url("/img/07_layout/content_BG_single1.gif") no-repeat 86% 0;
	width:1000px;*/
	width:90%;
	margin:20px auto;
}


body div.wrapper div.rcol {
	background:transparent url("/img/07_layout/content_BG_single1.gif") no-repeat 0 0;
}

#footer div.wrapper div.rcol {
	background:none;
}


div .wrapper {
	/*width:1000px;*/
	width:90%;
	margin:0 auto;
	background:none;
}
.lcol {
	/*width:230px;*/
	width:24%;
	float:left;
}
.ccol {
	/*background-color:#fcf;*/
	margin-left:26%;
	width:48%;
	/*background:transparent url("/img/07_layout/content_BG_single1.gif") no-repeat right top;*/
}
.rcol {
	/*width:230px;*/
	width:24%;
	float:right;
}

div.wrapper div.ccol div.lcol {
	width:48%;
}

#header {
	color:#fff;
	height:140px;
	}
	#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-mar2011.gif") 0 0 no-repeat;
		margin:20px 0 0 0;
		/*border:1px solid red;*/
		}
	#header a img {
		text-indent: -999px;
		}
	#header ul, #skip_to_content ul {
		position: absolute;
		left: -999px;
		top: -999px;
		}
	#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; }

#main_nav {
	margin-top:-20px;
}



/*
********** Feature image **********
*/


#feature {
	height:206px;
	min-height:206px;
	background-color:#000;
	text-align:center;
	position:relative;
	
}

#feature a {
	color:#666;
	text-align:left;
}

#feature a:hover {
	color:#fff;
}

.feat-desc {
	text-align:left;
	border-top:1px solid #ccc;
	height:206px;
/*overflow:auto;*/
width:50%;
	background-color:#f5f5f5;
	float:right; /**/
	margin-left:50%;
	color:#666;
}

.feat-desc h3 {
	padding-top:10px;
	font-size:180%;
	font-weight:lighter;
	line-height:1em;
	letter-spacing:-1px;
}

.feat-desc h3 em {
	font-style:normal;
	font-weight:normal;
	font-size:50%;
	letter-spacing:0;
	line-height:1.4em;
	color:#999;
}


#feature p {
	position:absolute;
	/**/
	top:170px;
	left:6px;
	/**/
	text-align:left;
	}

.zoom {
	background:#000 url("/img/homepage/digicoll-eye.gif") 2px 2px no-repeat;
	padding:2px 2px 2px 22px;
	margin-left:20px;
}


#feature p.zoom a {
	color:#fff;
}





/*
********** News **********
*/


#news_events {
	/*line-height:.8em;*/
	background-color:#f5f5f5;
	border-right:1px solid #ccc;
}
#news_events h3 {
	margin-top:12px;
}
#news_events h4 {
	margin-bottom:8px;
}
/*.story {
	padding-right:10px;
	margin-bottom:0;
}*/
#news_events div.story:hover {
	background-color:#f5f5f5;
}


/**/


.story {
	padding:8px 0 0 0;
	font-size:100%;
}

.dateAndTitle{
	color:#666;
}

.dateAndTitle a{
	font-size:130%;
	font-weight:bold;
}

.story p {
	padding:0;
	margin:0 14px 12px 10px;
}



#shop h3 a:hover {
	color:#fff;
}
#shop h3 a:hover em {
	color:#9cf;
}

/*
********** Reference Help (Using the library) **********
*/

#ref_help {
	/*background-color:#ccc;*/
}
#ref_help h3 {
	margin-left:10px;
}
#ref_help ul {
	padding-left:10px;
}
#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;
			}
	
/*
--------------------------------------------------------
new search styles
--------------------------------------------------------
*/

#search {
	background:transparent url('/img/newSearch-LS.jpg') 0 0 no-repeat;
	float:right;
	width:24%;
	height:150px;
	margin-top:-20px;
}
#search form {
	margin-left:20px;
	margin-top:36px;
}

#search label {
	display:block;
	font-size:160%;
	opacity:0.9;
	text-shadow:#000 1px 1px 1px;
	font-weight:normal; 
	letter-spacing:-1px;
	margin:0 0 6px 0;
}

#search span, #search input, #search button {
	border: none;
	float: left;
	
}

#search span {
	color: #666;
	width: 160px;
	height: 35px;
	margin:0;
	padding:0;
	background: transparent url('/img/newSearch-input-BG.gif') no-repeat 0 0;
}
#search input {
	font-size:120%;
	margin:0;
	background:none;
	padding:6px 4px;
	width: 150px;
	height: 35px;
}
#search input:focus {
	outline: none;
}
#search button {
	margin-left:0;
}
#search button.btn {
	width: 38px;
	height: 35px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/img/newSearch-wht-GO.gif) no-repeat top right;
}
#search button.btn:hover {
	background: transparent url(/img/newSearch-wht-GO.gif) no-repeat bottom right;
}

/*
#search {
	background:transparent url('/img/images/newSearch-LS.jpg') 0 0 no-repeat;
	float:right;
	width:24%;
	height:150px;
}
#search p {
	font-size:180%;
	opacity:0.9;
	text-shadow:#000 1px 1px 1px;
	font-weight:bolder; 
	letter-spacing:-1px;
	margin-top:38px;
	margin-bottom:4px;
	margin-left:10px;
}
#search form {
	
}
#search input {
	font-size:130%;
	margin-left:20px;
}
*/

#e_resources {
	border:1px solid #ccc;
	margin-left:20px;
}

#e_resources h3 {
	margin:12px 10px 12px 10px;
	padding-bottom:10px;
	padding-left:0;
	border-bottom:1px solid #ccc;
}

#for_librarian_pros {
	margin-left:10px;
	border-bottom:1px solid #ccc;
}

#exhibition {
	
	border:1px solid #ccc;
	margin-left:10px;
}

#exhibition h3 {
	margin:12px 10px 12px 10px;
	padding-bottom:10px;
	padding-left:0;
	border-bottom:1px solid #ccc;
}

.current {
	margin-left:10px; 
	background: url(/img/icons/date.png) 2px 2px no-repeat; 
	padding-left:22px;
	padding-right:10px;
}

.current h4 {
	margin-bottom:4px;
}
.current p {
	color:#666;
	padding-right:10px;
	margin-bottom:2px;
}

#shop img {
	padding:0 10px 10px 10px;
	display:block;
}
#shop{
	margin-left:10px;
}

#nat_services ul li {
	font-size:90%;
	line-height:1.2em;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
#nat_services {
	margin-left:10px;
}

#nat_services ul li:hover {
	background-color:#f5f5f5;
}


#nat_services ul li a {
	font-weight:bold;
	font-size:120%;
	letter-spacing:-1px;
}

#nat_services ul li img {
	border:1px solid #ccc;
	padding:3px;
	margin-right:6px;
}


#footer {
	clear:both;
	padding-top:22px;
	background-color:#ccc;
	margin:0;
}

#footer .wrapper ul li {
	/*list-style: circle outside disc;
	padding:6px;*/
}

#footer div {
	margin-bottom:0;
}

#footer div h3 {
	margin-left:10px;
	color:#333;
}

#footer div ul {
	list-style:none outside none;
	padding-left:10px;
	font-size:90%;
	margin-left:10px;
}

#footer div ul li {
	padding:2px 0;
}



#more {

}

/* Stay up to date: social media */

#soc-media {

	}
	#soc-media ul {
		list-style:none outside none;
		display:inline;
		}
	#soc-media ul li{
		list-style:none outside none;
		float:left;
		margin-right:10px;
		border:none;
		width:40%;
		}
	#soc-media ul li a{
		padding:0;
		margin:0;
		background-color:#fff;
		}
	#soc-media ul li img{
		/*border: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 */
