/* ------------------------ BASIC ELEMENTS ------------------------*/

/*
		div {
		border: 1px solid #aaaaaa;
		}
*/

		body { 
			text-align: center;
			background: #2D497C; /* url(images/backpattern.gif)*/
			margin: 0 0 10px 0;
			padding: 0;
		}

		img {
			border: 0;
			margin: 0;
			padding: 0;
			vertical-align: top;
		}

/* ------------------------- Basic DIVs ----------------------------*/	

		div#container {
			position: relative;
			margin-top: 10px;
			margin-right: auto;
			margin-left: auto;
			width: 770px;
			padding: 0;
			background: #fff;
			font-size: 11px;
		}
		
		div#container hr {
			display: block; 
			clear: left; 
			margin: 0; /*10px 0 20px 0;*/
			visibility: hidden;
		}

		 div#head {
 			position: relative;
			margin-top: 0px;
 			margin-right: auto;
			margin-left: auto;
 			width: 770px;
 			height: 141px;
 		}
 		
 		div#setheight {
 			display: inline;
			float: left;
			width: 1px;
			height: 500px;
			padding: 0;
			margin: 0;
		}

		 div#footer {
			float: left;
			position: relative;
			display: inline;
			width: 770px;
			margin: 0 0 -21px 0;
			padding: 5px 0 0 0;
		}
		
		.tab {
			border-left: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			border-right: 1px solid #aaa;
			padding: 5px 5px 5px 5px;
			margin: 0 0 15px 0;
		}
		
		.box {
			border-top: 1px solid #aaa;
			border-right: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			border-left: 1px solid #aaa;
			padding: 5px 0 5px 0;
			margin: 0 0 20px 0;
		}
		
		div#editor {
			float: left;
			width: 700px;
			margin: 0 0 0 25px;
			padding: 0;
			text-align: left;
			display: inline;
 		}		
		
/* ------------------------- Home DIVs ----------------------------*/	
		
		div#hcolleft {
			display: inline;
			float: left;
			width: 370px;
			padding: 0;
			margin: 15px 0 0 20px;
			text-align: left;
		}
		
		div#feattab {
			border-left: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			border-right: 1px solid #aaa;
			padding: 5px 5px 5px 5px;
			margin: 0 0 15px 0;
		}

		div#featend {
			float: right;
			width: 360px;
			margin: 10px 5px 0 0;
		}
		
		div#hcolcenter {
			display: inline;
			float: left;
			width: 210px;
			padding: 0;
			margin: 15px 0 0 20px;
		}
		
		div#hcolright {
			display: inline;
			float: left;
			width: 103px;
			padding: 0;
			margin: 15px 20px 0 20px;
		}

/* ------------------------- Articles DIVs ----------------------------*/

		div#artcolleft {
			display: inline;
			float: left;
			width: 210px;
			padding: 0;
			margin: 40px 0 0 20px;
		}
		
		div#artcolright {
			display: inline;
			float: left;
			text-align: left;
			width: 479px;
			padding: 0;
			margin: 20px 0 0 40px;
		}

/* ------------------------- Summary DIVs ----------------------------*/

		div#sumcolleft {
			display: inline;
			float: left;
			text-align: left;
			width: 210px;
			padding: 0;
			margin: 20px 0 0 20px;
		}
		
		div#sumcolright {
			display: inline;
			text-align: left;
			float: left;
			width: 370px;
			padding: 0;
			margin: 20px 0 0 40px;
		}

/* ------------------------- Search DIVs ----------------------------*/

		div#searchleft {
			display: inline;
			float: left;
			width: 210px;
			padding: 0;
			margin: 40px 0 0 20px;
		}
		
		div#searchright {
			display: inline;
			float: left;
			text-align: left;
			width: 479px;
			padding: 0;
			margin: 20px 0 0 40px;
		}

/* ------------------------- Teacher Salary Database DIVs ----------------------------*/

		div#tsdsearchleft {
			display: inline;
			float: left;
			text-align: left;
			width: 210px;
			padding: 0;
			margin: 20px 0 0 20px;
		}
		
		div#tsdsearchright {
			display: inline;
			float: left;
			text-align: left;
			width: 479px;
			padding: 0;
			margin: 20px 0 0 40px;
		}

		.tsdsearch {
			padding: 0;
			margin: 5px 0 5px;
		}
		
		.inputstyle {
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			color: #6F6F6F;  	
		}

		.tsdtable {
			width: 475px;
			text-align: left;
		}

		.tsdtable td {
			text-align: left;
		}

/* ------------------- TYPE ELEMENTS HERE --------------- */

		h1 {
			font-family: arial, helvetica, sans-serif;
			font-size: 24px;
			font-weight: normal;
			letter-spacing: -.03em;
			color: #B7241C;
			margin: 0 0 10px 0px;
			line-height: 26px;
		 }
			
		h2 {
			font-family: arial, helvetica, sans-serif;
			font-size: 18px;
			font-weight: normal;
			letter-spacing: -.03em;
			color: #881C16;
			margin: 0px 0 5px 0;
			line-height: 20px;
		 }
		
		h3 {
			font-family: arial, helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 16px;
			color: #2D497C;
			margin: 5px 0 5px 0;
		}

		h4 {
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			color: #2D497C;
			margin: 15px 0 5px 0;
			padding: 0;
		}
		
		h6 {
			font-family: arial, helvetica, sans-serif;
			font-size: 28px;
			font-weight: bold;
			text-decoration: underline;
			letter-spacing: -.03em;
			color: #2D497C;
			margin: 0 0 10px 0px;
			line-height: 26px;
		}
		
		p, textarea{ 
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			color: #333;  				
			margin: 0;
			padding: 0;
		}
		
		td { 
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			color: #333;  				
			margin: 0;
			padding: 0;
		}
		
		th {
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			color: #2D497C;  				
			margin: 10px 0 10px 0;
			padding: 0;
			font-weight: bold;
		}
		
		a {
			text-decoration: none;
			color: #c00;
		}
		
		a:hover {
			text-decoration: none;
			color: #2D497C;
		}
		
		ul, ol { 
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			color: #333;
			margin: 2px 0 2px 22px;
			padding: 0;
			text-align: left;
		}
		
		.summary {
			list-style-type: disc;
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			color: #333;
			margin: 0 15px 0 35px;
			padding: 0;
		}
				
/* -------------------------- FORMS  ------------------------------- */	
/*  				keep form tags away from just inside div. */
 				
		div.form { 
			float: left;
			width: 600px; 
			text-align: left;
			margin: 0;
			padding: 0;
		}
		
		div.frow {
		  clear: both;
		  padding-top: 5px;
	  }
	
		div.frow span.label {
		  float: left;
		  width: 100px;
		  text-align: right;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  padding-top: 5px;
		}
		
		div.frow span.blabel {
		  float: left;
		  width: 100px;
		  text-align: right;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  padding-top: 5px;
		}
		
		div.frow span.frm {
		  float: right;
		  width: 490px;
		  text-align: left;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  margin-top: 1px;
		} 

/* ----------------- Horizontal navigation bar starts here----------------*/

		div#nav {
			float: left;
			width: 750px;
			padding: 0;
			text-decoration: bold;
			margin: 111px 0 0 10px;					/* <-change	*/
			display: inline;
			z-index: 99;
			font-family: Verdana, "Trebuchet MS", arial, helvetica, sans-serif;			
		 }
		 
		div#nav ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}	
		
		div#nav ul li { 
			float: left;
			display: block; 
			margin: 0;
			padding: 0;
			line-height: 18px;
		}
		
		div#nav ul li a {
			float:left;
			padding: 0;
			margin-left: 3px;
			text-decoration: none;
			font-size: 11px;
			font-weight: bold;
			color: #2D497C;				/* <-change	*/
			background-color: 0;			/* <-change	*/
			border: 0;						/* <-change	*/
			/*text-align: left;*/
		}
		
		div#nav ul li a:hover {
			text-decoration: none;
			color: #B7241C;						/* <-change	*/
			background-color: 0;			/* <-change	*/
		}
		
		div#subnav {
			float: left;
			width: 700px;
			padding: 0;
			margin: 84px 0 0 145px;					/* <-change	*/
			display: inline;
			z-index: 99;
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;			
		 }
		 
		div#subnav ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}	
		
		div#subnav ul li { 
			float: left;
			display: block; 
			margin: 0;
			padding: 0;
			line-height: 18px;
		}
		
		div#subnav ul li a {
			float:left;
			padding: 0;
			margin-left: 3px;
			text-decoration: none;
			font-size: 11px;
			font-weight: bold;
			color: #2D497C;				/* <-change	*/
			background-color: 0;			/* <-change	*/
			border: 0;						/* <-change	*/
			/*text-align: left;*/
		}
		
		div#subnav ul li a:hover {
			text-decoration: none;
			color: #999;						/* <-change	*/
			background-color: 0;			/* <-change	*/
		}
		
		.space {
			margin: 0 10px 0 10px;
		}

		.tab1 { width: 10px; }
		.tab2 { width: 20px; }
		.tab3 { width: 30px;	}
		.tab4 { width: 40px; }
		.tab5 { width: 50px; }
		.tab6 { width: 60px; }
		.tab7 { width: 70px; }
		.tab8 { width: 80px; }
		.tab9 { width: 90px; }
		.tab10 {	width: 100px; }
		.tab11 { width: 110px; }
		.tab12 { width: 120px; }
		.tab13 {	width: 130px; }
		.tab14 { width: 140px; }
		.tab15 { width: 150px; }
		.tab16 { width: 160px; }
		.tab17 { width: 170px; }
		.tab18 { width: 180px; }
		.tab19 { width: 190px; }
		.tab20 { width: 200px; }
		.tab21 {	width: 210px; }
		.tab22 { width: 220px; }
		.tab23 { width: 230px; }
		.tab24 { width: 240px; }
		.tab25 { width: 250px; }
		.tab30 { width: 300px; }
		.tab35 { width: 350px; }
		.tab40 { width: 400px; }
		.tab45 { width: 450px; }
		.tab50 { width: 500px; }
		.tab55 { width: 550px; }		

		.tsdtable {
			width: 460px;
		}
		
		.list {
			width: 740px;
			margin: 10px 10px 10px 10px;
		}
			
/* -------------------------- CLASSES ------------------------------- */
/* 			Remember, <span> is for inline elements */
		
		.nojavascript {
			font-size: 11px;
			text-align: center;
			font-weight:bold;
		}
		
		.nospc {
			margin: 0;
			padding: 0;
		}
		
		.spcb {
			margin: 0 0 10px 0;
		}
		
		.spct {
			margin: 10px 0 0 0;
		}
		
		.spctb {
			margin: 10px 0 10px 0;
		}
				
		.emergbtn {
			float: right;
			margin-left: 20px;
		}
				
		.error {
			color: #c00;
			font-size: 11px;
			font-weight: bold;
			padding: 0;
			margin: 0;
			line-height: 14px;
		}
		
		.email {
			display: inline;
			margin: 10px 0 10px 45px;
		}
		
		.colored {
			/*background-color: #ddd;*/
			border: 1px dotted #c00;
		}
		
		.dayonly {
			text-decoration: none;
			font-weight: normal;
			font-size: 11px;
			color: #555;			
		}
		
		.padhead {
			margin: 5px 10px 5px 10px;
		}
		
		.imagefloat {
			float: left;
			padding: 2px 4px 2px 2px;
		}
	
/* ---------------------------- HACKS ------------------------------- */
  			
	 * html img {                 /*IE hack*/
		margin: 0 -3px; ma\rgin: 0;
	 }

/* ---------------------------- REMOVE ------------------------------- */

		div#left {
			float: left;
			padding: 0;
			margin: 0;
		}