/* CSS Document */

body { font-size: 100.1%; margin: 0; padding: 0; background: #FFF; color: #000; }

/* 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.2em 0.2em 0; z-index: 5; }

h1 { color: #333399; text-transform:uppercase; font-size: 1.5em; margin: 16px 0; }
h2 { color: #333399; font-size: 1.3em; margin-top: 0; }
#content h1 { margin-top:0; }
p { margin: 16px 0; }

#wrapper { width: 96%; min-width:1000px; margin: 10px auto; text-align: center; border: 1px solid #aaa; }

#header { overflow: auto; height: 1%; min-height: 150px; border-bottom: 1px solid #AAA; }
#header img { float: left; border:none; border-right: 1px solid #AAA; width: 242px; }
#header h1 { margin-bottom: 0; }
#header h1 a { color: #333399; text-decoration: none; }
#header h1 a:hover { text-decoration: underline; }
#header p { margin: 0; font-weight: bold; }

#nav { width: 228px; float: left; padding: 16px 7px 10px; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; clear: left; text-align:left;}
#nav h2 { margin:0; }
#nav ul { list-style-type: none; margin: 0; padding: 0;}
#nav ul li { margin: 3px; }
#nav ul li img { vertical-align:middle; }

#content { text-align: left; margin-left: 242px; padding: 16px 15px; }

.column-right { float:right; width: 225px; margin: 0 0 16px 0; }

#footer { clear: both; border-top: 1px solid #AAA; }

.nomargin { margin: 0; }
.note { background: #FFFF99; width: 435px; margin: 16px auto; padding: 7px;}
.events { margin: 0 240px 0 auto; text-align:left; }
.greenbold { color: #006633; font-weight: bold; }
.credit { color: #aaa; font-size: .7em; font-family: Verdana, Arial, Helvetica, sans-serif; }