@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0px; font: 1.0em Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#FFFFFF; background-image:url(/images/Background/Background_3280x2048.gif); background-attachment: fixed; background-position:top center; background-repeat:no-repeat;}

* {margin: 0; padding: 0;}

div#mainwrap {width: 960px; margin-left: auto; margin-right: auto; text-align: left; background-image:url(/images/Header/Header_960x125.jpg); background-position: top; background-repeat: no-repeat;}
div#mainwraphome {width: 960px; margin-left: auto; margin-right: auto; text-align: left; background-image:url(/images/Background/home_960x1270.jpg); background-position: top; background-repeat: no-repeat;}

div#header {width: 960px; margin: 0; padding: 0; clear: both; vertical-align: top;}
div#header img {border: none;}
div#header img:hover {border: none;}
div#header a img {border: none;}
div#header a img:hover {border: none;}

div#contentarea {width: 960px;}

div#logo {float: left; width: 235px; margin: 0; padding: 5px 0 20px 44px;}

div#topmenu {float: right; text-align: right;  margin: 0; padding: 5px 25px 5px 0;}
div#topmenu ul {margin: 0; font-size: 0.8em;}
div#topmenu li {float: left; list-style-type: none; border-right: 1px solid #FFFFFF;}
div#topmenu li span {float: left; list-style-type: none; border-right: none;}
div#topmenu li: hover {color: #FFCC00;}
div#topmenu a {padding: 0 6px; text-decoration: none; color: #FFFFFF;}
div#topmenu a: hover {color: #FFCC00;}
* html div#topmenu ul {float: left; border-left: 1px solid #FFFFFF; margin-left: 0px;}
div#topmenu p {margin: 40px 0 15px 0; padding: 0; font-size: 1.2em; color:#FFFFFF;}
div#topmenu p: hover {color: #FFCC00;}


div#topmenuhome {float: right; text-align: right;  margin: 0; padding: 5px 185px 5px 0;}
div#topmenuhome ul {margin: 0; font-size: 0.8em;}
div#topmenuhome li {float: left; list-style-type: none; border-right: 1px solid #371F1B;}
div#topmenuhome li span {float: left; list-style-type: none; border-right: none;}
div#topmenuhome li: hover {color: #2061A2;}
div#topmenuhome a {padding: 0 6px; text-decoration: none; color: #371F1B;}
div#topmenuhome a: hover {color: #2061A2;}
* html div#topmenuhome ul {float: left; border-left: 1px solid #371F1B; margin-left: 0px;}
div#topmenuhome p {margin: 40px 0 15px 0; padding: 0; font-size: 1.2em; color:#FFFFFF;}
div#topmenuhome p: hover {color: #FFCC00;}


div#nav { width: 960px; height: 60px; clear: both; vertical-align: top; border: none; padding: 0; margin: 0;}
#nav li {float: left; list-style-type: none;}
#nav img {border: none;}
#nav a {text-decoration: none;}

div#column1 {width: 240px; float:left; background-color: #FFFFFF;}

div#column1 img {clear:both; margin:0;}

div#column1 ul{margin: 40px 20px 0 20px; padding: 0; list-style-type: none; font-size: 0.8em; font-weight: bold; color:#FFF;}
div#column1 li {margin: 0; padding: 0.5em 0; border: none; border-bottom: 1px solid #FFF; background-color: #2061a2;}
div#column1 a {text-decoration: none; padding: 0 10px 0 12px; color:#FFF;}
.endcap {margin: 0; padding: 0; border: none; background: url(/images/Links/links_footer_200x15.gif) bottom no-repeat;}

.digi #column1 li {margin: 0; padding: 0.5em; border: none; border-bottom: 1px solid #FFF; background-color: #3F4A6D;}
.digi #column1 li:hover a {color:#95CAB5;}

.film #column1 li {margin: 0; padding: 0.5em; border: none; border-bottom: 1px solid #FFF; background-color: #660F17;}
.film #column1 li:hover a {color:#E79CA3;}

.bibs #column1 li {margin: 0; padding: 0.5em; border: none; border-bottom: 1px solid #FFF; background-color: #B54D18;}
.bibs #column1 li:hover a {color:#EFCC6D;}

.mars #column1 li {margin: 0; padding: 0.5em; border: none; border-bottom: 1px solid #FFF; background-color: #224A14;}
.mars #column1 li:hover a {color:#C9DC7C;}

.data #column1 li {margin: 0; padding: 0.5em; border: none; border-bottom: 1px solid #FFF; background-color: #828C21;}
.data #column1 li:hover a {color:#DBD870;}

.site #column1 li {margin: 0; padding: 0.5em; border: none; border-bottom: 1px solid #FFF; background-color: #3C1828;}
.site #column1 li:hover a {color:#C098C9;}


div#column2 {width: 540px; float: left;}
div#column2 p {font-size: 0.8em; margin: 1em 30px; line-height: 1.5em;}
div#column2 span {font-weight: bold;}
div#column2 ul {font-size: 0.8em; margin: 1em 30px 1em 70px; line-height: 1.5em;}
div#column2 ul span {font-weight: bold;}
div#column2 ul ul {font-size: 1em; margin: 1em 0px 1em 40px; line-height: 1.5em;}
div#column2 ul ul span {font-weight: bold;}
div#column2 ol {font-size: 0.8em; margin: 1em 30px 1em 70px; line-height: 1.5em;}
div#column2 ol span {font-weight: bold;}
div#column2 img {float:right; margin: 0 0 20px 20px;}
div#column2 h1 {font-size: 1.0em; font-weight:bold; margin: 1em 30px; line-height: 1.5em;}
div#column2 h2 {font-size: 0.8em; margin: 1em 30px 1em 30px; line-height: 1.5em; font-weight: bold;}

.digi #column23 {border-left: 1px solid #3F4A6D;}
.film #column23 {border-left: 1px solid #660F17;}
.bibs #column23 {border-left: 1px solid #B54D18;}
.mars #column23 {border-left: 1px solid #224A14;}
.data #column23 {border-left: 1px solid #828C21;}
.site #column23 {border-left: 1px solid #3C1828;}

div#column23 {width:719px; background-color: #FFFFFF; float: left; margin: 10px 0; padding: 30px 0 0 0;}
div#column23 p {font-size: 0.8em; margin: 0 30px 1.5em 30px; line-height: 1.5em;}
div#column23 table {font-size: 0.8em; margin: 0 30px 1.5em 30px; line-height: 1.5em;}
div#column23 span {font-weight: bold;}
div#column23 ul {font-size: 0.8em; margin: 0 30px 1.5em 70px; line-height: 1.5em;}
div#column23 ul span {font-weight: bold;}
div#column23 ul ul {font-size: 1em; margin: 0 30px 1.5em 40px; line-height: 1.5em;}
div#column23 ul ul span {font-weight: bold;}
div#column23 ol {font-size: 0.8em; margin: 0 30px 1.5em 70px; line-height: 1.5em;}
div#column23 ol span {font-weight: bold;}
div#column23 img {float:left; margin: 0.5em 20px 0.5em 30px;}
div#column23 h1 {font-size: 1em; font-weight: bold; margin: 0 30px 1.5em 30px; line-height: 1.5em;}
div#column23 h2 {font-size: 0.8em; margin: 0 30px 1.5em 30px; line-height: 1.5em; font-weight: bold;}
.banner {margin: 0.5em 15px 0.5em 15px;}


div#column123 {width:960px; background-color: #FFFFFF; float: left; margin-top: 0.5em;}
div#column123 p {font-size: 0.8em; margin: 1em 60px 1em 60px; line-height: 1.5em;}
div#column123 ul {font-size: 0.8em; margin: 1em 60px 1em 100px; line-height: 1.5em;}
div#column123 ul span {font-weight: bold;}
div#column123 ul ul {font-size: 1em; margin: 1em 0px 1em 40px; line-height: 1.5em;}
div#column123 ul ul span {font-weight: bold;}
div#column123 img {float:left; margin: 0.5em 20px 0.5em 60px;}
div#column123 img a {border:none}
div#column123 h1 {font-size: 1em; font-weight: bold; margin: 1em 60px; line-height: 1.5em;}
div#column123 h2 {font-size: 0.8em; margin: 1em 60px 1em 60px; line-height: 1.5em; font-weight: bold;}

div#columnFULL {width:960px; background-color: #FFFFFF; float: left; margin-top: 0.5em;}
div#columnFULL p {font-size: 0.8em; margin: 1em 60px 1em 60px; line-height: 1.5em;}
div#columnFULL p span {font-weight: bold;}
div#columnFULL ul {font-size: 0.8em; margin: 1em 60px 1em 100px; line-height: 1.5em;}
div#columnFULL ul span {font-weight: bold;}
div#columnFULL ul ul {font-size: 1em; margin: 1em 0px 1em 40px; line-height: 1.5em;}
div#columnFULL ul ul span {font-weight: bold;}
div#columnFULL img {float:right; margin: 0.5em 60px 0.5em 20px;}
div#columnFULL a img {border:none}
div#columnFULL h1 {font-size: 1em; font-weight: bold; margin: 1em 60px; line-height: 1.5em;}
div#columnFULL h2 {font-size: 0.8em; margin: 1em 60px 1em 60px; line-height: 1.5em; font-weight: bold;}

table {margin: margin: 1em 30px 1em 30px; line-height: 1.5em; border: none}
tr {margin: 0.5em;}


div#linkblock {width:200px; background-color: #FFFFFF; border: 1px solid #071040; float:right; margin: 20px 30px 20px 20px;}
div#linkblock img {margin: 1px 10px 0.5em 10px;}
div#linkblock p {font-size: 0.8em; margin: 1px 10px 0.5em 10px; color: #2061A2; line-height: 1.5em;}
div#linkblock ul {font-size: 0.8em; color: #2061a2; margin: 1em 10px 1em 30px; line-height: 1.5em; font-weight: bold;}
div#linkblock ul span {font-weight: normal;}
div#linkblock a {color: #2061a2; text-decoration: none;}
div#linkblock a:hover {color: #071040; font-weight: bold; background-color: #FFFF99;}


div#conferences {float:right; width:180px; margin:40px 60px 40px 0; padding: 10px 1.5em 1.5em 1.5em ; border: #FFF solid 2px; background: url(/images/Background/white90_1x1.png) repeat; text-align:center;}

div#conferences img {margin: 0; padding: 0; text-align:center;}
div#conferences p img {margin: 0.5em 0 0 0; padding:0;}

div#conferences h1 {margin: 0.5em 0 0 0; text-align:center; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; padding-top: 0.5em;}
div#conferences h1 a {color:#2061A2; text-decoration: none;}
div#conferences h1 span {font-size: 0.8em;}
div#conferences h1 span a {color:#2061A2; text-decoration: none;}

div#conferences p {margin: 1em 0 0 0; padding: 0 0 1em 0; text-align:center; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; border-bottom: 1px solid #2061A2; }
div#conferences p a {color:#2061A2; text-decoration: none;}
div#conferences p span {font-weight: normal;}
div#conferences p span a {color:#2061A2; text-decoration: none;}
span#subtitle {font-size: 8pt;}

div#column3 {width: 200px; background-color: #FFFFFF; float: left;}

div#column3 img {margin: 1em 20px 0 0;}
div#column3 p img {margin: 0.5em 0 0 0;}

div#column3 h1 {margin: 0.5em 20px 0 0; text-align:center; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; padding-top: 0.5em;}
div#column3 h1 a {color:#2061A2; text-decoration: none;}
div#column3 h1 span {font-size: 0.8em;}
div#column3 h1 span a {color:#2061A2; text-decoration: none;}

div#column3 p {margin: 1em 20px 0 0; padding: 0 0 1em 0; text-align:center; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; border-bottom: 1px solid #2061A2; }
div#column3 p a {color:#2061A2; text-decoration: none;}
div#column3 p span {font-weight: normal;}
div#column3 p span a {color:#2061A2; text-decoration: none;}
span#subtitle {font-size: 8pt;}




div#footer {width: 960px; background-color: #FFF; text-align: center; padding: 0; clear: both;}
div#footer img { clear:both;}
div#footer p {margin: 0.5em 0 0 0; font-size: 0.7em; font-weight: normal; color: #666666; line-height: 2em;}
div#footer span {font-size: 0.6em; line-height: 2.5em;}

.headlogo {margin: 0; padding: 0;}
.headservices {margin: 0; padding: 0;}

.contact {list-style-type: none;}
.input {width: 65%; margin: 0 0 0 5px;}
.check1 {margin: 0 0 0 30px;}
.check2 {margin: 0 0 0 60px;}
.check3 {margin: 0 0 0 90px;}
.button {text-align: right; width: 65%; margin: 0 0 0 5px;}

div#column23 form p {font-size: 0.8em; margin: 1em 30px 1em 30px; line-height: 1.5em; font-weight: normal;}
div#column23 form ul {font-size: 0.8em; margin: 1em 30px 1em 70px; line-height: 2em; list-style-type: none; font-weight: bold;}
div#column23 form ul span {font-weight: normal;}
div#column23 form ul ul {font-size: 1em; margin: 1em 0px 1em 40px; line-height: 2em; list-style-type: none; font-weight: bold;}
div#column23 form ul ul span {font-weight: normal;}
div#column23 form ul ul ul {font-size: 1em; margin: 1em 0px 1em 40px; line-height: 2em; list-style-type: none; font-weight: normal;}
div#column23 form ul ul ul span {font-weight: bold;}



/****** menu styles ********/
.pro_linedrop {
height:60px;
width:960px;
position:relative; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
z-index:500;
vertical-align: top;
}

.pro_linedrop img {border: none;}
.pro_linedrop img:hover {border: none;}
.pro_linedrop a img {border: none;}
.pro_linedrop a img:hover {border: none;}

/** top tab images **/
.digitization {
width: 160px;
background:url('/images/Tabs_with_Text/Tab1_160x40.png') no-repeat;
}
.preservation {
width: 160px;
background:url('/images/Tabs_with_Text/Tab2_160x40.png') no-repeat;
}
.bibliographic {
width: 160px;
background:url('/images/Tabs_with_Text/Tab3_160x40.png') no-repeat;
}
.authority {
width: 160px;
background:url('/images/Tabs_with_Text/Tab4_160x40.png') no-repeat;
}
.database {
width: 160px;
background:url('/images/Tabs_with_Text/Tab5_160x40.png') no-repeat;
}
.onsite {
width: 160px;
background:url('/images/Tabs_with_Text/Tab6_160x40.png') no-repeat;
}


body.digi .pro_linedrop{background-image: url(/images/Tab_Bar/TabBar1_960x20.gif); background-position: bottom; background-repeat: no-repeat;}
body.film .pro_linedrop{background-image: url(/images/Tab_Bar/TabBar2_960x20.gif); background-position: bottom; background-repeat: no-repeat;}
body.bibs .pro_linedrop{background-image: url(/images/Tab_Bar/TabBar3_960x20.gif); background-position: bottom; background-repeat: no-repeat;}
body.mars .pro_linedrop{background-image: url(/images/Tab_Bar/TabBar4_960x20.gif); background-position: bottom; background-repeat: no-repeat;}
body.data .pro_linedrop{background-image: url(/images/Tab_Bar/TabBar5_960x20.gif); background-position: bottom; background-repeat: no-repeat;}
body.site .pro_linedrop{background-image: url(/images/Tab_Bar/TabBar6_960x20.gif); background-position: bottom; background-repeat: no-repeat;}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
text-align:center;
}

.pro_linedrop li {
float:left;
}

.pro_linedrop .select a {
display:block; 
height:60px; 
float:left; 
/*background: url(/images/spacer.gif); */
padding: 0 0 0 0; 
text-decoration:none; 
white-space:nowrap; 
color: #FFF
font-weight:bold;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
color:#FF0;}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 0 0 0; 
background:url(/images/spacer.gif) repeat; 
cursor:pointer;
}

.pro_linedrop .sub {
display:none;
text-align:center;
height:50px;
margin:0 0 0 0; 
padding:0 0 0 0;
list-style:none;
height:50px;
position:absolute;
float:left;
width:960px;
top:40px; 
left:0; 
border: none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
/*.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}*/

.pro_linedrop .sub li {
	position: relative;
	background: url(/images/spacer.gif) repeat;
	width: 160px;
	text-align:center;
	padding: 0;
}

#tab1 .sub {background:transparent url(/images/Tab_Menus/Tab1_Menu_960x50.gif);}
#tab2 .sub {background:transparent url(/images/Tab_Menus/Tab2_Menu_960x50.gif);}
#tab3 .sub {background:transparent url(/images/Tab_Menus/Tab3_Menu_960x50.gif);}
#tab4 .sub {background:transparent url(/images/Tab_Menus/Tab4_Menu_960x50.gif);}
#tab5 .sub {background:transparent url(/images/Tab_Menus/Tab5_Menu_960x50.gif);}
#tab6 .sub {background:transparent url(/images/Tab_Menus/Tab6_Menu_960x50.gif);}

#tab1 .sub li :hover, #tab1 .sub li a :hover { color:#3F4A6D; font-weight:bold; background:#FFF url(/images/Tab_Menus_C/Tab1_Menu_160x50.gif) no-repeat;}
#tab2 .sub li :hover, #tab2 .sub li a :hover { color:#660F17; font-weight:bold; background:#FFF url(/images/Tab_Menus_C/Tab2_Menu_160x50.gif) no-repeat;}
#tab3 .sub li :hover, #tab3 .sub li a :hover { color:#B54D18; font-weight:bold; background:#FFF url(/images/Tab_Menus_C/Tab3_Menu_160x50.gif) no-repeat;} 
#tab4 .sub li :hover, #tab4 .sub li a :hover { color:#224A14; font-weight:bold; background:#FFF url(/images/Tab_Menus_C/Tab4_Menu_160x50.gif) no-repeat;}
#tab5 .sub li :hover, #tab5 .sub li a :hover { color:#828C21; font-weight:bold; background:#FFF url(/images/Tab_Menus_C/Tab5_Menu_160x50.gif) no-repeat;}
#tab6 .sub li :hover, #tab6 .sub li a :hover { color:#3C1828; font-weight:bold; background:#FFF url(/images/Tab_Menus_C/Tab6_Menu_160x50.gif) no-repeat;}

.subline ul li :hover { color: #fff; background: transparent; }

.pro_linedrop .select li .sub li a {
	display:block;
	height:15px;
	width: 160px;
	line-height:15px;
	float:left;
	padding:10px 0 25px 0;
	margin:0;
	white-space:nowrap;
	color:#FFF;
	font-size:12px;
}


.pro_linedrop .select :hover .sub li a {
	display:block;
	height:15px;
	width: 160px;
	line-height:15px;
	float:left;
	background:transparent url(/images/spacer.gif) repeat;
	padding:10px 0 25px 0;
	margin:0;
	white-space:nowrap;
	color:#FFF;
	font-size:12px;
}

.pro_linedrop .select :hover .sub :hover ul 
{padding:0; margin:0; list-style:none; display:block; width:160px; height: auto; position:absolute; left:-1px; top:50px; border:1px solid #aaa; border-top:0; background:#FFF;}

#tab1 .sub :hover ul, #tab1 .sub ul a:hover 
{background-image: none; background-color: #FFF;}
#tab2 .sub :hover ul, #tab2 .sub ul a:hover 
{background-image: none; background-color: #FFF;}
#tab3 .sub :hover ul, #tab3 .sub ul a:hover 
{background-image: none; background-color: #FFF;}
#tab4 .sub :hover ul, #tab4 .sub ul a:hover 
{background-image: none; background-color: #FFF;}
#tab5 .sub :hover ul, #tab5 .sub ul a:hover 
{background-image: none; background-color: #FFF;}
#tab6 .sub :hover ul, #tab6 .sub ul a:hover 
{background-image: none; background-color: #FFF;}

.pro_linedrop .select :hover .sub :hover ul li,
.pro_linedrop .select :hover .sub :hover ul li a  {
top: 0px;
}

.pro_linedrop .select :hover .sub :hover ul li a {
width:160px; 
text-align:center; 
color:#000;
font-weight:bold;
padding: 8px 0;
}

.pro_linedrop .select :hover .sub :hover ul li a:hover { color:#B54D18; background-image: none; background-color: #FFF;}

/******* Added by WH - JN *********/
#homeText {
position: absolute;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.8em;
margin: 40px 0 40px 135px;
padding: 0;
width: 520px;
}
#homeText #para1 {
/*position: absolute;
top:100px;
left:30px;*/
margin:0 0 15px 0;
}
#homeText #para2 {
/*position: absolute;
top:60px;
left:90px;*/
margin:0 0 0 60px;
}
#homeText #para3 {
/*position: absolute;
top:60px;
left:90px;*/
margin:0 0 0 60px;
}

.imgrep {
display:-moz-inline-box;
display:inline-block;
/*background:transparent none 0 0 no-repeat;*/
text-indent:-3000px;
font:0/0 Arial;
overflow:hidden;
color:rgba(255,255,255,0);
vertical-align:bottom;
}