body {background-color: #2B553C;
	margin: 0;
	color: #000;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Verdana, sans-serif;
	padding: 0;}

h1 {font-size: 20px;
	background-image: url(images/titleblock.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	text-indent: .7em;
	width: 760px;
	height: 35px; 
	line-height: 35px;
	margin-top: 0;
	margin-bottom: .5em; text-align: left;
	padding: 0;}

h2 {margin: .3em 1em 0 1em;
	font-size: medium; margin-bottom: -.05em;font-weight: bold;}

h3 {margin: .5em 1.5em 0 1.2em;font-weight: bold; font-size: small;}
.h3line {text-decoration: underline;}

h4 {margin-bottom: 1em;font-weight: bold;
	margin-left: 1em; font-size: small;/*printing - bindery*/}

h5 {margin: 1em 1.5em 1em 1.2em; text-align:center; font-size:x-small;}

h6 {margin: 0 1.5em 0 4em; font-weight: bold; font-size: small;}
.h6 {margin-top: 1em; /*cie writing*/}
.h62 {margin-top: 2em; /*cie writing*/}

p {margin: .6em 1.8em .7em 1.4em; font-size: small;}
#para {margin-top: 1em;	/*margin at top of paragraphs that begin page*/}
.p {text-align: left;
	display: block;
	margin: 5px 0 3px 5px;
	line-height: 1.2em;
	font-size: 13px;}

a:link, a:visited, a:hover {color: #2B6342; background-color: #fff;}
a:link, a:visited {text-decoration: none;}
a:active, a:hover  {text-decoration: underline;}

#skip, #navlist li ul li a {font-weight: normal;}

#skip {font-size: xx-small;
	margin: 0 .2em 0 0;	/* "skip navigation" - at top of each page*/}

#logo {width: 466px; text-align: left;/*esd logo at top of each page*/}

#line {background:  url(images/bar.jpg) repeat-x bottom;
	margin: 0; padding: 0;
	height: 16px; line-height: 16px;
	vertical-align: bottom; /* line below top navigation - creates space between green*/}

#navlist, #navlist a:link, #navlist a:visited, #navcontainer ul li a, #navlist a:hover,
#navlist2 a:hover, #navlist3, #navlist3 a:link, #navlist3 a:visited,
#navlist3 a:hover  {text-decoration: none;/* all top navigation; links*/}

#navlist li, #navlist2 li, #navlist3 li, #navcontainer ul, #navbar ul li {list-style-type: none;}
#navlist li, #navlist2 li, #navlist3 li {display: inline;}

#navlist {font-weight: bold; width: 466px; height: 32px;
	font-size: 13px; /*main navigation: home, about, dept, employ, sch dist*/}
#navlist ul {margin: 0; text-align: right; padding: 0;}
#navlist a {display: block; padding-right: 1em;}

#navlist a:hover, #navlist2, #navlist2 a:link, #navlist2 a:visited, #navlist2 a:hover, #navlist3,
#navbar ul li a:visited, #navbar ul li a:link, #navbar ul li a:hover {background: #fff;}
#navlist li ul li a:hover, #navlist3 a:hover, #navcontainer li a:hover, #navlist3 a:link, #navlist3 a:visited {color: #fff; background-color: #2B6342;}
#navlist a:hover, #navlist2 a:link, #navlist2 a:visited, #nolink, #navbar ul li a:visited, #navbar ul li a:link {color: #B8A887;}
#navlist li ul li a:hover, #navlist li ul li a {color:#333;}

#navlist li ul li a:hover {background-color:#b8a887;}
#navlist li {float: left; margin-right: 0;}
#navlist li ul { position: absolute; width: 14.5em; left: -999em;	border-top: 1px solid #C6B99D;border-right: 1px solid #C6B99D; border-left: 1px solid #C6B99D;/*dropdown menus*/}  
* html #navlist li ul {width: 14em;}
#navlist li ul li a {text-align: left; width: 14em;
	padding: 3px 2px 3px 4px;
	display: block;
	border-bottom: 1px solid #C6B99D;background-color: #E3DDC4;}
#navlist li:hover ul, #navlist li.sfhover ul  {left: auto;	 z-index: 200;/*dropdown menus*/}

/*secondary rollover menu*/
#navlist li ul ul {margin: -1.85em 0 0 14em;}
#navlist li:hover ul ul, #navlist li.sfhover ul ul {
    left: -999em;}
#navlist li:hover ul, #navlist li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul {
    left: auto;}

#navlist2 {font-weight: bold; text-align: right;
	color: #000;font-size: 13px;
	margin-bottom: 0;
	margin-left: .1em;
	padding-left: 0; /*navigation at top of page: events, espanol, index*/}
#navlist2 a {padding-left: 8px;}
#navlist2 a:hover {color: #2B6342;}

#navlist2, #navlist3 {width: 294px;}

#navlist3 {font-weight: bold; position: relative; font-family:  Arial, Helvetica, sans-serif;
	/*tab navigation: parents, staff, teachers*/}
#navlist3 a:link, #navlist3 a:visited {padding-top: 5px;}

#navcontainer {margin: 0px; padding: 0;}
#navcontainer ul {margin: 0px; padding: 0; text-align: center;}
#navcontainer ul li {float: left;}
#navcontainer ul li a {background-image: url(images/tab.jpg); background-repeat: no-repeat;
	background-position: left;
	font-size: 14px;
	float: left;
	height: 30px;
	width: 98px;
	margin-bottom: 3px; text-decoration:none;}
#navcontainer li a:hover {background-image: url(images/tabover.jpg);
	background-repeat: no-repeat; background-position: left;}

#navbar {font-weight: bold; text-align: left; font-size: x-small;
	width: 130px;
	padding-right: 5px;
	text-indent: 1px; /*left navigation for each page*/}
#navbar ul li {border-bottom: 1px #CDC096 solid;
	width: 130px;
	margin-right: 0em;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block; margin-left: -30px;}
#navbar ul li a:visited, #navbar ul li a:link {display: block;}
#navbar ul li a:hover {color: #900; text-decoration: underline;}

#navtable {height: 86px; width: 100%;
	border: 0; background: #fff;color: #000;/*top navigation table*/}
#main {background-color: #2B553C; width: 100%;}
#maintable {width: 760px; border: 0; height: 425px; background: #fff;color: #000;/*background & alignment for content area*/}

.table2, .table3 {font-size: x-small;}
#table {width: 95%; /*board & pbs tables*/}
#table td {vertical-align:top; padding: 10px; font-size: small;}
#table2 {border: 1px solid #E3DDC4;vertical-align:top; width: 90%;}
.table, .table2, .table5 {width: 90%; border: 2px solid #E3DDC4;}
.table5 {margin-bottom: 20px;}
.table td, .table2 td, .table5 td, .table6 td, #table2 td {padding: .2em; border: 1px solid #E3DDC4;}
.table {padding: .7em;font-size: small;}
.table2 {padding: .5em; margin-top: 1em; border: 1px solid #E3DDC4; margin-bottom: 10px;}
.table3 {padding: .2em; width: 500px; margin-top: 1em; margin-bottom: 1em; /* fiscal summary tables*/}
.table4 {width: 60%; font-size: small;/*fiscal*/}
.table4 td, .table3 td, .table td {vertical-align: bottom;}
.table5 td {text-align: center; vertical-align: middle; font-size: x-small;	/* employment table & backup schedule table*/}
.table6 {width: 92%; border: 1px solid #CCC; text-align: center; margin-top: 10px;}
.table7 {width: 90%; border: 1px solid #b8a887;}
.table7 td {padding: .2em; border: 1px solid #b8a887; font-size: x-small;}
.table8 {width: 90%; padding: 0; vertical-align: top;}
#table9 td, #table11 td {vertical-align: top; border: 1px solid #E3DDC4; padding: .5em; }
.table10 {width: 90%; /*NIS Network SLA table*/}
.table10 td {vertical-align: top; padding: 10px;}
#table11 {width: 92%; border: 1px solid #E3DDC4; font-size: x-small; margin: 10px 20px 10px 0;/*eval forms needed*/}

#tdmain, #tdmain2, .tdconsult, .tdconsult2, #tdsplit, .tdsplit, .tdsplit2, .tdsplit3,
#tdone, .tdevent, .tdevent2, .tdevent3, .tdevent4, #maintable, .top {vertical-align: top; /*column alignment*/}

#tdmain2 {width: 635px;	height: 425px;	/* main column width and alignment*/}

/*employment table column widths*/
.tdemp {width: 40%;}
.tdemp2 {width: 17%;}
.tdemp3 {width: 9%;}
/*employ table headers*/
.tdemphead {padding: 5px; font-size:small;}

.tdfis {width: 190px;text-align: left;}
.tdfis2 {width: 130px;text-align: left;}
.tdfis3 {width: 270px;}

.tdschool {width: 75%; /* column width for school under student count*/}
.tdschool2 {width: 25%; /* column width for student count under student count*/}

.trsite2 {color: #000;font-weight: bold;}
.trsite {text-align: center; color: #fff; background-color: #2B553C;font-weight: bold; /*video sites table*/}
.trsite2, #link {background: #E3DDC4; /*video sites table*/}
.tdsite {width: 22%; /*video sites table, pbs table */}
.tdsite2 {width: 18%;}
.tdsla {width: 25%; /*NIS Network SLA table*/}
		
.tdsplit {width: 320px; /*techtips*/}
.tdsplit2 {width: 320px; height: 425px;	/*contact us & ccrr info alignment*/}
.tdsplit3 {width: 380px; height: 425px;/*school districts, site index alignment*/}
.tdsplit4 {width: 380px; /*espanol*/}

#tdone {width: 760px; height: 425px; /*pages with only one column i.e. events*/}
#tdone2 {width: 760px;}

.tdevent, .tdevent2, .tdevent3, .tdevent4 {text-align: left; background-color: #CED8FD; color: #000;/*events tables*/}
.tdevent, .tdeval2 {width: 20%;}
.tdevent2 {width: 20%;}
.tdevent3 {width: 40%;}
.tdevent4 {width: 20%;}

.indent {text-indent: 10px;}
.indent2 {margin-left: 40px; margin-right: 40px;}
.indent3 {padding-left: 10px; /*lefthand navigation*/}

.bold2 {text-align: center;}
.bold, .bold2, #bold4 {font-weight: bold;}

.list, .list2, .list3, .list4 , .list5, .list6, .list7, .list8, .list9, .list13, .list14
{font-size: small;}
.list2, .list3 {list-style-type: none;}
.list2, .list3, .list4 , .list5  {text-decoration: none;}
.list, .list2, .list3, .list4, .list5, .list13 {margin-right: 1.8em; margin-bottom: 1em;}
.list {line-height: 1.7em; margin-top: 5px;}
.list2 {line-height: 1.7em; margin-top: .5em;}
.list3 {margin-left: 2em; margin-top: .5em;
	line-height: 1.3em;}
.list4, .list6, .list13 {list-style-type: lower-alpha;}
.list4, .list6 {margin-left: 3em;}
.list7 {list-style-type: decimal; margin-left: 1.9em; margin-right: 1.8em; font-style:normal; font-weight: normal;}
.list8 {list-style-type: upper-alpha; margin-left: 3em;}
.list9 {font-size: small; margin-top: .1em; margin-right: 15px; line-height: 1.7em; 
list-style-type: none; text-indent: -22px;/*procurement*/}
.list10 {font-size: small; margin-right: 15px; line-height: 1.4em; 
list-style-type: none; margin-left: 0px; margin-top: -3px; text-indent: 0px;}
.list13 {margin-left: 5em;}
.list14 {margin-right: 1.5em; margin-bottom: 1em; line-height: 1.2em; margin-top: .5em;}
.list20 {margin: .3em 1.8em 1em 4.5em; line-height: 1.7em; list-style-type:decimal; /*NIS SLA Network page*/}
.list21 {list-style-type: decimal; margin: .5em 2.5em 1em 3.5em; line-height: 1.7em; /*NIS Finance pages*/}
.list22 {/*hr sub*/ list-style-type:disc;margin: .5em 3em;
	line-height: 1.3em;}

#image {float: right; 
	margin: -.4em 2.5em .5em 1.2em;}
.image {float: right; 
	margin: -.4em 1.8em .5em 1.2em; border: 1px solid #78693A;/*printing images*/}
.image2, #image13, #image15 {float: left;}
#image10, #image12 {float: right;}
.image2 {margin-top: .2em; margin-right: 15px;
	margin-bottom: .1em; border: 1px solid #43301B; /*printing images*/}
.image4 {text-align: center; margin: 13px 40px 10px 0; /* nis/esis/pa.html*/}
.image7 {text-align: center; margin-bottom: 0;}
.image17 {border: 1px #CDC096 solid;}
#image20 {margin: 4px 15px 0 0; float: left; border: 1px #CDC096 solid;}
#supt {float: left; margin: 13px 10px 10px 20px;}
.board {margin-top: 3px;}
#imagegoogle {border: 0; margin: 15px 0 0 0;}

.shadow {
	height: auto;
	margin: 0 auto;
	position:relative;
	background: #000;
	box-shadow: 03px 03px #000;
-webkit-box-shadow: 03px 03px #000;
-moz-box-shadow: 03px 03px #000;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=03, offY=03, positive=true)}

.blue, .blue2, .orange, #red {background: #fff;}
.blue, .blue2 {color: #039; }
.blue2 {font-weight: bold;}
.orange {color: #C43100; font-weight: bold;}
#red {color: #900;}
#white {color: #fff; margin-bottom: 10px;}
#medicaid {margin-top: -18px;}

#right, .right, .right2, .data {text-align: right;}
.right {margin: -1.3em 1.5em -.7em 0; /*medicaid*/}
.right2 {margin: -1.3em 1.5em 0em 0em; /*hidden media*/}
#right {margin-right: 5em; /*supt name on supt page*/}

.center, .bold2 {text-align: center;}
.center2 {text-align: center; vertical-align: bottom; margin: 10px 0 5px 0; font-size: x-small;}
.center3 {text-align: center; font-size: x-small;}
	
.pindent {margin-left: 3em;	margin-right: 3em;	/*for blockquote*/}

.pline2 {border-top: 1px #cdc096 solid; padding-top: 10px;}
.pline3 {border-top: 1px #cdc096 solid; padding-top: 20px;}

.search {margin: 2em 0 0 1.5em;	font-size: small;/* for search page */}

.italic {font-style: italic;}
.italicbold, .italicbold2 {font-style: italic; font-weight: bold;}
.italicbold2 {font-size: xx-small; text-indent: 10px; /*benefits page*/}
.underline {text-decoration: underline;}

.benefits {font-style: italic; font-weight: bold; color: #039; font-size: small; margin-left: 15px;}
#benefits {margin-top: .3em;
	margin-left: 1em; font-size: medium; margin-bottom: -.05em; color: #039; font-weight: bold;}
	
.footer {text-align: center;
	font-size: xx-small;
	padding-bottom: 2px;
	vertical-align: text-bottom;
	color: #000;
	background-color:#fff;
	border-top: 1px solid #B8A887; margin: 0;
	padding-top: 8px; padding-bottom: 30px;
	width: 100%;
	height: auto; text-decoration: none;}
