/* Default Text Link Behavior */

a:link {
COLOR: #0000FF; 
TEXT-DECORATION: none;
}

a:visited {
COLOR: #800080;
TEXT-DECORATION: none; 
}

a:hover
{
COLOR: #FF3300; 
TEXT-DECORATION: underline;
}

a:active
{
color: #000000; 
background-color: #FF5B2A;   
}	


/* Default Body Font size and background container color */

body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left: .5em;
padding: 0;
background-color: #FFFFC5;
}

/* Hack for IE5 Explorer */

* html body {
font-size: x-small; /* for IE5 Windows */
f\nt size: small; /* for other IE versions */
}


/* Styles used for tables  */

table {
margin: 2em;
width: 75%;
border: 1px solid #000000;
background: #FFFFFF;
}

caption {
font-size: 90%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
color: #0000FF;
margin-bottom: 0;
padding-bottom: 3px;  /* Too Much  Margin/Padding in FireFox */
}

table.narrow {
margin: 2em;
width: 40%;
border: 1px solid #000000;
background: #FFFFFF;
}

table.narrowlarge {
margin: 2em;
width: 51%;
border: 1px solid #000000;
background: #FFFFFF;
}

table.events{
margin: 2em;
width: 60%;
border: 1px solid #000000;
background: #FFFFFF;
}

table.twocols {
margin: 2em;
width: 50%;
border: 1px solid #000000;
background: #FFFFFF;
}


table th {
margin: 0;           /* Table Column Headings */
padding: 4px 10px;
text-align: left;
font-size: 90%;
color: #0000ff;
border-bottom: 1px solid #b5b5b5;
}

table tr {
font-size: 90%;
background: #e6e6e6;
}

table tr.alt {
font-size: 90%;     /* Alternate Row Shading */
background: #f1f1f1;
}

table td {
margin: 0;
padding: 4px 10px;
text-align: left;
font-size: 90%;
border-bottom: 1px solid #b5b5b5;
}

table td.classroom {
margin: 0;
padding: 4px 10px;
text-align: center;
font-size: 110%;
font-weight: bold;
border-bottom: 1px solid #b5b5b5;
}

table td.center {
margin: 0;
padding: 4px 10px;
text-align: center;
font-size: 90%;
border-bottom: 1px solid #b5b5b5;
}




/* Use an Invisible Table to align quick links */

table.invisible {
margin: 2em;
width: 80%;
border: 0;
background: ##FFFFC5;
cellspacing: 1px;
}

table th.invisible {
background: ##FFFFC5;
border-bottom: 1px solid ##FFFFC5;
}

table tr.invisible {
font-size: 90%;
background: ##FFFFC5;
}

table td.invisible {
margin: 0px;
padding: 2px 2px;
text-align: left;
font-size: 90%;
font-weight: bold;
border-bottom: 0px solid ##FFFFC5;
}


/* Use an Invisible1 Table for the home page links */

table.invisible1 {
margin: 2em;
width: 80%;
border: 0;
background: ##FFFFC5;
border-spacing: 1px 1px;
}

table th.invisible1 {
background: ##FFFFC5;
text-align: center;
width: 35%;
font-size: 110%;
border-bottom: 3px solid ##FFFFC5;
}

table tr.invisible1 {
font-size: 90%;
background: ##FFFFC5;
}

table td.invisible1 {
margin: 0px;
padding: 2px 2px 10px 2px;
text-align: left;
font-size: 90%;
font-weight: normal;
border-bottom: 0px solid ##FFFFC5;
}












/* Table to List Carpooling Families */


table.families {
margin: 2em;
width: 50%;
border: 0;
background: #FFFFC5;
cellspacing: 2px;
}

table tr.families {
font-size: 90%;
background: #FFFFC5;
}

table td.families {
margin: 0px;
padding: 1px 1px;
text-align: left;
font-size: 90%;
font-weight: bold;
border-bottom: 1px solid #FFFFC5;
}







/* Styles used for ordered, unordered, and definition lists */

dl {
color: #000000;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: -5pt;
margin-left: 10px;
}

dd {
color: #000000;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left: 10px;
}

ul
{color: #000000;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
list-style-image: url(images/blue_bullet_icon.gif);
margin-top: -5pt;
}

ul.sublist
{color: #000000;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
list-style-image: url(images/blue_bullet_icon.gif);
margin-top: 5pt;
}

ol{
color: #000000;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: -5pt;
}

ol.steps
{
color: #000066;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
list-style-type: decimal;
margin-top: 5pt;
}

ol.ideas
{
color: #000066;
font-size: 110%;
font-family: Verdana, Helvetica, Arial, sans-serif;
list-style-type: decimal;
margin-bottom: 20px;
}

li.four
{
color: #000066;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-bottom: 10px;
}

li.second
{
color: #000066;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 6px;
}


ol.items {
color: #000000;
font-size: 90%;
font-family: Verdana, Helvetica, Arial, sans-serif;
list-style-image: none;
list-style-type: decimal;
margin-top: 5pt;
}


/* Specific heading styles used */

h1
{color: #000066;
font-size: 150%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 5px;
margin-bottom: 5pt
}

h2
{color: #000000;
font-size: 130%;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 5px;
margin-top: 2pt;
margin-bottom: 0;
}

h3
{color: #000000;
font-size: 120%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 5px;
margin-top: 2pt;
margin-bottom: 5pt}

h4
{color: #000000;
font-size: 110%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
margin-left: 5px;
margin-top: 2pt
margin-bottom: 0}

h5
{color: #000000;
font-size: 80%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
margin-left: 5px;
margin-top:  10px;
margin-right: 20px;
margin-bottom: 0px}

h6
{color: #000000;
font-size: 80%;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left: 5px;
margin-top:  20px;
margin-right: 20px;
margin-bottom: 40px}



/* Paragraph Styles Used */


p {
color: #000000;      /* No space between it and heading */
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
margin-left: 20px;
margin-top: -5pt;
}

p.next {
color: #000000;      /* Spacing for adjacent paragraphs */
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
margin-left: 20px;
margin-top: 3px;
}

p.spacer {
color: #000000;
font-size: 80%;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;;
margin-left: 20px;
margin-top:  3px;
margin-bottom: 3px;
}

p.Announce {
color: #000000;
font-size: 120%;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
margin-left: 20px;
margin-top:  -5pt;
margin-right: 20px;
margin-bottom: 40px;
}

p.testimony {
color: #000000;
font-size: 120%;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
margin-left: 10%;
margin-top:  10px;
margin-right: 10%;
margin-bottom: 10px;
}

p.activity {
color: #000000;
font-size: 110%;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
margin-left: 5%;
margin-top:  6px;
margin-right: 5%;
margin-bottom: 18px;
}

p.infinitive {
color: #000000;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-weight: bold;
margin-left: 20px}
margin-bottom: 0pt;
}

p.Bigblue {
color: #000066;
font-size: 150%;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
margin-left: 20px;
margin-top: 20pt;
}

p.Define {
color: #000000;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 9px;
}

.smallblack
{
color: #000000;
font-size: 90%;
font-family: Verdana, Arial, sans-serif;
}

.links {
color: #000000;
font-size: 90%;
font-family: Verdana, Arial, sans-serif;
margin-top: 25px;
margin-left: 5px;
margin-bottom: 0;
}


.textHead {
color: #000000;
font-size: 90%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
}

.hide {
color: #FFFFC5;
font-family: Verdana, Helvetica, Arial, sans-serif;
}



/* Descendant Selectors for Header-paragraph Spacing */

h3 p.announce
{
margin-top: -40px;
}
h3 p
{
margin-top: -40px;
}
h4 p
{
margin-top: -40px;
}


/* Character Formatting Using Spans */

span.gui
{
font-style: normal;
font-weight: bold;
color: #0000FF;
}

span.bold
{
font-weight: bold;
}

span.title
{
font-style: italic;
}

span.under
{
font-weight: bold;
text-decoration: underline;
color: #0000FF;
}

/* Images and horizontal rule */

.imgleft {
float: left;
width: 60%;
padding-right: 6px;   /* image on the left, text on right*/
} 

.imright {
float: right;
width: 60%;
padding-left: 6px;    /* image on the right, text left */
}