/* general rules */
html {  
	display : block;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
body { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	margin : 0;
	padding : 0;
}
h1 {
	font-size: 14pt;
	padding: 3px;
	margin: 6px 0px;
}
h2 {  
	font-size: 12pt; 
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
}
h3 {  
	font-size: 12pt; 
	font-weight: bold;
	padding: 3px;
	margin: 6px 0px;
}
h4, h5, h6 {  
	font-size: 12pt; 
	padding: 3px;
	margin: 6px 0px;
}
ul {
padding:0px;
margin: 0px;
}
ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding:0px;
	margin: 0px;
	}
/* page layout rules */
.sitepage{
	position : absolute;
	left : 125px;
	right : 125px;
	top : 15px;
}
.homepage{
	position : absolute;
	text-align : center;
	left : 125px;
	right : 125px;
	top : 15px;
}
.sitepage{
	position : absolute;
	left : 125px;
	right : 125px;
	top : 15px;
}
.skip{
	visibility: collapse;
	display: none;
}
.mast {
	padding-bottom : 15px;
	visibility: visible;
	font-size:32px;
	letter-spacing:2px;
	color:#666666;
	width: 650px;
}
.smbanner {
	padding-bottom : 10px;
	vertical-align: bottom;
	font-size:18px;
	letter-spacing:2px;
	color:#666666;
}
.asjbanner {
	padding-botton: 15px;
	text-align:center;
}
.ae {
	width: 49%;
	background-color:#209E9C;
	}
.nea{
	width: 49%;
	background-color:#003366;
	}
.nav {
	text-align : center;
	color: #000000;
	background: #EFDEC4;
	padding: 3px 0px 3px 0px;
	visibility: visible;
}
.breadcrumbs { 
	padding: 8px 0px 8px 0px;
	font-size: 80%;
}
.maincontent {
	text-align : center;
	width : 600px;
	margin-left : auto;
	margin-right : auto;
	padding: 8px 8px 8px 8px;
}
.homefaces {
	float : left; 
	height : 370px;
	width : 20%; 
	padding-top : 15px;
}
.content {
	padding: 8px 8px 8px 8px;
}
.tool {  
  text-align: center;
  padding: 8px 0px 16px 0px;
  clear: both; 
}
.footer { 
	text-align: center;
	padding: 15px 0px;
	font-size: 80%;
}
.citation{
	font-size:smaller;
}
/* section coloring rules */
.teach {
	background: #4979A4;
	color: White;
	}
.learn {
	color: white;
	background: #CC9966;
}
.resources {
	color: White;
	background: #89649B;
}
.forum {
	color: White;
	background: #BB4D61;
}
.general {
	color: black;
	background: #EFDEC4;
}
.asj{
	color: White;
	background: #3163FF;
}
/* link rules for sections */
A.teachlink {
	text-decoration:none;
	color: #4979A4;
	}
A.teachlink:visited {
	color: #4979A4;
	text-decoration:none;
}
A.teachlink:hover {
	color: #4979A4;
	background: #FFFFFF;
	text-decoration:underline;
}
A.aboutlink {text-decoration:none;}
A.aboutlink:hover {
	color: #006666;
	background: #EFDEC4;
	text-decoration:underline;
}
A.learnlink {text-decoration:none;
	color: #B8592B;}
A.learnlink:visited {
	color: #B8592B;
	}
A.learnlink:hover {
	color: #B8592B;
	background: #FFFFFF;
	text-decoration:underline;
}
A.stylepicker {
	text-decoration:none
}
A.stylepicker:hover {
	text-decoration:underline;
}
A.maillink{text-decoration:none}
A.maillink:hover{text-decoration:underline}
/* image layout rules */
.imgbox{
 	width:100%;
 	padding: 5px 0px 15px 5px;
 	clear: both;
}
.figtxt{
}
.img{
 	float:left;
 	width: auto;
 	margin: 10px 10px 10px 0px;
  }
.imgspc{
	margin: 5px;
	}
.img2{
	margin-left: 30%;
	}
.rtimg{
	float: right;
	Width:125px;
	margin: 0px 0px 50px 0px;
	background-color:#FFFFFF;
	text-align:right;
}	
.imgtxt{
  	padding: 10px 0px 0px 0px;
  	width: auto;
}
/* forum rules */
.tables { /* in use but needs to go away when forums updated to css */
	vertical-align: baseline;
}
.header { 
	background : silver;
	padding: 5px;
	font-weight: bold;
}
.oddrow {
	background : #F7F7F7;
	padding : 5px;
}
.evenrow { 
	background : white;
	padding: 5px;

}
.col1 {
	width : 45%;
}
.col2 {
	width : 20%;
	text-align : center;
}
.col3 {
	width : 20%;
	text-align : center;
}
.col4 {
	width : 10%;
	text-align : center;
}
.messagehead {
	background : silver;
	padding: 5px;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.message {
	border : 1px solid #000000;
	padding: 5px;
	background : white;
	margin: 0px 0px 10px 0px;
}
li.spacer{
	padding: 0px 0px 15px 0px;
}
.big{
	font-size: 32px;
	letter-spacing: 5px;
}
/* rules for laying out content items on index pages*/
.whole{ 
	padding: 3px 0px 0px 0px;
	clear: both;
 }
.head{ 
	padding-bottom: 5px;
	font-weight: bolder;
	font-size: larger;
}
.status{
	padding: 10px 5px 5px 5px;
	float: left;
	width: 20%;
}
.lrn2{
	padding: 5px;
	float: left;
	width: 20%;	
}
.lrn3{
	padding: 5px;
	float: left;
	width: 75%;
}
.tch{ 
	padding: 5px;
	float: left;
	width: 80%;
}

/* teach program overview rules */
.row {
	width:100%;
	clear: both;
	padding: 3px 0px;
}
.cell{
	float:left; 
	width:20%; 
}
.lgcell{
	float:left; 
	width:78%; 
}
.smcell{
	float:left; 
	width:12%; 
}
/* teach rules */
.tchmnu{ 
	padding: 5px 0px 0px 0px;
	float: left;
	width: 85%;
	clear: right;
 }
 /* fixed styles for customizer */
 h2.default {  
	font-size: 12pt; 
	font-weight: bolder;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.default { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
 h2.s1 {  
	font-size: 18pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.s1 { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
 h2.s2 {  
	font-size: 24pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.s2 { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
h2.s3 {  
	font-size: 30pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.s3 { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
h2.s4 {  
	font-size: 22pt;
	font-family: Courier New, Courier, mono; 
	font-weight: bolder;
	background : #000000;	
	color : #00FF00;
	padding: 3px;
	margin: 6px 0px;
}
p.s4 { 
	display : block;
	font-family: Courier New, Courier, mono;
	background : #000000;	
	color : #00FF00;
	font-size: 14pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	margin : 0;
	padding : 0;
}
.select1 {
	width : 3%;
	vertical-align : top;
}
.select2 {
	width : 90%;
}
.intent1 {
	width : 35%;
	vertical-align : top;
	text-align : right;
}
.intent2 {
	/*vertical-align : bottom;*/
	width : 60%;
}
.inputA1 {
	width : 20%;
	vertical-align : top;
	text-align : right;
}
.inputA2 {
	vertical-align : bottom;
	width : 75%;
}
.inputB1 {
	width : 30%;
	vertical-align : top;
	text-align : right;
}
.inputB2 {
	vertical-align : bottom;
	width : 65%;
}
/* testing */
li.new{ 
  	list-style-image: url("images/new.jpg"); 
}
.src1 {
	width : 8%;
	vertical-align : top;
	text-align : center;
}
.src2 {
	width : 4%;
	vertical-align : top;
	text-align : center;
}
.src3 {
	vertical-align : top;
	width : 85%;
}
.msg {
	padding : 10px 0px;
}
.tocl1{
	padding : 0px 3px 3px 0px;
}
.tocl2{
	padding : 0px 3px 3px 30px;
}
.tocl3{
	padding : 0px 3px 3px 60px;
}
.tocl4{
	padding : 0px 3px 3px 90px;
}
.tocl5{
	padding : 0px 3px 3px 120px;
}
.tocl6{
	padding : 0px 3px 3px 150px;
}
.tocl7{
	padding : 0px 3px 3px 180px;
}
.editcol1 {
	width : 8%;
	vertical-align : top;
	text-align : center;
}
.editcol2 {
	vertical-align : bottom;
	width : 85%;
}
/*asj images code*/
.asjhalf{
	float:left;
	width:252px;
	padding: 0px 10px 0px 10px;
	border: 2px solid black;
	background-color:#FFFFFF;
	margin:5px 10px 5px 0px;
	}
/*-------------------------printer settings----------------------------------------------*/
@page{
size: 8.5in 11in;

}
@media print{
	
html {  
	display : block;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
body { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	margin : 0;
	padding : 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14pt;
	padding: 3px;
	margin: 6px 0px;
	font-weight: bolder;
}

ul {
padding:0px;
margin: 0px;
}
ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding:0px;
	margin: 0px;
	}
/* page layout rules */
.sitepage{
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
}
.homepage{
	position : absolute;
	text-align : center;
	left : 0px;
	right : 0px;
	top : 0px;
}
.skip{
	visibility: collapse;
	display: none;
}
.mast {
	padding-bottom : 15px;
	visibility:collapse;
	font-size:32px;
	letter-spacing:2px;
	color:#666666;
	width: 650px;
}
.smbanner {
	padding-bottom : 10px;
	vertical-align: bottom;
	font-size:18px;
	letter-spacing:2px;
	color:#666666;
}
.asjbanner {
	padding-botton: 15px;
	text-align:center;
}
.ae {
	width: 49%;
	background-color:#209E9C;
	}
.nea{
	width: 49%;
	background-color:#003366;
	}
.nav {
	text-align : center;
	color: #000000;
	background: #EFDEC4;
	padding: 3px 0px 3px 0px;
	visibility:collapse;
	display:none;
}
.breadcrumbs { 
	visibility:collapse;
	display:none;
}
.maincontent {
}
.homefaces {
	float : left; 
	height : 370px;
	width : 20%; 
	padding-top : 15px;
}
.content {
	padding: 8px 8px 8px 8px;
}
.tool {  
  text-align: center;
  padding: 8px 0px 16px 0px;
  clear: both; 
}
.footer { 
	text-align: center;
	padding: 15px 0px;
	font-size: 80%;
}
.citation{
	font-size:smaller;
}
/* image layout rules */
.imgbox{
 	width:100%;
 	padding: 5px 0px 15px 5px;
 	clear: both;
}
.figtxt{
}
.img{
 	float:left;
 	width: auto;
 	margin: 10px 10px 10px 0px;
  }
.imgspc{
	margin: 5px;
	}
.img2{
	margin-left: 30%;
	}
.rtimg{
	float: right;
	Width:125px;
	margin: 0px 0px 50px 0px;
	background-color:#FFFFFF;
	text-align:right;
}	
.imgtxt{
  	padding: 10px 0px 0px 0px;
  	width: auto;
}
/* forum rules */
.tables { /* in use but needs to go away when forums updated to css */
	vertical-align: baseline;
}
.header { 
	background : silver;
	padding: 5px;
	font-weight: bold;
}
.oddrow {
	background : #F7F7F7;
	padding : 5px;
}
.evenrow { 
	background : white;
	padding: 5px;

}
.col1 {
	width : 45%;
}
.col2 {
	width : 20%;
	text-align : center;
}
.col3 {
	width : 20%;
	text-align : center;
}
.col4 {
	width : 10%;
	text-align : center;
}
.messagehead {
	background : silver;
	padding: 5px;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.message {
	border : 1px solid #000000;
	padding: 5px;
	background : white;
	margin: 0px 0px 10px 0px;
}
li.spacer{
	padding: 0px 0px 15px 0px;
}
.big{
	font-size: 32px;
	letter-spacing: 5px;
}
/* rules for laying out content items on index pages*/
.whole{ 
	padding: 3px 0px 0px 0px;
	clear: both;
 }
.head{ 
	padding-bottom: 5px;
	font-weight: bolder;
	font-size: larger;
}
.status{
	padding: 10px 5px 5px 5px;
	float: left;
	width: 20%;
}
.lrn2{
	padding: 5px;
	float: left;
	width: 20%;	
}
.lrn3{
	padding: 5px;
	float: left;
	width: 75%;
}
.tch{ 
	padding: 5px;
	float: left;
	width: 80%;
}

/* teach program overview rules */
.row {
	width:100%;
	clear: both;
	padding: 3px 0px;
}
.cell{
	float:left; 
	width:20%; 
}
.lgcell{
	float:left; 
	width:78%; 
}
.smcell{
	float:left; 
	width:12%; 
}
/* teach rules */
.tchmnu{ 
	padding: 5px 0px 0px 0px;
	float: left;
	width: 85%;
	clear: right;
 }
 /* fixed styles for customizer */
 h2.default {  
	font-size: 12pt; 
	font-weight: bolder;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.default { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
 h2.s1 {  
	font-size: 18pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.s1 { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
 h2.s2 {  
	font-size: 24pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.s2 { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
h2.s3 {  
	font-size: 30pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px;
	margin: 6px 0px;
	background : #FFFFFF;	
	color : #000000;
}
p.s3 { 
	display : block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	background : #FFFFFF;	
	color : #000000;
	margin : 0;
	padding : 0;
}
h2.s4 {  
	font-size: 22pt;
	font-family: Courier New, Courier, mono; 
	font-weight: bolder;
	background : #000000;	
	color : #00FF00;
	padding: 3px;
	margin: 6px 0px;
}
p.s4 { 
	display : block;
	font-family: Courier New, Courier, mono;
	background : #000000;	
	color : #00FF00;
	font-size: 14pt; 
	letter-spacing: .3pt;
	font-style: normal;
	line-height: normal;
	margin : 0;
	padding : 0;
}
.select1 {
	width : 3%;
	vertical-align : top;
}
.select2 {
	width : 90%;
}
.intent1 {
	width : 35%;
	vertical-align : top;
	text-align : right;
}
.intent2 {
	vertical-align : bottom;
	width : 60%;
}
.inputA1 {
	width : 20%;
	vertical-align : top;
	text-align : right;
}
.inputA2 {
	vertical-align : bottom;
	width : 75%;
}
.inputB1 {
	width : 30%;
	vertical-align : top;
	text-align : right;
}
.inputB2 {
	vertical-align : bottom;
	width : 65%;
}
/* testing */
li.new{ 
  	list-style-image: url("images/new.jpg"); 
}
.src1 {
	width : 8%;
	vertical-align : top;
	text-align : center;
}
.src2 {
	width : 4%;
	vertical-align : top;
	text-align : center;
}
.src3 {
	vertical-align : top;
	width : 85%;
}
.msg {
	padding : 10px 0px;
}
.tocl1{
	padding : 0px 3px 3px 0px;
}
.tocl2{
	padding : 0px 3px 3px 30px;
}
.tocl3{
	padding : 0px 3px 3px 60px;
}
.tocl4{
	padding : 0px 3px 3px 90px;
}
.tocl5{
	padding : 0px 3px 3px 120px;
}
.tocl6{
	padding : 0px 3px 3px 150px;
}
.tocl7{
	padding : 0px 3px 3px 180px;
}
.editcol1 {
	width : 8%;
	vertical-align : top;
	text-align : center;
}
.editcol2 {
	vertical-align : bottom;
	width : 85%;
}
/*asj images code*/
.asjhalf{
	float:left;
	width:252px;
	padding: 0px 10px 0px 10px;
	border: 2px solid black;
	background-color:#FFFFFF;
	margin:5px 10px 5px 0px;
	}
}