/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table {font-size:inherit;font:100%;}
/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
/*  Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}
/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}

html, body  { font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 5px 0 0; color: #333333 }
#main  { background-color: white; margin: auto; position: relative; width: 910px }

#header  { height: 80px }
#menu { font-family: "Engravers MT" }
.email  { font-family: Arial, Helvetica, sans-serif }
#activities img { padding-top: 6px }
h1    { font-size: 20px; font-family: "Engravers MT"; padding-top: 10px; padding-bottom: 10px }
h3 { font-size: 18px; font-family: "Engravers MT"; padding-top: 10px; padding-bottom: 10px }
h2    { font-size: 14px; font-family: "Engravers MT"; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; width: 705px }
 ul { margin-left: 20px }
.large { font-size: 16px }
.medium { font-size: 14px }
.float-right     { display: inline; margin: 0; float: right }
.float-left      { display: inline; margin: 0; padding-right: 10px; float: left }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block; }

#slideshow  { margin-top: 16px; margin-left: 29px; width: 700px; height: 567px }

#slideshow .txt { height: 30px; width 100%; position: relative; text-align:center }
#slideshow .txt div { left:0px; top:10px; width:700px; position:absolute }
#thumbs     { font-size: 14px; width: 700px; height: 25px; text-align:center }
#numbers    { text-align: center; padding-top: 2px }
#numbers a  { color: #333333 }
#numbers a:hover     { color: #376bbc }
.selected { color: #376bbc; }

#main a { color: #376bbc; text-decoration: none }
#main a:hover    { color: #333333 }