body{font-family:Verdana, Arial, Helvetica, sans-serif ; background-color:#999 ; color:#666 ;font-size:small; }
.clearLeft { clear:left}
.space { height:0.45em}

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 ; background:#fff ; text-align:left; }
#header {  overflow: hidden; padding:0em 0 0.38em 0 ; color:#000000 ; background:#999}
#topNav { background-color:#414141; font-weight:bold ; color:#666 ; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em ;}

.breadcrumb	{background-color:#ececec ;float: none;padding:0.21em 0.61em 0.21em 0.61em ;width: auto; }
.featureBox { background-color:#000 ; width:auto ; padding: 0.21em 0.61em 0.38em 0.61em ; color:#999 ; width:auto ; text-align:left ; }
.featureContent { padding:0em 0 0.83em 0  ; color:#ccc}
.stars { padding:0.15em 0.15em  0.15em  0; }
.review img{ padding: 0.3em 0.61em 0 0}

.contentBlock { padding:0.38em 0.61em 0.38em 0.61em;  background-color:#fff ; clear:both; border-top:#e6e6e6 1px solid ; }
.contentBlockDk { background-color:#f2f2f2; padding:0.38em 0.61em 0.38em 0.61em;border-top:#e6e6e6 1px solid ; }
.contentBlockTxt { padding-left:5.0em ; }
.contentBlockTxt2 img{ padding: 0.21em 0.5em 0 0 }
.formBlock { background-color:#f2f2f2; padding:0.21em 0.8em 0.21em 0.21em; margin-top: 0.14em }
.aboutImg { width:auto; background-color:#76b900 ; text-align:center ;}
.footLinks {  padding-top:0.21em ; color:#999999 ; line-height:1.1 ; }

table.mostVisited {color:#999}
table.mostVisited td { height:10.38em}
tr.greyRow{ background-color:#f6f6f6 ;}

.angelBlock { width:auto ; background-color:#f2f2f2 ; border:#ccc 1px solid ; padding:0.45em 0.38em 0.38em 0.45em ; margin: 0.83em 0.38em 0 0.38em ; }
.angelFoot { width:auto ; background:#000 url(images/tile_black.gif) top left repeat-x ; margin: 0 0.38em 0.38em 0.38em ; padding: 0.15em 0 0 0.38em ; height:1.5em; vertical-align:middle ;border-bottom:#ccc 1px solid ; border-left:#ccc 1px solid ; border-right:#ccc 1px solid }

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

.white_link {background-color: #ffffff;color: #999;margin: 0px; padding: 0.15em 0 0.15em 0.07em}
.light_link {background-color: #f2f2f2;color: #999;margin: 0px; padding: 0.15em 0 0.15em 0.07em}
.dark_link {background-color: #e4e6e6; margin: 0;padding: 0.15em 0 0.15em 0.07em}
.vdark_link {background-color: #666; color:#fff ; font-weight:bold ;margin: 0;padding: 0.15em 0 0.15em 0.07em}
.lineTop { border-top:#ccc solid 1px ; border-bottom:#ccc solid 1px ; padding: 0.15em ; margin:10px 0 0 0}
.lineBot { border-bottom:#ccc solid 1px ; padding: 0.15em ; margin:0}
.leftBold { padding: 0 0.3em 0 0 ;font-weight:bold}

p.copyright { text-align:center ; padding: 0.8em  0 0.8em 0; margin:0 }

/* TEXT styles */
h1 { font-size:1.1em ; color:#333 ; padding:0.21em 0 0.21em 0 ; margin:0 ; font-weight:bold ;}
h2 { font-size:1em ; color:#999 ; padding:0 0 0.14em 0 ; margin:0 ; font-weight: normal; }
h3 { font-size:1em ; color:#fff ; padding:0 ; margin:0 ; font-weight: bold; }
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}

/* LINK styles */
a img {border : none;}
a:link{  color:#71aa0d; text-decoration:none; font-weight:normal;}
a:active{  color:#71aa0d; text-decoration:none;font-weight:normal;}
a:visited{  color:#71aa0d; text-decoration:none;font-weight:normal;}
a:hover{ color:#71aa0d; text-decoration:underline;font-weight:normal;}

a.arrow:link,  a.arrow:visited, a.arrow:hover {color:#fff; font-weight:bold ;background:url(images/arrow_green.gif) no-repeat ; padding:0.14em 0 0.14em  0.83em ; text-align:left ; display:block }
a.arrowBlack:link, a.arrowBlack:hover, a.arrowBlack:visited {color:#71aa0d; font-weight:normal ;background:url(images/arrow_black.gif) no-repeat ; padding-left:0.83em ; text-align:left ;  }
a.arrowSubnav:link, a.arrowSubnav:hover, a.arrowSubnav:visited {color:#fff; font-weight:normal ;background:url(images/arrow_green.gif) no-repeat ; padding-left:0.83em ; text-align:left ; width:80px ; border-top:#fff solid 1px ; border-right:#fff solid 1px ;}

a.more:link{  color:#1fadda; text-decoration:underline;}
a.more:hover{  color:#000; text-decoration:underline;}
a.nav, a.nav:link, a.nav:visited {color: #a0a4a5;color:#414141; font-weight:normal ; }
a.navGreen, a.navGreen:link, a.navGreen:visited {color: #71aa0d; font-weight:normal ; }
a.current, a.current:link, a.current:visited, span.current {color: #999; font-weight:normal ; }
a.white, a.white:visited {color: #ffffff;}
a.white:hover  {color: #71aa0d;}
a.bread, a.bread:link, a.bread:visited {color: #414141;}
a.breadActive, a.breadActive:link, a.breadActive:visited {color: #999;}

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

.updatestatus { color:#99cc00; font-weight:normal; }
.updateerror { color:#cc0000; font-weight:normal; }

/* The px -> em translation was done by using this chart:
	 2px	0.15em
	 3px	0.21em
	 5px	0.38em
	 7px    0.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) */