@charset "utf-8";
/* CSS Document */
body{ font-family: verdana, Helvetica, Arial, sans-serif; }

/* Hidden skip link for screen readers, but becomes visible on focus for keyboard navigators */
div#skip a{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
div#skip a:focus, #skip a:active{
	position:static;
	width:auto;
	height:auto;
	line-height:1.5;
	background:#fff;
	padding:5px;
	font-size:large;
}

img{
	padding: 0;
	margin: 0;
	border:0px;
	}
h2, h3, h4, h5, h6{
	margin: 0 0 0 10px;
	font-weight: normal; }
p, ul, ol, li, dl { padding: 0px; margin: 0px; }
/*Positions paragraphs to line up with the rest of elements on the page*/
p{ padding: 0px 0px 0px 10px; }
p, ul, ol, dl{
	font-size: .85em;
	line-height: 1.3em;
}
/*Positions the lists to line up with the rest of the page*/
ul, ol, dl{ padding: 0 0 0 25px; }
h1{
	margin: 0 0 0 10px;
	display: block;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman, Times", serif;
	font-weight: bold;
	color: #26316b;	
	font-size: 2.4em;
	margin-bottom: 10px;
	letter-spacing: 0.01em;
	border-bottom: 1px solid #d1d3d6;
	}
h2{
	padding: 15px 0px 3px 0px;
	color: #26316b;	
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman, Times", serif;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	}
h3{
	padding: 10px 0px 3px 0px;
	font-size: .8em;
	letter-spacing: 0.13em;
	}

h4{	padding: 10px 0px 3px 0px;
	font-size: .7em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}
h5{	padding: 10px 0px 5px 0px;
	font-size: .6em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}
h6{		padding: 10px 0px 5px 0px;
	font-size: .5em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}
a{ color: #000a3; text-decoration: none; }
a:visited{ color: #707ed7;}
a:hover, a:focus{ color: #26316b; text-decoration: underline; }
/*This is for the header image */
#photo_banner{
	padding: 0;
	margin: 0;
	height: 171px;/*Set the height to the height of the photo or you get gaps on the bottom of the div*/
	border-bottom: 4px solid #637ba5;
	position: relative;
	clear: both;
}
#photo_banner img{
	padding: 0;
	margin: 0;
}
/*This styles the breadcrumbs*/
#breadcrumbs{
	width: 945px;
	background: url('../images/template/department_footerBG.gif') repeat #EBEBEB;
	border-bottom: solid 1px #d1d3d6;
	padding: 2px 0 2px 15px;
	margin: 0;
	font-size: .75em;
	text-transform:uppercase;
	letter-spacing: 0.06em;
	font-weight: bold;
}
#breadcrumbs a{
	color: #26316b;
	text-decoration: none;
	padding: 0 5px 0 0;
}
#breadcrumbs a:hover, #breadcrumbs a:focus{
	text-decoration: underline;	
}
/*This controls the main content area*/
#content{
	padding: 20px;
	background: #fff;
}
#content p { padding-top: 2px; padding-bottom: 10px; line-height: 1.5em;}
#content ul ul { font-size: 1em;}
#content ul ul { font-size: 1em;}
#content li { padding: 0px 0px 3px 0px; font-size: 1em;}
/*---------------------- two column layout stuff --------------------------------*/
#content #main{
	float: left;
	width: 650px;
	padding: 15px 0;
}
#content #sidebar{
	float: right;
	width: 250px;
	padding: 15px 0px;
	border-left: 1px solid #d1d3d6;
}
#content #toptabmain{
	float: left;
	width: 450px;
	padding: 15px 0px;
}
#content #toptabsidebar{
	float: right;
	width: 450px;
	padding: 15px 0px;
	border-left: 1px solid #d1d3d6;
}
/*---------------------- end two column layout stuff --------------------------------*/
/*This styles the department footer*/
#footer_right_column p { padding-bottom: 10px 0px 10px 0px; line-height:160%; }
#department_footer{
	width: 930px;
	padding: 10px 15px;
	text-align: left;
	margin: auto;
	background: #eaf3f7;
}
#department_footer a:link, 
#department_footer a:active, 
#department_footer a:visited { color: #26316b; text-decoration: none; }
#department_footer a:hover   { color: #8a6e24; text-decoration: none; }
#department_footer li { text-indent: 0px; color: #26316b; text-decoration: none; padding: 0px 0px 5px 0px; list-style-image: url(../images/template/chevron.gif);}
#department_footer ul { margin-left: 0px;  list-style: none;}
/*--------------Three column stuff-----------------*/
#department_footer #col_one{
	width: 289px;
	float: left;
	padding-right: 20px;
}
#department_footer #col_two{
	float: left;
	width: 289px;
	padding-right: 20px;
}
#department_footer #col_three{
	float: left;
	width: 289px;
}
/*---------------------This styles the menu structure-------------------------------------*/
#menu{
	clear: both;
	width: 960px;
	height: 26px;
	background: url('../images/template/menuBG.gif') repeat-x #112039;
	border-bottom: 4px solid #637ba5;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}
/*This styles the first level list*/
#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}
/*This styles the first level list items*/
#menu ul li{
	float: left;
	color: #FFF;
}
/*This styles the list item link*/
#menu ul li a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 12px 4px 12px;
	display: block;
	border-right: 1px solid #011745;
	border-left: 1px solid #39507d;
}
/*This styles the first nav item of the list link to not have a left border*/
#menu ul li#first_nav a{ border-left: none;}
/*This adds a right hand border to the last list item to create the illusion of a double border*/
#menu ul li#last_nav{ border-right: 1px solid #39507d;}
/*This is the rollover effect on the link*/
#menu ul li a:hover, #menu ul li a:focus{color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}
/*This puts the rollover effect on the list item*/
#menu ul li:hover, #menu ul li:focus, #menu ul li.sfhover{color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}
#menu a:link.selected, #menu a:visited.selected, #menu a:hover.selected, #menu a:active.selected {color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}
#menu ul li.selected {color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Some of my old code~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
hr {color:#d1d3d6; background-color:#d1d3d6; height: 1px; border:none; width: 90%; margin-top: 20px;}
/*----------------the double column of links classes-----------------------------*/
.right_column {
	padding: 0px 0px 0px 5px;
	margin-left: 325px;
	background-color: none;
	position: relative;}
.left_column {
	position: relative;
	float: left;
	width: 310px;
	margin: 0px;
	padding: 0px;
	background: none;  }
.center_image {
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
#howdoi_container {
	position:relative;
	background-color: #eaf3f7;
	border: 1px solid #d5e3eb;
	height: 270px;
	width:100%;
	margin: 5px 0px 15px 0px; }
#right_howdoi {
	position: absolute;
	left: 325px;
	top: 40px;
	width: 310px;
	padding: 10px;
	margin: 0px;
	}
#left_howdoi {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 310px;
	padding: 10px;
	margin: 0px;
	}
#howdoi_container h2 { display: block; background: #d5e3eb; border: 1px solid #d5e3eb; padding: 2px 2px 2px 15px; margin-bottom: 10px; margin-left: 0px;}
#right_howdoi a:link, 
#right_howdoi a:active, 
#right_howdoi a:visited,
#left_howdoi a:link, 
#left_howdoi a:active, 
#left_howdoi a:visited { color: #26316b; text-decoration: none; }
#right_howdoi a:hover,
#left_howdoi a:hover   { text-decoration: underline; }
#right_howdoi li,
#left_howdoi li { text-indent: 0px; color: #26316b; text-decoration: none; padding: 0px 0px 5px 0px; margin-left: 15px; list-style-image: url(../images/template/chevron.gif);}
#right_howdoi ul,
#left_howdoi ul { padding-left: 15px;  text-indent: -15px; list-style: none;}
.sidebar_image {text-align: center; padding: 5px 0px;}
.blue_box {
	position: relative;
	margin: 0px 15px 20px 0px;
	padding: 10px;
	background-color: #eaf3f7;
	border-bottom: 1px solid #d5e3eb;
	border-right: 1px solid #d5e3eb;
	border-spacing: 0;
	border-collapse: collapse;
	font: normal 1em Verdana, sans-serif;
	}
.blue_box a:link, 
.blue_box a:active, 
.blue_box a:visited { color: #26316b; text-decoration: none; }
.blue_box a:hover   { color: #8a6e24; text-decoration: none; }
.blue_box li { text-indent: 0px; color: #26316b; text-decoration: none; padding: 0px 0px 5px 0px; list-style-image: url(../images/template/chevron.gif);}
.blue_box ul { margin-left: 0px;  list-style: none;}
.blue_box h2 { padding: 0px;}
/* This is for the emailer boxes*/
#content a.emailer {
	text-align: center;
	display: block;
	Margin: 5px 3px 10px 3px;
	padding: 0px;
	border: 1px solid #dedede;
	background-color: #f4f4f4;
	text-decoration: none;
	width: 180px;
	}
#content a.emailer:link   {  color: #799eae;  }
#content a.emailer:visited   { color: #799eae; }
#content a.emailer:hover   {  color: #a80f04; border: 1px solid #a80f04;}
#content a.emailer:active   { color: #799eae;}
.small{
	font-size: 10px;
}
.photoCaption { 
	border: 1px solid #CCCCCC; 
	font-size: .8em;
	display:block;
	background-color:#eee;
}
.photoCaption p{
	margin: 0;
	padding: 0;
}
.photoCaption img {
	border: 1px solid #CCCCCC; 
	vertical-align:middle;
	display: block;
}
.right { margin: 0.5em 0 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
.moreInfoButton{text-align:center; width: 165px; margin: 10px 55px; padding:3px; background:#eee url(http://library.alaska.gov/test/redesign/images/blueButton.png) no-repeat; background-size: 165px 63px; min-height:63px; float:right;}
.moreInfoButton p{padding:0px; margin-left:0px; color:white; font-weight:bold; margin-top: 5px; padding-top: 10px;}
.moreInfoButton:hover{background: url(http://library.alaska.gov/test/redesign/images/blueButton_gold.png) no-repeat;}
.message {
	padding: 10px;
	background: #eaf3f8;
	font-size: 1.25em;
	font-weight:bold;
	color: #183263;
}
.note {
	padding-bottom: 0;
	margin-bottom: 0;
	color: #26316B;
	font:.9em;
}
li.green:before{content:attr("green");}
li.green{list-style:square url("/images/grnBox.gif");}
li.red:before{content:attr("red");}
li.red{list-style:square url("/images/redBox.gif");}
li.yellow:before{content:attr("yellow");}
li.yellow{list-style:square url("/images/yelBox.gif");}
/*Used for Alert boxes*/
#newsbox {
	padding:8px;
	border:1px solid gray;
	border-radius:10px;
	background-color: #EEEEEE;
	margin:10px;
	box-shadow:5px 5px 5px #C1C1C1;
}
#newsbox header{
	background-color:#880002;
	background-origin:border-box;
	margin:-8px -8px 0 -8px;
	border-radius:10px 10px 0 0;
}
#newsbox h2{
	color:rgba(154,11,13,1.00);
	font-weight:600;
	border-bottom:1px solid rgba(154,11,13,1.00);
	margin-bottom:.75em;
}
#welcome {
	font-family:'Herr Von Muellerhoff', cursive;
	font-weight:600;
	font-size:30px;
	color:#009
}
/* table-like layout for staff directory */
.table{
	display:table;
	border-collapse:separate;
	border-spacing:15px;
}
.table_row {
	width:100%;
	height:auto;
	display:table-row;
}
.table_cell {
	width:190px;
	border:1px solid #eee;
	display: table-cell;
	padding: 3px; 
	margin-left:5px;
	color: #666666;
	font: normal 10pt Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
	*float:left;
}

/* grid system for collections pages (maybe more) */
#collections{
	display:grid;
	-webkit-grid-template-columns:50% 50%;
	grid-template-columns:50% 50%;
	}
.collection{
	width:97%;
	min-height:150px;
	padding:.5em;
}
.content-width{
	grid-column-start:1;
	grid-column-end:3;
	width:99%;
	padding:.5em;
}