body{font-family:Verdana, Arial, Helvetica, sans-serif ; background-color:#dddddd ; color:#333 ;font-size:small; margin:0px;}
.clearLeft { clear:left}
.space { height:0.45em}

p { margin: 0.5em 0 0.5em 0 ; padding: 0;}
img { border:0 ; margin:0 ; padding:0 ; }
ul { margin:0 ; padding: 0 0 0 1.6em ; }

#center { text-align:center ; margin: 0 auto ;}
#wrapper { margin: 0em auto ; padding: 0 ; text-align:left ; text-align:left; background:#f2f2f2; }
#header {overflow: hidden; padding:0.38em 0 0.38em 0 ; color:#000000 ; background:#ffffff; text-align:center}
#topNav { background-color:#e41836; font-weight:bold ; color:#fff ; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em ; }
#topNav a {margin: 0 0.78em 0 0 ;}

.breadcrumb	{background-color:#ececec ;padding:0.21em 0.61em 0.21em 0.61em ;width: auto; }
.featureBox { background-color:#4d4d4d ; width:auto ; padding: 0 ; color:#999 ; margin:0; text-align:center; }

.contentBlock { padding:0.38em 0.61em 0.38em 0.61em;background-color:#fff ; clear:both;margin:0 0 0.5em 0 ; }
.welcomeBlock { padding:0.38em 0.61em 0.61em 0.61em;background-color:#f2f2f2 ; clear:both;margin: 0 ; }

/* sites page */
.subnavBlock { background-color:#000 ; padding:0.32em 0.61em 0.32em 0.61em; margin-top:1em }
.navBlock {margin-top: 0.5em; }
	.navBlock p{ padding-left: 0.61em}

.nav_link { margin: 0;padding: 0.15em 0 0.25em 0.07em ; background-color:#f2f2f2;}
p.copyright { text-align:center ; padding: 0.8em0 0.8em 0; margin:0 ; background-color:#dddddd; }

/* TEXT styles */
h1 { font-size:1em ; color:#333 ; padding:0 ; margin:0 ; font-weight:bold ; text-transform:uppercase;}
h2 { font-size:0.9em ; color:#ffffff ; padding:0 ; margin:0 ; font-weight: bold; text-transform:uppercase; background-color:#666666; padding: 0.21em 0 0.21em 0.21em; }
h2 img { text-align:center; }
h3 { font-size:0.9em ; color:#000 ; padding:0 ; margin:0 ; font-weight: bold; text-transform:uppercase; padding: 0.21em 0 0.21em 0; }
h4 { font-size:1em ; color:#333 ; padding:0 0 0.14em 0 ; margin:0 ; font-weight: bold; }
h6 {font-size:1em;margin:0; padding:0; font-weight:bold; color:#000}

.darkgrey { color:#999} 
.lgtgrey { #ccc}
.imgPad { padding: 0.21em 0.61em 0.21em 0 ; float:left ;} 

/* Form styles */
.formBlock { padding:0.21em 0.8em 0.21em 0.21em; margin-top: 0.14em }
form{margin: 0;padding: 0;}	
.formField{width:100% ; height: 1.2em ; margin:0 ; padding:0}
.formField2{width:100% ; margin:0 5em 0 0 ; padding:0}
.btnSubmit { margin:0.15em 0 0.15em 0 ; }

input {margin:0 0 0.15em 4px;font-size:small;}

textarea { font-family:Verdana, Arial, Helvetica, sans-serif ; margin:0 0 0.15em 4px;font-size:x-small;}
select {font-size:small;max-width:90%;vertical-align: middle; }



/* LINK styles */
a img {border : none;}

a:link{color:#e41836; text-decoration:none; font-weight:normal;}
a:active{color:#e41836; text-decoration:none; font-weight:normal;}
a:visited { color:#e41836; text-decoration:none; font-weight:normal;}
a:hover{ color:#666; text-decoration:underline;font-weight:normal;}

h2 a:link, h2 a:active, h2 a:visited{color:#fff; text-decoration:none; font-weight:bold;}
h2 a:hover{ color:#fff; text-decoration:underline;font-weight:bold;}

a.nav, a.nav:link, a.nav:visited { font-size:0.9em ;color: #666; font-weight:bold ; text-transform:uppercase}
a.nav:hover { color:#e41836; text-decoration:none;}

a.navlower { font-size:0.9em ;color: #666; font-weight:bold; }
a.navlower:hover { color:#e41836; text-decoration:none;}

a.current, a.current:link, a.current:visited, span.current {font-size:0.9em ; font-weight:bold ;color: #999; text-transform:uppercase;}
a.current:hover { color:#e41836; text-decoration:none;}

a.white, a.white:visited {color: #ffffff; font-weight:bold;}
a.white:hover{color: #ffffff;}

a.navTop, a.navTop:link, a.navTop:visited {color: #e41836; font-weight:normal ; text-transform:uppercase}
a.navTop:hover { color:#e41836; text-decoration:none;}

a.bread, a.bread:link, a.bread:visited {color: #414141;}
a.breadActive, a.breadActive:link, a.breadActive:visited {color: #999;}

a.block {color:#ffffff; text-decoration:none;  background-color:#e63752; margin:0 0.61em 0 0 ;  font-size:0.83em; padding:0.38em;}

.go { vertical-align:middle ;}

.letters { padding: 4px 0 3px 0 ;}
.letters a { font-weight:bold ; margin: 0 9px 0 0 ;}

/* FORM styles 
form{margin: 0;padding: 0;}	
.formField{width:100% ; height: 1.2em ; margin:0 ; padding:0}
.formField2{width:100% ; margin:0 5em 0 0 ; padding:0}
.btnSubmit { margin:0.15em 0 0.15em 0 ; }
input {margin:0 0 0.15em 4px;font-size:x-small;}
textarea { font-family:Verdana, Arial, Helvetica, sans-serif ; margin:0 0 0.15em 4px;font-size:x-small;}
select {font-size:x-small;max-width:90%;vertical-align: middle;}*/



/* The px -> em translation was done by using this chart:
	 2px	0.15em
	 3px	0.21em
	 5px	0.38em
	 7px0.53em
	 8px	0.61em
	 9px	0.69em	xx-small
	10px	0.83em	x-small
	11px	0.90em
	10.15em	0.92
	10.21em	1.0em	small
	16px	1.2em
	20.38em	1.6em
(based off the 10.21em == 1em == small equivalence, since ALA uses
 "small" as its paragraph-size font)
and tweaking the result a bit (e.g. shifting 0.85em font sizes to 0.90
and 0.77em font sizes to 0.83em) */