html, body {
margin: 0em;
padding: 0em;
}
body {
background-attachment: fixed;
background-image: url(bk_gnd.png);
background-repeat: repeat-x;
background-color: #ecdced;
font-family: Times, serif;
/* was 12px */
font-size: .75em;
color: #000000;
text-align: center;
line-height: 1.8em;
padding: 0px;
margin: 0px;
}
#wrapper {
background-color: #fffeed;
/* trying to change this for scaling purposes hope it doesn't screw stuff up was 800px*/
width: 93%;
/* changed from 15 px auto 15px auto */
margin: 5px auto 5px auto;
padding: 0px;
text-align: left;
border: solid .09em #dadada;
max-width: 91em;
min-width: 80em;
}
/* header is child of ? */
#header {
width: 100%;
height: auto;
text-align: center;
min-width: 800px;
/* border-bottom: solid 1px #dadada; */

}
/* container is child of wrapper */
#container {
width: 100%;
max-width: 91em;
/* height: auto; */
margin: .5em auto;
padding: 0em;
/* background-image: url(divider.gif);
background-repeat: repeat-y; */
/* changed from 200px 0px; */
/* background-position: 180px 0px; */
}
/* nav is  14em, so let left be 14.5 */
#left {
float: left;
width: 14.5em;
height: auto;
/* changed from 10px */
padding: .5em .5em .5em .5em;
margin: 0em;
}
#right {
/* this makes the content not wrap around the nav area */
margin-left: 15em;
/* margin: 0px; can't have margin-left and margin together*/
max-width: 75em;
/*  min-width: 75em; */
width: auto; 
height: auto;
/* float: left; */
padding: 1em;
}
#right p {
font-family: georgia, times, serif; 
margin: 0px;
font-size: 1.3em;
}
#right h1 {
font-family: arial, sans-serif;
color: #003399;
text-align: center;
font-size: 2em;
}
#right h2 {
font-family: arial, sans-serif;
color: #001e59;
font-size: 1.5em;
/** text-indent: 20px; **/
}
#right h2.action {
font-family: arial, sans-serif;
color: #b50101;
text-indent: 0px;
font-size: 1.5em;
}
#right h3 {
font-family: arial, sans-serif;
color: #000000;
text-indent: 40px;
font-style: italic;
font-size: 1.2em;
}
#right a:link, #right a:visited, #right li a:active {
color: #666699;
text-decoration: underline;
/* display: block;*/
/*      top, rt, bt, lf think compass NESW 
margin: 10px 0px 10px 0px; */
margin: 0px;
/* padding: 0px; */
width: auto;
font-weight: bold;
}
#right a:hover {
color: #000085;
font-weight: bold;
text-decoration: underline;
}
#a img {
border: none;
}
#right ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#right li {
background-image:url(sm_paw_print.png);
background-position:0 0.3em;
background-repeat:no-repeat;
padding: 0px 0px 1em 30px;
/* padding changed from 0 0 0 25 px */
font-size: 1em;
font-family: georgia, times, serif; 
}
/* remove background image */
#right li.stine{
background-image: none;
}
#right li.nobullet {
background-image: none;
padding: 0em;
font-size: 1.2em;
}
#right table{
/*
border: 0;
outline-style: solid;
outline-width: thin;
*/
padding: 1px;
margin: 1px;
table-layout: auto;
text-align: left;
width: 100%;
font-size: 1.3em;
}
#right td, #right tr{
outline-style: solid;
outline-width: thin;
}
#right td.rtalign {
text-align: center;
}
#right td.head {
font-family: arial, sans-serif;
font-weight: bold;
color: #001e59;
}
#right img.noborder {
border-style: none
}
#right span.boldred {
font-weight: bold;
color: #b50101;
}
#right textarea {
font-family: georgia, times, serif;
font-size: 100%;
text-align: left;
color: #000000;
}
#right img.coach {
height: 125px;
width: 100px;
float: left;
margin-left: .25em;
margin-right: .5em;
margin-bottom: .25em;
margin-top: .25em;
border-style: solid;
border-color: #000000;
border-width: .25em;
}
#right pre {
font-size: 1.25em;
}
.centeredimage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.indenttwoem {
text-indent:2em
}
.highlight {
background-color: #f9f235;
}
.clearer {
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;
}
.bold {
font-weight: bold;
}
/* For use with JS hide/ unhide div code  */
.hidden {
display: none;
}
.eightypercent {
font-size: 80%;
}
.boldunderline {
font-weight: bold;
text-decoration: underline;
}
.lfloatpad {
float: left;
padding: .25em;
}
#nav {
margin: 0em;
padding: 0em;
list-style: none;
list-style-image: none;
/* attempting floating nav */
position: fixed;
/* float: left; */
/* if float doesn't work, then I should revert this back to position: fixed; float: left keeps this scalable at large font sizes, other wise nav hides and doesn't scroll -- I like my fixed nav and there is no reason to blow stuff up at that size... I can create another style sheet if it becomes a user complaint ideally I kinda want to move nav to the top from the left anyway and have it fixed there*/
top: auto;
left: auto;
/** width used to be auto **/
width: 14em;
right: auto;
background-color: #f7fcff;
border-style: solid;
/* height: 100%; */
/* end attempted float */
line-height: 1em; 
}
/*#nav ul {
border-style: solid double;
} */
#nav li {
color: #c68dc9;
font-family: arial, sans-serif;
font-size:+1.3em;
font-weight: bold;
/*      top, rt, bt, lf think compass NESW was be 10px 0 10px 0 */
margin: .3em 0em .3em 0em;
padding: 0em;
display: block;
/** was inline changed to make all li in nav the same **/
width: 11em;
/** width used to be 160px **/
line-height: 1.2em;
}
#nav li.smallindent {
margin: 0em 0em 0em 1em;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
color: #6b1371;
text-decoration: none;
display: block;
/*      top, rt, bt, lf think compass NESW was be 10px 0 10px 0 */
margin: .3em 0em .3em 0em; 
padding: 0em;
/* auto */
width: 11em;
/** width used to be 160px **/
}
#nav li a:hover {
color: #edd340;
font-weight: bold;
text-decoration: none;
}
#nav img.noborder {
border-style: none;
}
.directions {
float: left;
margin: .5em;
width: auto;
max-width: 35em;
min-width: 15em;
min-height: 19em;
}
.bolditalic {
font-style: italic;
font-weight: bold;
}
#direct {
width: 100%;
margin: 0em;
float: left;
}
#footer {
padding: 0px;
margin: 0px;
border-top: solid 1px #dadada;
text-align: center;
}
#footer p {
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
color: #aaa;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #aaa;
text-decoration: none;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
}
blockquote {
border: .1em dashed #ababab;
padding: .1em;
display: block;
quotes: "\201C" "\201D";
line-height: 1.3em;
width: 50em;
}
blockquote div {
padding-left:1em;
padding-right:1em;
}
blockquote:before { 
content: open-quote; 
font-weight: bold;
font-size: 2em;
color: #707070;
/* margin: 0em .3em 0em .3em; */
/* line-height: 1em; */
}
blockquote:after { 
content: close-quote;
font-weight: bold;
font-size: 2em;
color: #707070;
margin-left:24em;
/* margin: 0em .3em 0em .3em;  */
/* line-height: .5em; */
}
div.figure {
float: left;
/* width: 25%; */
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}
div.figure p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}
/* use img.scaled for diagrams so they can scale to the size of their div */
img.scaled {
width: 100%
}

/* code for external link mini image so I don't have to keep writing (new window) */
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/

#right a[rel~=external] {
background:url(Icon_External_Link.png) center right no-repeat;
padding: 15px 15px 15px 0px;
/* background-repeat:no-repeat;
background-position:right;
margin-left:20px; */
/* padding-left: px; */
}

#right a[rel=document] {
background:url(Icon_document.png) center right no-repeat;
padding: 12px 12px 12px 0px;
}

#right a[rel=openofficedocument] {
background:url(OOoWriter_16x16.png) center right no-repeat;
padding: 16px 16px 16px 0px;
}

#right a[href$=pdf] {
background:url(adobe_pdficon_small.png) center right no-repeat;
padding: 20px 20px 20px 0px;
/* background-repeat:no-repeat;
background-position:right;
margin-left:20px; */
/* padding-left: px; */
}

/* #right */

a[href^=mailto] {
background:url(Icon_External_Link_E-Mail.png) center right no-repeat;
padding: 18px 18px 18px 0px;
/* background-repeat:no-repeat;
background-position:right;
margin-left:20px; */
/* padding-left: px; */
}

#right a[title~=expand] {
background:url(expands.png) center right no-repeat;
padding: 16px 16px 16px 0px;
}
/* testing for rt col deal with later
#rtcol {
/* margin-left: 50em; 
max-width: 20em;
width: auto;
height: auto;
float: left;
padding: 1em;
}
*/

#right object.map {
height: 350px;
width: 425px;
overflow: hidden;
float: left;
padding: .25em;
border:0px;
margin:0em;
}

.larger {
font-size:1.5em;
}
.large {
font-size:1.2em;
}
.center {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
div.nofloatfigure {
/* float: left; */
/* width: auto; */
/* border: thin silver solid; */
margin: 0.5em;
padding: 0.5em;
}
div.nofloatfigure p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}

 
#right h1.mainquote {
background-color: #f9f235;
font-style: italic; 
font-size: 1.3em;
}

#right span.bigquote {
font-family: arial, sans-serif;
color: #003399;
font-weight: bold;
text-align: center;
background-color: #f9f235;
font-style: italic; 
font-size: 1.3em;
display: block;
}

/* code for signup table */

#signupform table.signup {
padding:2;
border: none;
}

#signupform p.signup {
font-size: .9em;
color: #000000;
}

#signupform span.signup {
font-size: .9em;
color: #000000;
}
#signupform table, #signupform td, #signupform tr{
border-style:none;
outline-style:none;
}
#signupform td.nowrap {
white-space: nowrap;
}
span.boldred {
font-weight: 900;
color: #b50101;
}
span.bold {
font-weight: 800;
}
.bold {
font-weight: 800;
}