/*   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.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; 
} 
{
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; 
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; 
} 


/*   CSS Style Youth	 */ 
i.i
{
/*font-family: Times New Roman, Times, serif;*/
font-size:18px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}
i.b
{
/*font-family: Times New Roman, Times, serif;*/
font-size:18px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}
i.red
{
/*font-family: Times New Roman, Times, serif; */
font-size:12px;
color:#FF0000;
font-weight:normal; 
line-height:normal; 
}
span.p10
{
/*font-family: Times New Roman, Times, serif; */
font-size:12px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}
span.p12
{
/*font-family: Times New Roman, Times, serif; */
font-size:15px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}
span.heading20
{
/*font-family: Times New Roman, Times, serif;*/
font-size:20px;
color:#330066;
font-weight:normal; 
line-height:normal; 
}
span.heading25
{
/*font-family: Times New Roman, Times, serif;*/
font-size:23px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}
span.subheading18
{
/*font-family: Times New Roman, Times, serif;*/
font-size:18px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}


td.menu
{
/*font-family: Times New Roman, Times, serif;*/ 
font-size:20px;
color:#330099;
font-weight:normal; 
line-height:normal; 
}