<!-- a:{color:#000099} a:vlink{color:#663366} a:hover{color:#FF3333}
-->
body {
margin: 0;
padding: 0;
color: #000;
background: #f3f5f5;
}

img.top {vertical-align:text-top; float: left; height: 2.9em}
/* begin nav-top */


a:link {color: #000088; }
a:visited {color: #894f7b;}
a:hover {color:black; background-color: cyan; text-decoration: none;}
a:active {color: yellow; background-color: teal;}

ul.basic-list li {
margin: .2em 0 .65em 0;
color: #220;
}

ul.list2 li {
margin: .9em 0 .4em 0;
color: #220;
}

.big {
font-size: 140%;
font-family: "Copperplate Gothic",Grenoble,Verdana,Arial,Helvetica,Geneva;
font-weight:600;
color: #633;
}

ul li ul {
font-family: Arial, Verdana, sans-serif, Helvetica;
font-size:90%;
color: #031;
list-style: disc; 
margin: .5em 0 1em 0;
}

ul li ul li {margin: 0 0 .5em 0;}

li .big{line-height: 110%; padding: 1.3em 0 0 0;}

.big a:link,a:visited {color: #633;}

#nav-top {
padding: 0;
font: 0.78em Verdana, Arial, sans-serif, Helvetica;
color: #f0f8ff;
background: #696969 url(gif/menustrip.png) repeat;
border-top: 0px #dcdcdc solid;
border-left: 0px #dcdcdc solid;
border-right: 2px #696969 solid;
border-style: outset;
border-bottom:3px ridge #dcdcdc; /* new */
text-align: left;
vertical-align: middle;
top:0;
width:100%;
height:3.2em;
overflow: hidden /* keeps the text within 3.2 em, even if overflows */
}

#nav-top p {
margin-bottom: 0;
margin-top: .4em;
padding: .1em 0 0 0em;
vertical-align: middle;
}

#nav-top a {
background: transparent;
color: #fff;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}

#nav-top a:hover {
color: #CC9933;
background: transparent; /* #236; */
}

#nav-top a span, p.accesskey span {text-decoration: underline;}

#nav-left {
position:absolute;
left: 0px;
width: 13em;
float: left;
border-right: 1px #000 solid;
border-bottom: 2px #696969 solid;
padding: 0 0 1em 0;
margin-bottom: 1em;
font: 0.8em Verdana, Arial, sans-serif, Geneva;
color: #000080;
background: #f0f8ff url(gif/ghost.png) repeat;
}

#nav-left ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-left li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#nav-left li a {
display: block;
padding: 5px 5px 5px 0.5em;
font-weight: bold;
font-variant: small-caps;
color: #224059;
background: #58f0ff;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
text-decoration: none;
width: 100%;
}

#nav-left li a:hover {
color: #339;
background: #99aabf;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;
}

.nav-left-box, #footer-box {
margin: 5px;
padding-bottom: 10px;
color: #000;
background: #ffa500;
border: 3px inset #c0c0c0;
}

.nav-left-box p, #footer-box p {
margin-bottom: 0;
}

.nav-left-box:hover, #footer-box:hover {
background: #00bfff;
}

html>body #nav-left li a {width: auto;}
#nav-left p {
padding: 0 5px 0 0.8em;
background: transparent;
color: #000080;
font: 0.85em Arial, sans-serif;
}

/* end nav-top */


#resource-box{
text-align: left;
float: right;
padding: 0.2em 0.2em 1em 0.2em;
margin: 0 0 0.2em 0.7em;
width: 22em;
border: 3px solid #4470a8;
color: #000080;
background: #f0f8ff url(gif/ghost.png) repeat;
}

#resource-box h3 {
color: #fff;
background: #375583 url(gif/menustrip.png) repeat;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #416da4 solid;
border-right: 2px #31557f solid;
border-style: outset;
}
#resource-box h3, #idea-box h3 {
font: 1em arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
margin: 0 0 0.2em 0;
padding:0.2em 0 0.2em 0.2em;
}
#resource-box ul, #idea-box ul {
font-weight: bold;
margin-left: 1.2em;
padding: 0 1em 0 0.2em;
list-style: disc;
}
#idea-box {
float: left;
width: 22em;
text-align: left;
border: 3px solid #8b0000;
color: #000;
background: #fff url(gif/ghost.png) repeat;
padding: 0.2em 0.2em 1em 0.2em;
margin: 0 1em 0.2em 0;
}
#idea-box h3 {
color: #f3f;
background: #8b0000;
border-top: 2px #f99 solid;
border-left: 2px #f99 solid;
border-bottom: 2px #416da4 dotted;
border-right: 2px #31557f solid;
border-style: outset;
}
#idea-box p, #resource-box p {
padding-left: 1em;
padding-right: 1em;
}


p.zor { padding: 5px 10px 5px 10px; background-color: #EEEEEE; }

#mainstreet {
margin: 0px 30px 10px 10em;
font: 1em Georgia, Palatino, Serif;
padding: .5em 1.5em .3em 1.2em;
border: none;
background: transparent;
display:block;
}

#mainstreet h1 {
font-family: "Book Antiqua", Palatino, Bookman, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 200%;
margin-bottom: .5em;
margin-top: 5px;
color:#CC6633;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}

#mainstreet h3 {
font-family: "Book Antiqua", Palatino, Bookman, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size:120%;
font-weight:700;
color:#143548;
font-style: italic;
letter-spacing: 0.05em;
word-spacing: .07em
}


#mainstreet2 {
margin: 0px 30px 0px 10em;
font: 1em Georgia, Palatino, Serif;
padding: .5em 1.5em .0em 1.2em;
border: none;
background: transparent;
display:block;
}

/* begin teach styles */

#content {
margin: .5em 3%;
font: 1em Georgia, Palatino, Serif;
padding: 1.5em;
border: groove;
background: #e1e9fa;
}

#content2 {
margin: .5em 3%;
font: 1em Georgia, Palatino, Serif;
padding: .7em 1em 1em 1.em;
border-top: dotted 3px #a9f;
}

#content2 dt {
margin: 1em 0 0.1em 0;
}

#content3 {
margin: 0em 3%;
display:block;
font: 1em Georgia, Palatino, Serif;
padding: .0em 1em 1em 1.em;
}

#news {
position: relative;
top: 10px; right: 20px;
margin: 1.3em 2%;
width: 35%;
float: right;
font: .85em Verdana, Arial, Helvetica, Geneva;
padding: 1.2em;
border: dotted;
background: #ccf;
}

#news em{
font-size: 110%;
font-weight: 800;
}


h1 {
font-family: "Book Antiqua", Palatino, Bookman, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 200%;
margin-bottom: .5em;
margin-top: 5px;
color:#CC6633;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}

h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 160%;
font-variant: small-caps;
margin-bottom: 1em;
margin-top: 1em;
color:#CC9933;
border-bottom: 2px dotted #cd853f;
border-top: 2px dotted #cd853f;
}

h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-bottom: 1em;
margin-top: 0em;
color:#043948;
text-align: center;
margin-left: auto;
margin-right: auto;
}

p.center {
margin-left: auto;
margin-right: auto;
text-align: center;
font-size:120%;
font-weight:400;
color:#142518;
font-style: italic;
letter-spacing: 0.1em;
word-spacing: .14em;
}

a.top {
float:right;
font-size:80%;
font-weight:500;
color:gray;
text-align: right;
position:relative;
top: 2.95em;
}

a.nav-top-main {
float:left;
font-size:80%;
font-weight:500;
color:gray;
text-align: left;
position:relative;
top: .3em;
}


h2.float-left {
float: left;
width: 19em;
padding: 0 0 0 0.2em;
margin: 0 0.2em 0 0;
background: #eee8aa;
border-right: 2px dotted #cd853f;
border-bottom: 2px dotted #cd853f;
}

h2.float-right {
float: right;
width: 11em;
margin: 0 0 0 0.2em;
padding: 0 0 0 0.2em;
background: #90ee90;
border-left: 2px dotted #2e8b57;
border-bottom: 2px dotted #2e8b57;
}

h3.float-left {
float: left;
width: 14em;
padding: 0 0 0 0.2em;
margin: 0 0.2em 0 0;
background: #ffb6c1;
border-right: 2px dotted #8b0000;
border-bottom: 2px dotted #8b0000;
}

big {color: #024; font-size: 135%;}

blockquote > p {/* selects child p of a blockquote - control mozilla paragraph margin */
  margin: 1em 0 0.5em 0;
  }

blockquote.float-right {
float: right;
width: 16em;
padding: 0.5em;
margin: 0 0.5em 0 0;
color: #00008b;
background: #a1d8e6;
border-left: 2px dotted #4169e1;
border-bottom: 2px dotted #4169e1;
border-top: 2px dotted #4169e1;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 83%;
margin-bottom: .5em;
margin-top: .7em;
color:#110033;
}

  blockquote.float-right h2 {
  color: #0a0a80;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0.5em 0;
  background: transparent;
  font-size: 100%;
  font-weight:600;
  border: none;
  }

  blockquote.float-left em {
  color: #800080;
  }

  p.after-blockquote {
  padding: 0.4em;
  border-top: 3px dotted #696969;
  background: #e6e6fa;
  }


blockquote.float-left {
float: left;
width: 13.2em;
padding: 0.5em;
margin: 0 0.5em 0 0;
color: #00008b;
background: #add8e6;
border-right: 2px dotted #4169e1;
border-bottom: 2px dotted #4169e1;
}


blockquote span.cap-g {
float: left;
font-size: 1.7em;
padding: 0 0.15em;
margin: 0 0.15em -0.5em 0;
color: #b22222;
background: #90ee90;
border: 3px outset #2e8b57;
}

blockquote {
  font-family: Verdana,Arial,Helvetica,Geneva;  
  font-size: 80%;
  margin: 1em 2.3em 1.4em 2.3em;
  padding: 0 0 0 1.1em;
  border-left: 2px dotted teal;
}

blockquote.float-left strong {
color: #000080;
}

blockquote.float-left em {
color: #800080;
}

.photos {padding: 10 px; display:block;
border: none; position: relative; left: 5%;
}

#photoblock-right {
  float:right;
  font-family: Verdana,Arial,Helvetica,Geneva;  
  font-size: 80%;
  line-height: 120%;
  background: #dff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  color: #311;
  margin: .5em;
  padding: .3em;
  border-left: 2px dotted teal;
  border-bottom: 2px dotted teal;
}

.warning {font-family: Verdana, Arial, Helvetica, Geneva; font-size:90%; 
letter-spacing: 0.05em; word-spacing: 0.1 em; color: maroon; background: #ffe;}

p.top {
margin-top: 0;
padding: 0.4em;
border-top: 3px dotted #696969;
background: #ffffe0;
}

p.default-margin {
/* margin-top: ; undeclared - default margin */
padding: 0.4em;
border-top: 3px dotted #696969;
background: #f0fff0;
}

p.after-h3 {
/* margin-top: ; undeclared - default margin */
padding: 0.4em;
border-top: 3px dotted #696969;
background: #ffe4e1;
}

p.after-blockquote {
padding: 0.4em;
border-top: 3px dotted #696969;
background: #e6e6fa;
}

span.cap-g {
float: left;
font-size: 1.7em;
padding: 0 0.15em;
margin: 0 0.15em -0.5em 0;
background: #90ee90;
border: 3px outset #2e8b57;
}

/* end teach styles */


/* begin support elements */

acronym, abbr, dfn {cursor: help; border-bottom: 1px dotted #00008b;}
code {color: #00008b; font-size: 0.95em;}
em {cursor: pointer;}

img {border: 0;}
img.b {display: block;}
img.l {float: left;}
img.r {float: right;}
img.t {margin-top: 0.8em;}

/* end support elements */

/* begin special constructs */

#resource-box{
text-align: left;
float: right;
padding: 0.2em 0.2em 1em 0.2em;
margin: 0 0 0.2em 0.7em;
width: 135px;
border: 3px solid #4470a8;
color: #000080;
background: #f0f8ff url(gif/ghost.png) repeat;
}

#resource-box h3 {
color: #fff;
background: #375583 url(gif/iron.png) repeat;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #416da4 solid;
border-right: 2px #31557f solid;
border-style: outset;
}

#resource-box h3, #idea-box h3 {
font: 1em arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
margin: 0 0 0.2em 0;
padding:0.2em 0 0.2em 0.2em;
}

#resource-box ul, #idea-box ul {
font-weight: bold;
margin-left: 1.2em;
padding: 0 1em 0 0.2em;
list-style: disc;
}

#box-left {
float: left;
width: 22em;
font-family: Arial, Verdana, sans-serif, Geneva, Helvetica;
margin: 2px 20px 5px 2px;
font-size : 90%;
text-align: left;
border: 2px dotted #933;
color: #442518;
background: #e1e1c7;
padding: 0.1em 0.2em 0.2em 0.2em;
}

#box-left h3 {
color: #960;
font-size : 105%;
background: none;
zborder: 1px #d99 solid;
zborder-style: outset;
text-align: center;
margin-left: auto;
margin-right: auto;
margin: 0;
padding: 3px 0 10px 0px;
}

#box-right {
float: right;
width: 22em;
font-family: Arial, Verdana, sans-serif, Geneva, Helvetica;
margin: 2px 20px 5px 2px;
font-size : 90%;
text-align: left;
border: 2px dotted #933;
color: #442518;
background: #e1e1c7;
padding: 0.1em 0.2em 0.2em 0.2em;
}

#box-right h3 {
color: #960;
font-size : 105%;
background: none;
zborder: 1px #d99 solid;
zborder-style: outset;
text-align: center;
margin-left: auto;
margin-right: auto;
margin: 0;
padding: 3px 0 10px 0px;
}

#idea-box p, #resource-box p {
padding-left: 1em;
padding-right: 1em;
}

#footer {
font-family: Georgia, Palatino, Serif;
font-style: italic;
text-align: center;
padding-bottom: 1em;
}

/* end special constructs */

/* begin specialty styles */

.dfn {
color: #00513D;
background: transparent;
font-style: italic
}

a:link.dfn-instance, a:visited.dfn-instance {
color: #00513D;
background: transparent;
font-style: italic;
cursor: help;
pitch: high;
}

.buttonlink {
padding: 0px 4px 1px;
border: outset 2px Menu;
color: #8b0000;
background: #f0f0f0;
text-decoration: none;
}
.buttonlink2 {
padding: 6px;
border: outset 2px Menu;
color: #8b0000;
background: #f0f0f0;
text-decoration: none;
}

/* *************** print **************  */

@media print {
   h1, h2, h3,
   h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
   blockquote, pre { page-break-inside: avoid; }
   ul, ol, dl { page-break-before: avoid; }
}

/*  *************** speech ***************  */

@media aural {
   h1, h2, h3,
   h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90; }
   h1 { pitch: x-low; pitch-range: 90; }
   h2 { pitch: x-low; pitch-range: 80; }
   h3 { pitch: low; pitch-range: 70; }
   h4 { pitch: medium; pitch-range: 60; }
   h5 { pitch: medium; pitch-range: 50; }
   h6 { pitch: medium; pitch-range: 40; }
   li, dt, dd  { pitch: medium; richness: 60; }
   dt { stress: 80; }
   pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80; }
   em { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
   strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
   dfn { pitch: high; pitch-range: 60; stress: 60; }
   s, strike { richness: 0; }
   i  { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
   b { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
   u { richness: 0; }
   a:link { voice-family: harry, male; }
   a:visited { voice-family: betty, female; }
   a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high; }
}



.menuitem {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #006633;
border: thin hidden Olive;
text-transform : uppercase;
padding-bottom: 7px;
padding-top: 7px;
}


HR {
margin-top: 10px;
margin-bottom: 10px;
border-bottom: none;
border-left: none;
border-right: none;
border-top: 1px solid teal;
width: 80%;
}

.signup{
padding: 10px;
margin: 0px;
border: 1px solid #FF6500;
background:#FFCC00;
color: black;
}

.signupbox{
float: right;
width: 200px;
padding: 0px;
margin: 0px;
margin-left: 10px;
margin-bottom: 10px;
}

.commentbox{
width: 150px;
background:#FFCC00;
padding: 10px;
margin: 0px;
border: 1px dashed #FF6500;
margin: 10px;
margin-left: 0px;
color: #FF6500;
}