/* bg.css */

body { background-color: white;
background-repeat: repeat-y;
font-family: "Times New Roman", "Times", Serif; 
line-height: 17px;
color: #333; }

/* content */
/* ----------------------------------------------------- */

#home { 
position: absolute;
background-color: transparent;
margin: 5px 0px 0px 30px;
padding: 0px 0px;
font-size: 1px; }

#container {
width: 670px;
\width: 690px;
w\idth: 670px;
border: 0px solid #fff;
margin: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px; 
background : transparent;
}

#banner {
padding: 5px;
margin-bottom: 0px;
background-color: #fff;
text-align: center; }

#map {
padding: 0px;
margin-bottom: 0px;
background-color: #fff;
text-align: center; }


#content {
padding: 5px;
background-color: #fff; 
}

#content h1 { 
font-size: 1.4em;
text-align: center;
margin: 0px 0px 5px 0px;
padding: 0px; 
color: #0000FF;}

#content h2 {
font-size: 1.3em;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h3 {
font-size: 1.1em;
color : #333;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h3.learning {
font-size: 1.1em;
color : #339966;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h3.review {
padding: 5px 5px;
margin-left: 25px;
margin-right: 25px;
background-color: #fff;
color: #C00;
font-size: 15px;
border-top: dashed 1px #333;
border-bottom: dashed 1px #333;
}

#content h3.working {
font-size: 1.1em;
color : #FF6500;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h3.using {
font-size: 1.1em;
color : #088C42;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h3.assessing {
font-size: 1.1em;
color : #6B2984;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h3.supporting {
font-size: 1.1em;
color : #FF0000;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px; }

#content h4{
font-size: .8em;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 2px;
padding: 0px; }

#content p { 
font-size: 1.0em;
color: #000; 
margin-left: 25px;
margin-right: 25px;
margin-bottom : 15px; }

#content p.cen { 
font-size: 1.0em;
text-align: center;
color: #000; 
margin-bottom : 5px; }

#content td, #content th, #content table { 
font-size: 12px;
color: #000;
margin: 0px 25px 15px 25px; 
}

#content ol, #content ul, #content li { 
font-size: 1.0em;
color: #000; 
margin-right: 25px;
margin-bottom : 5px; }

#content blockquote  {
color : #333;
font-size : 1.0em;
border-bottom : 0px dashed #8C4229;
border-top : 0px dashed #8C4229;
margin: 0px 75px 0px 75px;
padding: 10px 0px 10px 0px;
}

#content img { 
margin: 0px;
padding: 2px; }

#content p.small { 
font-size: 11px;
line-height: 135%;
color: #000; }

#footer p.small { 
font-size: 11px;
line-height: 100%;
color: #fff; 
margin: 5px 5px 5px 5px;  }

#content p.indent { 
font-size: 1.0em;
color: #000; 
margin: 0px 50px 15px 50px;
}
#content hr {
height: 1px;
width: 93%;
align: center;
color: #333;
}

#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color: #fff;
text-align: center;}

#footer p.small { 
font-size: 11px;
line-height: 100%;
color: #333; 
margin: 5px 5px 5px 5px;  }

/* END content */
/* ----------------------------------------------------- */

#content .rightBox {
background-color: #eee;
border: 1px solid #3100FF;
float : right;
display : inline;
padding: .9em;
margin: 10px 25px 10px 15px;
width: 10em;
font-size: 8pt;
text-align : left;
}

#content .leftBox {
background-color: #eee;
border: 0px solid #000;
float : left;
display : inline;
padding: 10px 5px 10px 10px;
margin: 10px 15px 10px 25px;
width: 10em;
font-size: 8pt;
text-align : left;
}

#content table.left {
float : left;
display : inline;
margin: 10px 15px 10px 25px;
border: 0px solid #000;
font-size: 100%;
}

#content table.right {
float : right;
display : inline;
border: 1px solid #fff;
font-size: 100%;
}

#content .letter {
background-color: transparent;
border: double #3100FF 7px;
float : left;
padding: .9em;
margin: 10px 50px 10px 40px;
width: 550px;
line-height: 19px;
font-family: "Comic Sans MS", verdana, lucida, arial, helvetica, sans-serif;
font-size: 11pt;
text-align : left;
}

#content .letter2 {
background-color: transparent;
border: 1px solid #3100FF;
float : left;
padding: .9em;
margin: 10px 50px 10px 40px;
width: 550px;
line-height: 19px;
font-family: "Comic Sans MS", verdana, lucida, arial, helvetica, sans-serif;
font-size: 11pt;
text-align : left;
}

.rightPict {
background-color: #ffffff;
border: 1px solid #000000;
float: right;
padding: 0em 0em 0em 0em;
margin: 0px 20px 0px 20px;
}

.leftPict {
background-color: #ffffff;
border: 1px solid #000000;
float: left;
padding: 0em 0em 0em 0em;
margin: 0px 20px 0px 25px;
}

/* bg links */
/* ----------------------------------------------------- */

#banner img { border: 0px; }

#content a { color : #0000FF; text-decoration : underline; background : transparent; } 
#content a:hover { color : #0000FF; text-decoration : underline; background : #e5e5e5; } 

#footer a { color : #0000FF; text-decoration : underline; background : transparent; } 
#footer a:hover { color : #0000FF; text-decoration : underline; background : transparent; } 

#subfooter a { color : #0000FF; text-decoration : underline; background : transparent; } 
#subfooter a:hover { color : #0000FF; text-decoration : underline; background : transparent; } 

.divider {background-color: #DADADA; font-size: 1px; height: 2px; overflow-y: hidden; line-height: 1px; margin: 10px 5px 10px 5px; }

/* ----------------------------------------------------- */

table.index {
border: 0px solid #000;
font-size: 100%;
}

table.index {
voice-family: "\"}\"";
voice-family: inherit;
width: 600px;
}

.index th, .index td {
border-right: 0px solid #000;
border-bottom: 0px solid #000;
padding: 5px;
margin: 0px;
font-size: 100%;
text-align: left;
}

.index .white { 
background: #fff;
text-align: left; }

.index .gray { 
background: #e7e7e7;
text-align: left; }

table.data {
border: 1px solid #000;
font-size: 100%;
}

table.data {
voice-family: "\"}\"";
voice-family: inherit;
}

.data th, .data td {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 5px;
margin: 0px;
font-size: 100%;
text-align: left;
}