/*   Screenxx Style Sheet	 */ 
/* Alameda Couty Library */

/* Set MEDIUM defualt body size to 10px (font-size: 62.5%;) */
/* To et px size multiply em times ten equles pixel size ( em x 10 = px ) */
/* 0.8em = 8px   */
/* 1em   = 10px  */
/* 1.2em = 12px  */
/* 1.6em = 16px  */
/******************************************************/
body {
background-color : #f5fffa; 
margin : 0; 
margin-top : 0; 
padding : 0; 
text-align : center; 
font-family : Verdana, Helvetica, sans-serif; 
font-size : 55.5%; 
line-height : 11px; 
font-weight : normal; 
} 
a:link, a:visited, a:active {
color : #3350a3; 
text-decoration : none; 
} 
a:hover {
color : #ff0000; 
background-color : #fafad2; 
text-decoration : none; 
} 
p {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
p.comic {
font-size : 1.5em; 
font-size : medium;
font-family : Comic Sans MS, Verdana, Helvetica, sans-serif; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px;
}
p.alert {
font-size : 1em; 
font-size : small; 
color : #ff0000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
td.p {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
span.hours {
font-size : 1.5em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #330066; 
} 
span {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
span.alert {
font-size : 0.9em; 
font-size : x-small; 
color : #ff0000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
span.purple {
font-size : 1em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #330066; 
} 
span.purple12 {
font-size : 1.5em; 
font-size : small; 
font-weight : bold; 
line-height : 16px; 
margin-top : 0; 
color : #330066; 
} 
span.purple15 {
font-size : 1.5em; 
font-weight : bold; 
line-height : 16px; 
margin-top : 0; 
color : #330066; 
} 
.labeldarkblue {
font-size : 1em; 
font-size : small; 
font-weight : bold; 
line-height : 16px; 
margin-top : 0; 
color : #330066; 
} 
.labelpurple10 {
font-size : 1em; 
font-size : small; 
font-weight : bold; 
line-height : 16px; 
margin-top : 0; 
color : #330066; 
} 
.labelpurple12 {
font-size : 1.5em; 
font-size : small; 
font-weight : bold; 
line-height : 16px; 
margin-top : 0; 
color : #330066; 
} 
.labelpurple15 {
font-size : 2em; 
font-weight : bold; 
line-height : 16px; 
margin-top : 0; 
color : #330066; 
} 
.SubScript {
font-size : 8pt; 
font-weight : normal; 
} 
ul {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
ol {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
li {
line-height : 16px; 
color : #000000; 
} 
dl {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
h1 {
font-size : 2em; 
font-weight : bold; 
line-height : 20px; 
margin-top : 0; 
color : #336699; 
} 
h1.purple {
font-size : 2em; 
font-weight : bold; 
line-height : 20px; 
margin-top : 0; 
color : #330066; 
} 
h2 {
font-size : 1.7em; 
font-weight : bold; 
line-height : 12px; 
margin-top : 0; 
color : #336699; 
} 
h2.purple {
font-size : 1.7em; 
font-weight : bold; 
line-height : 12px; 
margin-top : 0; 
color : #330066; 
} 
h2.black {
font-size : 1.7em; 
font-weight : bold; 
line-height : 12px; 
margin-top : 0; 
color : #000000; 
} 
h3 {
font-size : 1.5em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #336699; 
} 
h3.purple {
font-size : 1.5em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #330066; 
} 
h3.black {
font-size : 1.5em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #000000; 
} 
h4 {
font-size : 1.2em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #336699; 
} 
h4.purple {
font-size : 1.2em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #330066; 
} 
h4.black {
font-size : 1.2em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #000000; 
} 
h5 {
font-size : 1em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #336699; 
} 
h5.purple {
font-size : 1em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #330066; 
} 
h5.black {
font-size : 1em; 
font-weight : bolder; 
line-height : 12px; 
margin-top : 0; 
color : #000000; 
} 
blockquote {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 14px; 
margin-top : 0; 
margin-bottom : 15px; 
} 
#border {
border-left : 1px solid #c0c0c0; 
border-right : 1px solid #c0c0c0; 
background : #ffffff;
} 
table.content {
background : #ffffff; 
} 
img.heading {
width : 100%; 
} 
table.navbartop {
width : 100%; 
background : #330066; 
} 
td.navbartop {
text-align : center; 
} 
a.navbartop:link, a.navbartop:visited, a.navbartop:active {
font-size : 1.3em; 
font-size : small; 
font-weight : bold; 
line-height : 20px; 
color : #ffffcc; 
background-color : #330066; 
text-decoration : none; 
} 
a.navbartop:hover {
font-size : 1.3em; 
font-size : small; 
font-weight : bold; 
color : #ffce00; 
line-height : 20px; 
background-color : #330066; 
text-decoration : none; 
} 
table.navbarbot {
width : 100%; 
background : #ffcc66; 
} 
td.navbarbot {
text-align : center; 
} 
a.navbarbot:link, a.navbarbot:visited, a.navbarbot:active {
font-size : 1.1em; 
font-size : x-small; 
font-weight : bold; 
color : #330099; 
line-height : 18px; 
background-color : #ffcc66; 
text-decoration : none; 
} 
a.navbarbot:hover {
font-size : 1.1em; 
font-size : x-small; 
font-weight : bold; 
color : #336699; 
line-height : 18px; 
background-color : #ffcc66; 
text-decoration : none; 
} 
a.hottopics:link, a.hottopics:visited, a.hottopics:active {
font-size : 1em; 
font-size : small; 
font-weight : bold; 
text-decoration : none; 
white-space : nowrap; 
color : #ffffff; 
} 
a.hottopics:hover {
font-size : 1em; 
font-size : small; 
font-weight : bold; 
color : #ffcc66; 
background-color : #336699; 
text-decoration : none; 
white-space : nowrap; 
} 
p.nowrap {
font-size : 1em; 
font-size : small; 
color : #000000; 
line-height : 11px; 
white-space : nowrap; 
margin-top : 0; 
margin-bottom : 15px; 
} 
.searchthecatalogslabel {
font-size : 1em; 
font-size : small; 
font-weight : bold; 
color : #000052; 
line-height : 15px; 
text-decoration : none; 
white-space : nowrap; 
} 
input {
border-right : 1px solid black; 
border-top : 1px solid black; 
font-size : 1em; 
font-size : x-small; 
margin : 0; 
margin-top : 1px; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
border-left : 1px solid black; 
border-bottom : 1px solid black; 
background-color : #e0e0ff; 
} 
select {
border-right : 1px solid black; 
border-top : 1px solid black; 
font-size : 1em; 
font-size : x-small; 
margin : 0; 
margin-top : 1px; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
border-left : 1px solid black; 
border-bottom : 1px solid black; 
background-color : #e0e0ff; 
z-index : 0; 
} 
input.checkbox {
border-right : 0 solid white; 
border-top : 0 solid white; 
border-left : 0 solid white; 
border-bottom : 0 solid white; 
background-color : #ffffff; 
} 
input.radio {
height : 12px;
width : 12px;
border-right : 0 solid white; 
border-top : 0 solid white; 
border-left : 0 solid white; 
border-bottom : 0 solid white; 
background-color : #ffffff; 
} 
.buttonsubmit {
margin : 0; 
margin-top : 0; 
margin-bottom : 6px; 
margin-right : 0; 
margin-left : 0; 
border : 0; 
} 
a.resourcelink:link, a.resourcelink:visited, a.resourcelink:active {
font-size : 1.3em; 
font-size : small; 
font-weight : normal; 
text-align : left; 
text-decoration : none; 
white-space : nowrap; 
color : #3350a3; 
} 

a.resourcelinkb:link, a.resourcelinkb:visited, a.resourcelinkb:active {
font-size : 1.3em; 
font-size : small; 
font-weight : bold; 
text-align : left; 
text-decoration : none; 
white-space : nowrap; 
color : #3350a3; 
} 

{
font-size : 1em; 
font-size : small; 
font-weight : normal; 
color : #000052; 
line-height : 16px; 
margin-top : 0; 
} 

a.normallink:link, a.normallink:visited, a.normallink:active {
font-size : 1.3em; 
font-size : small; 
font-weight : normal; 
text-align : left; 
color : #3350a3; 
text-decoration : none; 
} 

a.normallink:hover {
font-size : 1.3em; 
font-size : small; 
font-weight : normal; 
color : #330066; 
background-color : #fafad2; 
text-align : left; 
text-decoration : none; 
} 
div.footer {
width : 672px; 
min-width : 672px; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
} 
#copyright {
font-size : 1em; 
font-size : xx-small; 
font-weight : normal;
line-height : 11px;  
text-align : center; 
color : #000000; 
}
#printtext {
font-size : 1em; 
font-size : xx-small; 
font-weight : normal;
line-height : 11px;  
text-align : center; 
color : #000000; 
}   
#dropmenudiv {
position : absolute; 
border : 1px solid #003399; 
font-size : 1.6em; 
font-size : small; 
line-height : 0.8em; 
white-space : nowrap; 
z-index : 100; 
} 
#dropmenudiv a {
width : 100%; 
display : block; 
text-indent : 5px; 
border-bottom : 0 solid #003399; 
padding : 0.1em 0; 
padding : 2px 0; 
text-decoration : none; 
font-weight : normal; 
text-align : left; 
} 
#dropmenudiv a:hover {
color : #330066; 
background-color : #fafad2; 
} 

.fHiLite { font-weight: bold; background-color: #ffcc00; color: #0000CC; border: thin #0000CC outset; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}

#rightnav {
	font-size : 9px;
}

#topspacer {
	background-color : #f5fffa; 
}

#logo {
	background-color:#4483C7;
	padding:0.2em 0.2em 0.4em 0.4em;
	color:#FFF;
	font-family:"Trebuchet MS", Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size:2em;
        line-height:15px;
        valign: bottom;
        border-bottom:0.2em solid #235B9C;
}

.Snippet {
	margin-bottom:30px;
	border:1px solid #538620;
	background-color:#FFFFEE;
}
.Snippet .title {
	background-color:#538620;
	color:#FFF;
	font-family:Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:86%;
	letter-spacing:0.1em;
	margin:0;
	padding:0.3em 1em;
}
.Snippet .titleWithLine {
	background-color:#FFF;
	border-bottom:1px solid #538620;
	color:#538620;
	font-family:Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:15px;
	letter-spacing:0.1em;
	margin:0;
	padding:0.3em 1em;
}
.Snippet table {
	font-size:86%;
}
.Snippet ul li, .Snippet ol li{
	margin-bottom:0.4em;
	margin-left:-0.5em;
	font-size:86%;
	line-height:145%;
}
#Snippet ul li {
	list-style-type:square;
}
.Snippet dl {
	margin-left:1em;
}
.Snippet dl dd {
	font-size:110%;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold; 
	margin:0;
        margin-top:0.2em;
	padding-bottom:0.2em;
}
.Snippet dl dt {
	border-bottom: 1px solid #EEE;	
	font-size:96%;
	line-height:120%;
        margin-bottom:0.6em;
	padding-bottom:0.4em;
}
.Snippet dl dt .comments {
	color:#666;
	font-size:86%;
}
.Snippet .updated {
	color:#666666;
	font-size:80%;
	padding:0 1em;
	text-align:center
}