/* CSS Document */

body { font-size: 100.1%; background: #F4EDDA; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Skip Navigation Link */
#skipper { position: absolute; top: 0; left: 0; width: 100%; text-indent: -600em; color: #fff; background: transparent; font-size: 0.8em; z-index: -1; }
#skipper:focus, #skipper:hover, #skipper:active { display: block; text-indent: 25px; background: #FFF; font-weight: bold; color: #000; padding: 0.2em 0 0.2em 0; z-index: 5; margin: 0 -1px; }

#wrapper { width: 775px; margin: 0 auto; background: #FFF; padding: 7px 20px; border: 1px solid #bab59f; position: relative; overflow: auto; }

#header { position: relative; height: 1%;}
#logolink { display: block;}
#logo { border: none; }
#tagline { position: absolute; top: 28px; left: 370px; font-size: .9em; font-weight: bold; z-index: 100; font-style: italic; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }
#contact { position: absolute; top: 95px; left: 450px; font-size: .7em; font-family: Verdana, Arial, Helvetica, sans-serif; z-index:100; color: #FFF; }
#contact a { color: #FFF; text-decoration: none; }
#contact a:hover { text-decoration: underline; }
#header h1 { margin: 0; }

#navigation { float: left; width: 170px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; height: 1%; }
#navigation ul li { list-style-type: none; margin: 15px 0; padding: 0; font-size: .814em; line-height:1; }
#navigation ul li a { display: block; text-decoration: none; border-bottom: 1px solid #DBD7C6; }
#navigation ul li a:link, #navigation ul li a:visited { border-bottom: 1px solid #DBD7C6; }
#navigation ul li a:hover, #navigation ul li a:active { border-bottom: 1px solid #AA0000; }
#homelink { position: absolute; top: 120px; font-size: .7em; text-decoration: none; }
a#homelink:hover, a#homelink:active { text-decoration: underline; }

#navigation ul li ul li { margin: 10px 0 0 0; font-size: .875em; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
#navigation ul li ul li a:link, #navigation ul li ul li a:visited { border-bottom: none; }
#navigation ul li ul li a:hover, #navigation ul li ul li a:active { text-decoration: underline; }
#navigation p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; font-weight: normal; margin-top: 30px; }

#content { margin: 0 0px 0 195px; }

.clearfix:after { /* using easyclear becasue overflow auto on content breaks contribute */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.toc, .hours { float: right; width: 190px; }
.toc h2, .hours h2 { font-size: .9em; border-bottom: 1px solid #DDD; margin-top: 14px; }
.toc li, .hours li { font-size: .7em; margin: 3px 0;}
.hours h2 { line-height: 1; }
.hours ul, .hours ul li { list-style-type: none; margin-left: 0; padding-left: 0; }
.toc img, .hours img { border: none; line-height: 0; }
.hours { margin-left: 7px; }
#eventsbutton img {margin-bottom: 15px; }
#miniWidget { margin: 13px 0; }
#miniWidget h2 { border-bottom: none; }
#wifi img { margin: 0 0 0 57px; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.625em; margin-top: 0; }
h2 { font-size: 1em; margin: 13px 0;}
h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h3 { font-size: .9em;}

a:link { color: #003366; }
a:visited { color: #2D5784; }
p, th, td, ul li, ol li { font-size: .8em; line-height: 1.3; }
td td, td p, td h2, td h3, td h4, td ul li, td ol li, ul li ul li, ol li ol li { font-size: 100%; }
td h2 { font-size: 1.25em; }
th { font-family: Arial, Helvetica, sans-serif; text-align: left; }
th, td { vertical-align: top; }
a img { border: none; }

.insetleft { float: left; margin: 0 5px 5px 0; }
.insetright { float: right; margin: 0 0 5px 5px; }
.clearing { clear: both; }
.notbold { font-weight: normal; }

.bordertable { border: 1px solid #DDD; border-collapse: collapse; }
.bordertable td { border: 1px solid #DDD; padding: 2px 5px; }

#footer p { margin: 20px 0 10px 196px; padding-top: 7px; border-top: 1px solid #dbd7c6; font-size: .7em; }
#copyright {float: right; margin: 0;  }

.feature { position: relative; padding: 1px 0 0 0; overflow: auto; }
.feature h2 { margin: 12px 0; }
.feature img { margin: }
.feature img, .feature img a { border: none; line-height: 1; }
#linkcat h2 span { padding-left: 7px; font-size: .7em; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
#linkcat p { font-size: .7em; }
#linkcat select, #linkcat input, form { margin: 0; padding: 0; }

#resource { overflow: auto; }
#resource h2 { margin-bottom: 0; }
.smallfont { font-size: 70%; }

ol.policy, ol.policy2 { margin-left: 33px; padding-left: 0; }
ol.policy li, ol.policy2 li { list-style: upper-roman; margin-left: 0px; padding-left: 0; font-weight: bold; }
ol.policy2 li { font-weight: normal; }
ol.policy li ol, ol.policy li ul, ol.policy2 li ul { margin: 0 0 15px 0; padding-left: 23px; }
ol.policy li ol li { list-style: upper-alpha; font-weight: normal; }
ol.policy li ul li { list-style: disc; font-size: 100.1%; font-weight: normal; }