body
{	color : black;
	background-color: rgb(255,255,255);
	font-family:sans-serif;
	margin-top: 0px;
	margin-left: 3px;

}
img.top {vertical-align:text-top; float: left; height: 2.9em}



a:link {color: #000088; }
a:visited {color: #894f7b;}
a:hover {color:black; background-color: #ED3; text-decoration: none;}
a:active {color: white; background-color: #369;}

.no-print {display: none;}



h1 {
font-family: Georgia, "Book Antiqua", Palatino, Bookman, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 200%;
margin-bottom: 4px;
margin-top: 15px;
color:#CC6633;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: 700;
line-height: 160%;
}

h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 160%;
line-height: 130%;
font-variant: small-caps;
padding: 8px 0 8px 2px;
margin-bottom: 1em;
margin-top: 1em;
color:#CC9933;
border-bottom: 2px dotted #cd853f;
border-top: 2px dotted #cd853f;
}

h2 a:link {color: #CA6644; text-decoration: none;}
#resource-box h3 a:visited {color: #eed;}
#resource-box h3 a:hover {color:#aff; background-color: #155; text-decoration: none;}
#resource-box h3 a:active {color: white; background-color: #369;}

h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 120%;
width: 67%;
margin-bottom: .3em;
margin-top: .5em;
color:#AA6622;
border-bottom:  1px dotted #cd853f;
border-top: 1px dotted #cd853f;
}

h6 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold; font-size: 160%; line-height: 120%; text-align: left;
letter-spacing: 0.3px; word-spacing:0.6px; color: #bf8743; margin-left:0px;margin-bottom:0;
}

.big {
font-size: 140%;
font-family: "Copperplate Gothic",Grenoble,Verdana,Arial,Helvetica,Geneva;
font-weight:600;
color: #633;
}

.big a:link,a:visited {color: #633;}




#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: 1.5em 1.5em .3em 1.2em;
border: none;
background: transparent;
display:block;
}

#mainstreet h3 {
margin-left: auto;
margin-right: auto;
text-align: center;
font-size:120%;
font-weight:400;
color:#143548;
font-style: italic;
letter-spacing: 0.1em;
word-spacing: .07em
}

}
/* begin teach styles */

#content {
margin: .5em 3%;

padding: 1.5em;
border: groove;
background: #e1e9fa;
}

#content2 {
margin: .5em 3%;
font: 1em Georgia, Palatino, Serif;
padding: .7em 1em 1em 1em;

}


#news {
margin: 25px;
width: 35%;
float: right;
font: .85em Verdana, Arial, Helvetica, Geneva;
padding: 1.2em;
border: 1px dotted navy;
background: #eed;
}

#news em{
font-size: 110%;
font-weight: 800;
}

#news p {font-size: 94%;}

#news h1{font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 140%;
margin-bottom: 4px;
margin-top: 1px;
color:#3346A4;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: 600;
}

.yellow {background: #ffffcc; 
float: right; width: 230px; margin: 10px; padding: 6px; 
font-family: Verdana,Arial,Helvetica; font-size: 90%; color: #226; border: 2px silver groove;}

.yellow h1 {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: 700; color: red; margin: auto; text-align: center; font-size: 125%;}

a.top {
float:right;
font-size:80%;
font-weight:500;
color:gray;
text-align: right;
position:relative;
top: 2.95em;
}


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;
}

blockquote {
  font-family: Verdana,Arial,Helvetica,Geneva;  
  font-size: 83%;
  margin: 1em 2.3em 1.4em 2.3em;
  padding: 0 0 0 1.1em;
  border-left: 2px dotted teal;
}

blockquote blockquote {
   border: none;
   font-size: 90%;
   background-color: #EEF;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-right: 8px;
}



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;
}




.photos {padding: 10px; display:block;
border: none; position: relative; left: 5%;
}




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;
}


/* 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;}


/* end support elements */

/* begin special constructs */

#resource-box{
text-align: left;
float: right;
padding: 0.2em 0.2em .2em 0.2em;
margin: 0.5em 0 0.4em 0.7em;
width: 335px;
border: 1px solid #4470a8;
color: #000080;
background: #f0f8ff url(../gif/ghost.png) repeat;
font-size: .93em;
line-height: 118%;
}


#resource-box h3, #idea-box h3 {
font: 1.2em verdana, trubuchet, arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
margin: 0 0 .2em 0;
padding:0.2em; 
text-align: center; margin-left: auto; margin-right: auto;
}

#resource-box h3 {
color: #fff;
background: #375583 url(../gif/iron.png) repeat;
width: 97%;
}


#resource-box ul, #idea-box ul {
/*   font-weight: bold; */
margin-left: 1.2em;
padding: 0 1em 0 0.2em;
list-style: disc;
}

#resource-box h3 a:link {color: #eef; }
#resource-box h3 a:visited {color: #eed;}
#resource-box h3 a:hover {color:#aff; background-color: #155; text-decoration: none;}
#resource-box h3 a:active {color: white; background-color: #369;}



#box-left {
float: left;
width: 22em;
font-family: Georgia, Bookman, Palatino, Times, Times Roman;
margin: 2px 20px 5px 2px;
font-size : 90%;
text-align: left;
border: 3px groove #a73;
color: #442518;
background: #faf1d0;
padding: 0.1em 0.2em 0.2em 0.2em;
}

#box-left h3 {
color: #960;
background: none;
border: none;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: .5em; margin-bottom: .6em;
padding: 2px;
width: 92%;
}

#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 */


/* *************** 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: 86%;
}

hr.o2  {
border-top: 2px dotted orange;
}



#lord {
display: none;
}



.footer
{
	background-image : url(../gif/new/redfilter.gif);
}

.footer a:link
{
	color: rgb(0,0,0);
	background-color:transparent;
}



p.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}


.title
{
	position:absolute;
	top:218px;
	left:264px;
	font-family: Garamond, Georgia, "Book Antiqua", Palatino, Bookman, Times, Times Roman, serif;
	margin-left : auto;
	margin-right: auto;
	padding: 0px;
	z-index: 3;
	font-size: 24px;
	line-height:28px;
	color: #531;
}
.sidebar
{
	position : absolute;
	top : 480px;
	left : 10px;
	width : 10.7em;
	z-index : 1;
	padding : 0em;
}

.menu
{
	padding : 0.3em;
	margin-bottom : 0.3em;
}

.menu a
{
	display : block;
}

.other
{
	padding :0.5em;
	margin-top : 0.5em;
}

.prop {
    height:300px;
    float:right;
    width:1px;
  }

address {
font-style: italic;
font-size: 83%;
float:left;
width:auto;
margin-left: 3%;
margin-bottom: 10px;
line-height: 130%;
color: #553;
}

/* ----------- MAIN BODY ----------- */



#intro p{
padding-right: 40px;
padding-left: 60px;
}



#main {
margin: .4em .8em; position: relative; padding-top: .3em;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-size: 1em;
padding: 1px 7px 2px 7px;
}

#main li{
margin-top: .4em;
padding-top: .2em;
}

#intro2 {
display: block;
padding-top: 0px;
margin-top: 0px;
background-image : none;
background-color: white;
padding-right: 5px;
padding-bottom: .1em;
max-width: 960px;
font-family: Georgia, Bookman, Times, serif;
font-size: 1.1em;
line-height: 120%;
color: #321;
z-index: 2;
min-height: 355px;
}

/* for Internet Explorer */
/*\*/
* html #intro2 {
height: 368px;
}
/**/


#intro2 p{
padding-right: 10px; /* was 40. Changed Dec. 25, 2006 */
padding-left: 100px;
font-size: .8em;
}

/* for Internet Explorer */
/*\*/
* html #intro2 p{
font-size: 16px;
line-height: 20px;
padding-right: 100px;
}
/**/

#main2 {
position: relative;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-size: 1em;
padding: .3em 7px 2px 7px;
margin: .5em .8em;
max-width:1000px;
line-height:145%;
}

/* for Internet Explorer */
/*\*/
* html #main2 {
width: 1000px;
}
/**/

#main2 li{
margin-top: .4em;
padding-top: .2em;
font-size: 85%;
}



/* sandbag divs */
#sb1, #sb2, #sb2b, #sb3, #sb3b,
#sb4, #sb5, #sb5b, #sb6, #sb-siding1, #sb-siding2 {
float: left;
clear: left;
}
#sb1 {width: 960px; height: 171px; }
#sb1b {width: 100%; height: 161px; }
#sb2 {width: 238px; height: 25px; }
#sb2b {width: 225px; height: 25px; }
#sb3 {width: 210px; height: 25px; }
#sb3b {width: 196px; height: 25px; }
#sb4 {width: 181px; height: 25px; }
#sb5 {width: 163px; height: 25px;}
#sb5b {width: 140px; height: 20px;}
#sb6 {width: 83px; height: 6em;}

#sb-siding1 {width: 0px; height: 45px;}
#sb-siding2 {width: 250px; height: 450px;}
/* end sandbag-divs */


#special {
position: absolute; top: 23px; left:0px;
display: block;
padding-top: 0px;
margin-top: 0px;
background: transparent;
padding-right: 5px;
padding-bottom: .2em;
font-family: Georgia, Bookman, Times, serif;
font-size: 12px;
line-height: 125%;
width: 96%;
color: #321;
z-index: 3;
clear: right; 
padding-left: 5px;
}


#mainnav{
display:none
}



ul#navmenu {
display:none
}

ul#navmenu li {
display:none
}

#index {max-width:1100px; width: 90%; margin-right: 2em; color: #DA5; text-decoration: none;}

#index li {margin-top: 9px;}
#index ul {margin-bottom: 18px;}
#index li a:link {color:#149; text-decoration: none; margin-top: 9px; font-size: 125%;}
#index li a:visited {color:#449; text-decoration: none; margin-top: 9px; font-size: 125%;}
#index li a:hover {color:#226; background-color: gold; text-decoration: none;}
#index li a:active {color: white; background-color: #369;}

#index ul > ul {list-style: square; font-size: 90%;}