/*******************************************
   NORTH EAST INDEPENDENT SCHOOL DISTRICT  -- EMPLOYEES
******************************************

 start main elements */
* {
	padding-top:0;
	margin:0;
}

body {
font:normal .72em/1.5em 'Trebuchet MS', sans-serif;
color:#000;
background:#e6e6e5;
height:100%;
margin:20px 5px;
padding:0;
}

/* end main elements 
 start headerimages--for rotating flash */
#header-images {
	position:relative;
	height:70px;
	text-align:left;
	background-image:url(../images/wrap-bg.jpg);
	background-repeat:repeat-y;
	margin:0;
}

#header-images #flash {
	position:absolute;
	left:15px;
	top:0px;
	width:744px;
	height:30px;
	background-color: #ED9700;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 1.9em;
	text-align: left;
	text-indent: 15px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

/* end headerimages--for rotating flash 
 start color boxes images--for categories */
#header-colorboxes {
position:relative;
height:240px;
text-align:left;
background-image:url(../images/wrap-bg.jpg);
background-repeat:repeat-y;
margin:0;
}

#header-colorboxes #cats {
position:absolute;
left:15px;
top:10px;
width:744px;
height:217px;
background-image:url(../images/colored-boxes.png);
}

a:hover {
	color:#AB6C00;
	text-decoration:underline;
}

/* headers */
h1,h2,h3 {
	color:#ED9700;
	font-family:'Trebuchet MS', Tahoma, Sans-serif;
	font-size:1em;
	font-weight:700;
	text-transform:uppercase;
}

h1 {
font-size:1.3em;
}

h2 {
font-size:1em;
text-transform:uppercase;
}

h3 {
font-size:1.2em;
}

p,h1,h2,h3 {
margin:10px 15px;
}

ul,ol {
	list-style-type: none;
	list-style-image: url(../images/singlebullet-orange.gif);
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

li.sublink { background-color:#ffffff; margin-left: 8px; padding-left: 2px; margin-bottom: 1px; margin-right: 1px;}

/* images */
img {
border:0;
}

img.float-right {
margin:5px 0 5px 15px;
}

img.float-left {
margin:5px 15px 5px 0;
}

code {
text-align:left;
display:block;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background:#FAFAFA;
border:1px solid #eee;
margin:5px 0;
padding:10px;
}

acronym {
cursor:help;
border-bottom:1px solid #777;
}

blockquote {
background:#FAFAFA url(../images/quote.gif) no-repeat 3px 5px;
border:1px solid #eee;
font:bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif;
color:#666;
margin:15px;
padding:0 0 0 20px;
}

/* start - table 
table {
border-collapse:collapse;
margin:15px;
}

th strong {
color:#fff;
}

th {
background:#933;
height:29px;
padding-left:12px;
padding-right:12px;
color:#FFF;
text-align:left;
border-left:1px solid #B92843;
border-bottom:solid 2px #FFF;
}

tr {
height:30px;
}

td {
padding-left:11px;
padding-right:11px;
border-left:1px solid #E8E8E8;
border-bottom:1px solid #DFDFDF;
}

td.first,th.first {
border-left:0;
}

tr.row-a {
background:#F8F8F8;
}

tr.row-b {
background:#EFEFEF;
}

/* end - table 
 start form elements */
form {
border:1px solid #eee;
background-color:#FAFAFA;
margin:10px 15px;
padding:0;
}

label {
display:block;
font-weight:700;
margin:5px 0;
}

input {
border:1px solid #A7A7A7;
font:normal 1em 'Trebuchet MS', verdana, sans-serif;
color:#777;
padding:2px;
}

textarea {
width:400px;
font:normal 1em 'Trebuchet MS', verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
padding:2px;
}

input.button {
font:bold 1em Arial, Sans-serif;
border:1px solid #CCC;
background:#FFF;
color:#333;
margin:0;
padding:2px 3px;
}

/* end form elements 
 start search form */
.searchform {
background-color:transparent;
border:none;
margin:0;
padding:0;
}

.searchform p {
margin:10px;
padding:0;
}

.searchform input.textbox {
	width:130px;
	color:#333;
	height:19px;
	vertical-align:middle;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.searchform input.button {
font:bold 12px Arial, Sans-serif;
color:#333;
width:60px;
height:26px;
border:1px solid #A7A7A7;
vertical-align:top;
background-color:#EBEBEB;
padding:3px 5px;
}

/* end search form 


**********************
	  LAYOUT
************************/
#wrap {
width:774px;
background-image:url(../images/wrap-bg.jpg);
background-repeat:repeat-y;
margin:0 auto;
}

/* header */
#neisd-header {
	position:relative;
	height:110px;
	text-align:left;
	background-image:url(../images/header-sub-bg.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#neisd-header .searcharea {
	position:absolute;
	right:0;
	top:62px;
	width:225px;
	height:35px;
}

#title-box {
	position:absolute;
	left:15px;
	top:15px;
	width:600px;
	height:102px;
	overflow:hidden;
}

#title-box h1#logo {
position:absolute;
font:bold 30px 'Trebuchet MS', Sans-serif;
letter-spacing:-2px;
color:#FFF;
top:17px;
left:0;
margin:0;
padding:0;
}

#title-box h1#logo a {
	text-decoration:none;
	color:#B92843;
}

#title-box #sub-links {
	position:absolute;
	text-transform:none;
	color:#666;
	top:60px;
	left:110px;
	font-family:'Trebuchet Ms', Sans-serif;
	font-size:12px;
	font-weight:400;
	margin:0;
	padding:0;
	width: 382px;
}

#title-box #sub-links a {
	color:#000;
	text-decoration:none;	
}
#title-box #sub-links a:hover {
color:#000;
text-decoration:underline;
}

/* header boxes */
#boxes {
	clear:both;
	width:744px;
	background:#FFF url(../images/wrap-bg.jpg) repeat-y;
	float:left;
	margin:0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 40px;
	clip: rect(120px,auto,auto,auto);
}

#content-wrap {
clear:both;
float:left;
width:100%;
background:#FFF url(../images/wrap-bg.jpg) repeat-y;
}

#content {
width:744px;
clear:both;
text-align:left;
margin:0 auto;
padding:0;
}

/* start left sidebar and sidebox */
#sidebar-left {
float:left;
width:177px;
margin-right:0;
margin-bottom:10px;
margin-left:0;
padding:0;
}

#sidebar-left h1 {
color:#006388;
margin:0;
padding:10px 0 5px 10px;
}

.sidebox-left3 {
margin-bottom:10px;
background-color:#F6F;
}

/*  end left sidebar 
 start right sidebar */
#sidebar-right {
	float:right;
	width:177px;
	background-color: #EEEEEE;
	background-image: url(../images/related-info-orange-triangle.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
}

#sidebar-right h1 {
color:#FFF;
font-weight:bolder;
background-image:url(../images/arrow-blue.gif);
background-repeat:no-repeat;
background-position:3px 7px;
text-indent:10px;
margin:0;
padding:5px 0 5px 10px;
}

.sidebox-right4 {
margin-bottom:10px;
margin-top:10px;
}

/* end right sidebar 
 main */
#main {
	float:left;
	width:554px;
	margin-top:0;
	margin-bottom:10px;
	margin-left:0px;
	padding:0;
}

#main h1 {
	border-bottom-width:1px;
	border-bottom-style:none;
	border-bottom-color:#ED9700;
	background-image:url(../images/arrow-orange-sub-h1.gif);
	background-repeat:no-repeat;
	background-position:0px 13px;
	text-indent:16px;
	margin:0 0 0 10px;
	padding:10px 0 5px 5px;
}

#main ul li {
	list-style-image:url(../images/bullet-gray.png);
	list-style-type:disc;
	margin: 0 0 0 25px;
}

/*star post*/
.post {
	background-color:#f5ebeb;
	width:555px;
	margin:0 0 10px;
	padding:0;
}

.post .post-footer {
background-color:#f5ebeb;
margin-top:20px;
font-size:95%;
width:310px;
padding:5px;
}

.post .post-footer .readmore {
background:url(../images/page2.png) no-repeat 0 center;
padding-left:20px;
}

/* start footer */
#footer {
	clear:both;
	height:42px;
	background:url(../images/footer-bg.jpg) no-repeat left bottom;
	color:#141414;
	text-align:center;
	font-family:'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size:0.92em;
	font-style:normal;
	line-height:1.3em;
	font-weight:700;
	font-variant:normal;
	padding-top:7px;
	padding-bottom:10px;
	margin-top:0;
	margin-bottom:0;
}

#footer h1 {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#D5D5D5;
	height:1px;
	margin:0 15px 10px;
	padding:0 20px 0 2px;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
text-decoration:none;
color:#777;
}

#footer a:hover {
text-decoration:underline;
color:#333;
}

/* end footer 

 alignment classes */
.float-left {
float:left;
}

.float-right {
float:right;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

/* additional classes */
.clear {
clear:both;
}

.gray {
color:#BFBFBF;
}

/* sideboxbox1-2 sidebar */
.sidebox-left1,.sidebox-left2,.sidebox-right2 {
margin-bottom:10px;
background-color:#FFF;
}

.sidebox-right1,.sidebox-right3 {
	margin-bottom:10px;
	margin-left: 21px;
}

#sidebar-left ul.sidemenu,#sidebar-right ul.sidemenu {
list-style:none;
margin:10px 0 15px;
padding:0;
}

#sidebar-left ul.sidemenu li,#sidebar-right ul.sidemenu li {
padding:0 10px;
}

#sidebar-left ul.sidemenu a,#sidebar-right ul.sidemenu a {
display:block;
font-weight:400;
color:#333;
height:1.5em;
line-height:1.5em;
text-decoration:none;
padding:.3em 0 .3em 15px;
}

#sidebar-left ul.sidemenu a.top,#sidebar-right ul.sidemenu a.top {
border-top:1px dashed #D5D5D5;
}

#sidebar-left ul.sidemenu a:hover,#sidebar-right ul.sidemenu a:hover {
border-left:5px solid #933;
color:#933;
padding:.3em 0 .3em 10px;
}









/*### CRATE BASED NAV ###*/




/*start green=employees*/
#crateNav .crate4 h2 {
	text-indent:22px;
	margin:0;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
	font-size: 1.25em;
	line-height: 36px;
	font-weight: bold;
}

#crateNav .crate4 h2 a {
	display:block;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/green-sub-tabs.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom-width:0;
	border-left-style:none;
	float: inherit;
	width: 120px;
}

#crateNav .crate4 h2 a:hover {
	color:#fff;
	background-image:url(../images/green-sub-tabs.gif);
}

#crateNav #employees.crate4 h2 a:hover {
	background-image: url(../images/lgreen-sub-tabs.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 120px;
	color: #8BA900;
}

.crate4 ul {
list-style-type:none;
list-style-position:outside;
width:148px;
list-style-image:url(../images/bullet-black-orange-sm.gif);
padding-left:29px;
margin:5px 0 0;
}
/*end red=parents*/




/*start orange=community*/
#crateNav {
	width:744px;
	height:30px;
	background-image:url();
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	padding-left: 15px;
}

#crateNav .crate3 h2 {
	text-indent:22px;
	margin:0;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
	font-size: 1.25em;
	line-height: 36px;
	font-weight: bold;
}

#crateNav .crate3 h2 a {
	display:block;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/orange-sub-tabs.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom-width:0;
	border-left-style:none;
	float: inherit;
	width: 120px;
}

#crateNav .crate3 h2 a:hover {
	color:#fff;
	background-image:url(../images/orange-sub-tabs.gif);
}

#crateNav #community.crate3 h2 a:hover {
	background-image: url(../images/orange-sub-tabs.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 120px;
	color: #FFFFFF;
}

.crate3 ul {
list-style-type:none;
list-style-position:outside;
width:148px;
list-style-image:url(../images/bullet-black-orange-sm.gif);
padding-left:29px;
margin:5px 0 0;
}
/*end orange=community*/



/*start red=parents*/
#crateNav .crate2 h2 {
	text-indent:22px;
	margin:0;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
	font-size: 1.25em;
	line-height: 36px;
	font-weight: bold;
}

#crateNav .crate2 h2 a {
	display:block;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/red-sub-tabs.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom-width:0;
	border-left-style:none;
	float: inherit;
	width: 120px;
}

#crateNav .crate2 h2 a:hover {
	color:#fff;
	background-image:url(../images/red-sub-tabs.gif);
}

#crateNav #parents.crate2 h2 a:hover {
	background-image: url(../images/lred-sub-tabs.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 120px;
	color: #B92843;
}

.crate2 ul {
list-style-type:none;
list-style-position:outside;
width:148px;
list-style-image:url(../images/bullet-black-orange-sm.gif);
padding-left:29px;
margin:5px 0 0;
}
/*end red=parents*/


/*start blue=students*/
#crateNav .crate h2 {
	text-indent:22px;
	margin:0;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
	font-size: 1.25em;
	line-height: 36px;
	font-weight: bold;
}

#crateNav .crate h2 a {
	display:block;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/blue-sub-tabs.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom-width:0;
	border-left-style:none;
	float: inherit;
	width: 120px;
}

#crateNav .crate h2 a:hover {
	color:#fff;
	background-image:url(../images/blue-sub-tabs.gif);
}

#crateNav #students.crate h2 a:hover {
	background-image: url(../images/lblue-sub-tabs.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 120px;
	color: #3A97B9;
}

.crate ul {
list-style-type:none;
list-style-position:outside;
width:148px;
list-style-image:url(../images/bullet-black-orange-sm.gif);
padding-left:29px;
margin:5px 0 0;
}

/*end blue=students*/




.crate li {
list-style-type:none;
list-style-position:outside;
line-height:1.3em;
color:#222;
font-size:.95em;
font-weight:500;
margin:0;
}

a,.crate li a,.crate2 li a,.crate3 li a,.crate4 li a {
	color:#AB6C00;
	text-decoration:none;
}

#crateNav .crate,#crateNav .crate2,#crateNav .crate3,#crateNav .crate4 {
	display:inline;
	width:120px;
	height:30px;
	float:right;
	margin-left:0px;
	margin-right: 0px;
}

#crateNav #students.crate h2 a:hover,#rightbutton #pg.arrow h2 a:hover {
	color:#3987ac;
}

.crate h6,.crate3 h6 {
width:160px;
font-size:1em;
color:#fff;
margin:72px auto 0 10px;
}


.crate2 li,.crate3 li,.crate4 li {
list-style-type:none;
list-style-position:outside;
line-height:1.3em;
color:#222;
font-size:.95em;
font-weight:700;
margin:0;
}

.crate li a:hover,.crate2 li a:hover,.crate3 li a:hover,.crate4 li a:hover {
color:#fff;
text-decoration:underline;
}

/*### END CRATE BASED NAV ###*/


#rightbutton {
	width:177px;
	height:20px;
	padding-top:10px;
	background-color:#F2F2F2;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.1em;
	background-image: url(../images/related-info-orange-arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 13px;
	text-indent: 23px;
	color: #ED9700;
}

#rightbutton .arrow {
	display:inline;
	width:177px;
	height:30px;
	float:left;
}

#rightbutton .arrow h2 {
	font-family:'Trebuchet MS', Tahoma, Sans-serif;
	font-size:1.2em;
	font-weight:700;
	text-transform:uppercase;
	background-image:url(../images/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:3px 11px;
	text-indent:16px;
	margin:0;
	padding:0;
}

#rightbutton .arrow h2 a {
	display:block;
	padding-left:5px;
	color:#3A97B9;
	text-decoration:none;
	background-color:transparent;
	background-image:url(../images/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:3px 11px;
	border-bottom-width:0;
	border-left-style:none;
	padding-top:10px;
	padding-bottom:3px;
	margin:0;
}