body.web {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	line-height: 1.5;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: blue;
}

a:hover {
	border-bottom: 1px dotted #990000;
	color: #990000;
}

a.anchor:link, a.anchor:hover {
	text-decoration: none;
	border: none;
	color: black;
}

a.glossaryWord { 
	color: #006800; 
}

a.product {
	font-style: italic;
}

p.printerFriendlyLink { text-decoration: none; }

.step5ListHeader {
	font-weight: bold;
}

li.step5List {
	list-style-image: url('images/checkbox.jpg');
	padding-left: 1em;
}

span.defword {
	font-weight: bold;
}

acronym {
	border: none;
}

h1,h2,h3,h4,h5 { font-family: Arial,Helvetica,Verdana,sans-serif; }
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 100%; clear: left;}
h5 { font-size: 100%; clear: left;}

h3.miscHeader {
	font-size: 120%;
	color: #006800;
	border-bottom: 1px dotted #006800;
}

ul {
	margin: 1em;
	padding-left: 1.5em;
	position: relative;
	left: 1.5em;
}

.emHeader {
	font-style: italic;
}

.dateHeaderContainer {
	margin-bottom: 1em;
	clear: all;
	width: 100%;
	height: 92px;
	border: none;
}

.dateHeaderContainer h1 {
	position: relative;
	left: 1em;
	margin-top: 1em;
} 

h1.headerLogo {
	/* Push h1 header text offscreen */
	position: absolute;
	text-indent: -9999px;
	top: 0;
	left: 0;
}

/* index.php layout styles */
.mainIndexContainer {
	width: 90%;
	position: absolute;
	left: 50%;
	margin-left: -45%;
}

.headerContainer {
	position: relative;
	height: 100px;
	width: 30em;
	left: 50%;
	margin-left: -10em;
}

.indexH1 {
	font-size: 190%;
	position: relative;
	top: 15px;
	text-align: left;
}

.headerContainer img {
	float: left;
	display: inline;
	margin-right: 10px;
}

.info-form {
	position: relative;
	width: 36em;
	top: 0;
	left: 50%;
	margin-left: -22em;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 0;
}

.date-form {
	position: relative;
	width: 34em;
	top: 0;
	left: 50%;
	margin-left: -17em;
	border-top: 1px solid #000;
	padding-top: 5px;
	margin-top: 10px;
}

.required-fields {
	text-align: center;
	margin-top: 0.5em;
	padding-right: 2em;
}

.mainContainer {
	width: 99%;
}

.nostyle, .nostyle:link, .nostyle:hover {
	text-decoration: none;
	border: none;
	color: #000;
}

ul.noBullet {
	list-style-type: none;
	list-style-position: outside;
}

h1 a.nostyle {
	color: #000;
}

.special {
	color: #F00;
}
.special-center {
	color: #F00;
	text-align: center;
}

.deadline {
	font-size: 85%;
	font-weight: bold;
}

.deadlineDate {
	font-size: 85%;
	font-style: italic;
}

.docHeader {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 1em;
	min-height: 95px;
}

.stepHeader {
	font-weight: bold;
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 1em;
	min-height: 155px;
}

/* An empty div to prevent header text floating outside its container... */
.headerDummy {
	height: 0;
	clear: both;
}

.stepHeader  h2 {
	/*margin-top: 20px;*/
	margin-right: 1em;
	font-size: 200%;
}

.docHeader h2 {
	font-size: 150%;
	margin-top: 30px;
	margin-right: 1em;
}

.stepHeaderImg, .docHeaderImg {
	display:inline;
	float: left;
	margin: 0em 1em;
	height: 100%;
	width: 20%;
}
.stepHeaderImg img, .docHeaderImg img {
	vertical-align: middle;
}

.stepHeaderContents, .docHeaderContents {
	float: left;
	display: inline;
	margin-right: 2em;
	width: 70%;
	/* Attempt to vertically center the text */
}

.goalStatement {
	font-size: 130%;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
}

.goalIdentifier {
	/*color: blue;*/
	font-size: 110%;
	font-weight: bold;
}

.stepQuestionContainerOuter {
	margin-bottom: 3em;
	/*clear: right;*/
	
}

.stepQuestionStudentContainer {
	/*width: 100%;*/
	padding: 0px;
}

.stepQuestionStudentContainerInset {
	font-size: 80%;
	width: 40%;
	background-color: #f0f0f0;
	border: 1px dotted black;
	float: left;
	display: inline;
	margin-right: 3%;
	margin-bottom: 3em;
	position: relative;
	bottom: 0;
	clear: both;
	line-height: 1.1em;
}

.stepQuestionTeacherContainer ul li {
	margin-top: 1em;
}
.stepQuestionStudentContainerInset div.stepQuestionStudentContainerContent {
	margin: 1em;
}

.stepQuestionStudentContainerInset h3 {
	background: transparent;
	border: 0;
}


.stepQuestionStudentContainerInset ul li {
	margin-top: 0.1em;
}

/* Thumbnail images won't show in the teacher guide for student resources */
.stepQuestionStudentContainerInset ul img {
	display: none;
}
.stepQuestionStudentContainerInset ul.thumblist {
	list-style-type: disc;
} 
.stepQuestionStudentContainerInset ul.documentLinkListStudent {
	display:none;
}

.stepQuestionTeacherContainer {
	/*clear: left;*/
	margin-bottom: 2em;
	float: left;
	width: 56.2%;
	min-width: 56.2%;
}

.stepQuestionTeacherContainerAbout {
	/*clear: left;*/
	margin-right: 4px;
}

.stepQuestionTeacherContainer div.teacherGoal {
	font-size: 105%;
	color: black;
	padding: 1em;
	border: 1px dotted black;
	border-top: none;
	background-color: #eeffee;
	margin-top: 0;
}

.stepQuestion, .stepQuestionWithFloat, .stepQuestionTeacher, .stepQuestionTeacherWithFloat {
	font-size: 125%;
	/*line-height: 0.5;*/
	font-weight: bold;
	color: blue;
	border: 1px dotted black;
	background-color: #ccccff;
	padding: 4px;
	margin: 0;
	clear: left;
}

.stepQuestion a:link, .stepQuestionWithFloat a:link, .stepQuestionTeacher a:link, .stepQuestionTeacherWithFloat a:link {

}

.stepQuestionTeacher, .stepQuestionTeacherWithFloat {
	background-color: #aaddaa;
	color: black;
}

/* This is a hack so that the background colors of the headings don't go behind the floating links list.*/
.stepQuestionWithFloat, .stepQuestionTeacherWithFloat {
	width: 75%;
}

.headingSubtext {
	font-size: 100%;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	color: blue;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 8px;
	display: block;
	background-color:  #ccccff;
	border-bottom: 1px dotted black;
}

.subHeader {
	font-size: 120%;
	border-bottom: 1px dotted black;
}
.subHeader a:hover {
	border: none;
}

.allStepsContainer {
	display: block;
	clear: all;
	width: 100%;
	min-width: 640px;
}

.allQuestionsContainer {
	margin-bottom: 2em;
	padding: 0;
}

.stepTable {
	min-width: 640px;
	/*margin-top: 0.5em;*/
	clear: left;
}

.stepContainer {
	width: 100%;
	padding-bottom: 6em;
}

.stepImageContainer {
	border: none;
	min-width: 160px;
	width: 161px;
}

.stepContainerStudent, .stepContainerTeacher {
	height: 100%;
	vertical-align: top;
	border: 1px solid black;
	padding: 0;
}

.stepContainerStudent ul , .stepContainerTeacher ul {
	padding-left: 1em;
	margin: 2px;
	margin-left: 1em;
	list-style-position: outside;
	position: relative;
	left: 0;
	font-size: 75%;
	line-height: 1.3em;
}

.smallHeader, .smallHeaderTeacher {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding: 5px;
	margin: 0;
}

.smallHeader {
	background-color: #99AFF8;
}

.smallHeaderTeacher {
	background-color: #AADDAA;
}

.deadlineInfo {
	margin-top: 2ex;
	margin-left: 3px;
	position: relative;
	bottom: 1px;
	line-height: 1.1em;
}

.infoText {
	font-size: 100%;
}

#userInfo, #dateInfo, #emailForm {
	float: left;
	display: inline;
	margin-right: 2%;
	margin-bottom: 1em;
	border: 1px dotted black;
	background-color: #f0f0ff;
	padding: 5px;
	height: 7.5em;
	width: 30.5%;
}

#emailForm {
	margin: 0;
	clear: right;
}

.emailStatus {
	margin-top: 0;
	color: red;
	text-align: center;
	margin-right: 2em;
}
.emailInfoMessage {
	border: 1px dotted black;
	background-color: #f0f0ff;
	text-align: center;
	padding: 1em;
	clear: both;
}

.deleteMessage {
	position: relative;
	width: 50em;
	left: 50%;
	margin-left: -25em;
	border: 1px dotted black;
	background-color: #f0f0ff;
	font-size: 110%;
	text-align: center;
	padding: 2em;
	margin-bottom: 2em;
}

.showHideLinks {
	clear: left;
	text-align: right;
	margin-right: 1em;
	margin-bottom: 2px;
	padding: 0;
}

.showHideLinks a:link, .showHideLinks a:visited, .showHideLinks a:active {
	text-decoration: none;
}

.differentDate {
	padding-top: 5px;
	padding-left: 5px;
	background-color: #99AFF8;
	border: 1px solid #000;
	height: auto;
	width: 100%;
	min-width: 640px;
	margin-top: 2em;
}

.differentDate h3 {
	margin: 0px;
	font-weight: bold;
	font-size: 95%;
}

#div-date-fields {
	display: inline;
	float: left;
	margin-right: 1em;
}

#date-submit-recalc {
	position: relative;
	top: 1em;
	display: inline;
	float: left;
	width: 14em;
}

.footerContainer {
	border-top: 1px solid #000;
	clear: right;
	margin-top: 5px;
	/* bring it to the top, so collapsed standards documents don't get in the way. */
	/*position: relative;
	z-index: 25;*/
}

.footerText {
	text-align: center;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;	
}

#stepFooter {
	clear: both;
	padding-top: 5px;
	/*border-top: 1px solid black;*/
	position: relative;
	z-index: 50;
	bottom: 1px;
	left: 0;
}
/* This is supposed to be an empty div.  It prevents the standards 
 * documents from covering up the footer links in IE7.  Not a probelm
 * in other browsers.
 */
#stepFooterSpacer {
	height: 2em;
}

/* ul type for thumbnail images - has no li indicators*/
.thumbList {
	list-style-type: none;
	list-style-image: none;
}

.linksColumn {
	float: right;
	width: 13em;
	position: relative;
	z-index: 20;
}

.linkBox {
	font-size: 75%;
	background-color: #F9DF88;
	border: 1px solid black;
	width: 100%;
	margin-bottom: 2em;
}
.linkBox a:link, .linkBox a:active, .linkBox a:visited {
	text-decoration: none;
	color: blue;
}

.linkBox h2 {
	font-size: 82%;
	color: #990000;
	margin: 1em 0.5em;
}

.resourceBox {
	font-size: 80%;
	margin-left: 2em;
	margin-bottom: 2em;
	background-color: #F9DF88;
	border: 1px dotted black;
	width: 18em;
	float: right;
	clear: right;
	display: inline;
	position: relative;
	z-index: 20;
}

.resourceBox a:link, .resourceBox a:active, .resourceBox a:visited {
	text-decoration: none;
	color: blue;
}

.resourceBox a:hover , .linkBox  a:hover {
	color: #990000;
	border-bottom: 1px dotted #990000;
}

.resourceBox h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0.5em;
	color: black;
}

.resourceBox h3 {
	font-size: 82%;
	color: #990000;
	margin: 1em 0.5em;
}

#teacherResourceBox li {
	margin-top: 1.5em;
}

.linkBox h2 {
	font-size: 85%;
	font-weight: bold;
	margin: 1em 0.5em;
}

.linkBox h3 {
	font-size: 82%;
	margin: 1em 0.5em;
}

.linkBox ul, .resourceBox ul {
	margin: 1em;
	padding-left: 1em;
	left: 0;
}

.linkBox ul li, .resourceBox ul li {
	padding-left: 2px;
	margin-top: 3px;
	left: 0;
}

.stepText {
	font-size: 90%;
	font-weight: normal;
	clear: left;
}

/* **************************
 * This is to fix the spacing
 * on nested lists in no_time.php
 * Overrides the default
 * second-level ul properties
 * for when it's nested inside
 * an ol. 
 */
ol ul { list-style-type: disc; }
ol ul li { margin-top: 1em; }
o ul li p { margin-top: 0.5em; }
ul ul { list-style-type: disc; }

ul.glossaryList {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

li.glossaryItem {
	margin-top: 1em;
	margin-left: 0;
	padding: 0;
}

.glossaryTerm {
	font-size: 110%;
	color: #006800;
}

.glossaryDef {
	font-size: 90%;
	color: black;
}

.quoteContainer {
	font-size: 80%;
	clear: both;
	padding: 0;
	margin-bottom: 1em;
	margin-left: 4px;
	float: right;
	width: 18em;
	border: 1px dotted black;
	background-color: #f0f0f0;
}

blockquote {
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 140%;
	padding: 0;
	margin: 1em 1em 0 1em;
	display: inline;
	float: left;
	text-align: center;
}

.quoteBorder {
	display: none;
}

.quoteBorderHoriz {
	text-align: center;
	padding: 3px 0;
}
.quoteImg {
	border: none;
}
.quoteAuthor {
	font-style: normal;
	font-size: %65;
	font-weight: normal;
	/*margin-left: 24em;*/
	text-align: right;
	margin-right: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	clear: left;
	display: block;
}

.smallIndent { 
	margin-left: 3em; 
}

table.stepHeaderTable {
	border-collapse: collapse; 
	border: 1px solid windowtext;
	width: 100%;
}

td.stepHeaderTableCell {
	border-collapse: collapse; 
	border: 1px solid windowtext;
	vertical-align: top;
}


td.printText { font-size: 80%; }

/* Form Elements */
fieldset {
	border: none;
}

div.form-field {
	margin-bottom: 8px;
	padding: 0;
}

div.required-fields {
	font-size: 75%;
	font-style: italic;
	text-align: center;
	margin-top: 0.5em;
}

label.info-label {
	font-size: 100%;
	font-weight: bold;
	text-align:right;
	width: 11em;
	margin-right: 0.5em;
	display: block;
	float: left;
	/*clear: right;*/
}

label.date-label {
	font-size: 78%;
	font-weight: bold;
	text-align:right;
	width: 22em;
	margin-right: 0.5em;
	display: block;
	float: left;
	/*clear: right;*/
}

label.checkbox-label {
	display: inline;
}

label.checkbox-label-special {
	font-size: 80%;
	font-style: italic;
	color: #666666;
}

input.text-input, input.date-text, input.date-text-year, select {
	font-family: Verdana,Arial,sans-serif;
	border: 1px solid #000;
	width: 20em;
	padding: 1px 2px;
}

input.date-text {
	width: 1.8em;
	text-align: right;
}
input.date-text-year {
	width: 3em;
	text-align: right;
}
input#date-submit {
	/*position: relative;*/
	width: 18em;
	left: 50%;
	margin-left: 8em;
	margin-top: 0.5em;
	border: 1px solid black;
}

.emailPrintSubmit {
	width: 13em;
	border: 1px solid black;
	margin-top: 0.5em;
	margin-left: 2em;
}

.submit-class {
	border: 1px solid black;
}

.hidden {
	display: none;
}

ul.resourceLinks {
	margin-left: 0.5em;
	list-style-type: none;
}
ul.resourceLinks li {
	margin: 0;
	padding: 0;
}
ul.resourceLinks a:link, ul.resourceLinks a:active, ul.resourceLinks a:visited {
	color: #006800;
	text-decoration: none;
}
ul.resourceLinks a:hover  {
	color: #990000;
	border-bottom: 1px dotted #990000;
}

.expandLinks {
	/*border-top: 1px dotted #006800;*/
	padding-top: 0.5em;
	padding-right: 2em;
	margin-top: 0.5em;
	text-align: right;
	clear: both;
}
.expandLinks a:link, .expandLinks a:hover, .expandLinks a:active, .expandLinks a:visited {
	font-size: 80%;
	color: #006800;
	border: none;
}

.expandLinks a:hover {
	border-bottom: 1px dotted #006800;
}

.expandIcon {
	border: none;
	padding: 2px;
}

.docSection {
	margin-bottom: 3em;
}

.docSection h5 {
	color: #990000;
	border-bottom: 1px dotted #990000;
	margin-top: 2em;
	padding-left: 5em;
}

.documentGroup, .documentGroupBrief {
	padding: 5px 5px 5px 5px;
	margin-top: 3em;
	clear: both;
	border-top: 1px dotted #006800;
	width: 90%;
	font-size: 90%;
}

.documentGroupBrief {
	border: none;
	margin-top: 0;
	padding: 3px;
	font-size: 80%;
}

.documentGroupInfo {
	display: inline;
	float: left;
	width: 75%;
	margin-top: 1em;
}

.documentTitle {
	color: #006800;
	font-size: 100%;
}

img.documentLink, img.documentLinkIcon, img.documentLinkIconRight {
	float: left;
	display: inline;
	border: none;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 1em;
	clear: left;
}

img.documentLinkSpecial {
	display: inline;
	border: none;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 1em;
}

img.documentLinkIconRight {
	clear: left;
	float: right;
}

img.documentLinkIcon {
	float: none;
}

.documentLinkList, .documentLinkListStudent {
	padding: 0;
	margin-top: 3px;
	margin-bottom: 0;
	list-style-type: none;
	margin-left: 1em;
	clear: both;
}
.documentLinkList li {
	display: inline;
	margin-right: 2em;
	margin-top: 2px;
	margin-left: 2em;
}
.documentLinkP {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0;
}
.documentLinkList li.large {
	display: block;
	margin: 0;
}

.documentLinkList a:link, .documentLinkList a:visited, .documentLinkList a:active {
	margin-left: 1em;
	color: #006800;
	font-size: 80%;
}
.documentLinkListStudent a:link, .documentLinkListStudent a:visited, .documentLinkListStudent a:active {
	color: blue;
	font-size: 80%;
}
.documentLinkList a:hover, .documentLinkListStudent a:hover {
	border-bottom: 1px dotted #990000;
	color: #990000;
}

.documentLinkDesc {
	/*float: left;*/
	/*clear: right;*/
	margin-top: 0;
	font-size: 70%;
	margin-bottom: 0;
}

.indent {
	margin-left: 6em;
	padding-left: 2em;
	padding-right: 2em;
	margin-top: 0;
}

/****************************************
 * Styles for Standards Documents and technical considerations
 ***************************************/
table.techConsiderationsTable {
	width: 95%;
	border: 1px solid #006800;
	border-collapse: collapse;
	margin-bottom: 2em;
}

td.techAspect, td.techConsiderations {
	border-collapse: collapse;
	border: 1px solid #006800;
	padding: 1em;
}

td.techAspect {
	background-color: #aaddaa;
	font-size: 110%;
	font-weight: bold;
}
td.techConsiderations {
	background-color: #eeffee;
}

.standardsDocument, .techConsiderationsDocument {
	font-size: 75%;
	clear: both;
	position: relative;
	z-index: 0;
}
.standardsDocument h2, .standardsDocument h3, .techConsiderationsDocument h2, .techConsiderationsDocument h3 {
	border-bottom: 1px dotted #006800;
}
.techConsiderationsDocument h2 a:link {
	color: #006800;
}
.standardsDocument h2 a:hover, .techConsiderationsDocument h3 a:hover {
	border: none;
}
table.standardsTable {
	border: 1px solid black;
	border-collapse: collapse;
}
.standardsDocument tr {
	border: 1px solid black;
	vertical-align: top;
}
.standardsDocument td {
	border: 1px solid black;
	padding: 3px;
}
td.specialCell {
	font-weight: bold;
	font-size: 110%;
}
.standardsDocument td h4 {
	padding: 0;
	margin: 0;
}
.standardsDocument a:link, .standardsDocument a:active, .standardsDocument a:visited {
	color: #006800;
}
.standardsDocument a:hover {
	color: #990000;
}