/*******************************************
   NORTH EAST INDEPENDENT SCHOOL DISTRICT
******************************************

 start main elements */
* {
padding-top:0;
padding-right: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:220px;
text-align:left;
background-image:url(../images/wrap-bg.jpg);
background-repeat:repeat-y;
margin:0;
}

#header-images #flash {
position:absolute;
left:15px;
top:10px;
width:744px;
height:200px;
}

/* 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:#069;
text-decoration:underline;
}

/* headers */
h1,h2,h3 {
color:#A34848;
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 {
margin:10px 0 10px 25px;
padding:0;
}

/* 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 #D68686;
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;
	-moz-border-radius-topleft: center;
}

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

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

#title-box {
position:absolute;
left:15px;
top:15px;
width:545px;
height:60px;
background:#fff;
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:#035074;
}

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

/* header boxes */
#boxes {
clear:both;
width:764px;
background:#FFF url(../images/wrap-bg.jpg) repeat-y;
float:left;
margin:0;
padding:0 5px 10px;
}

/*#menu {clear:both;width:764px;background:#FFF url(../../images/wrap-bg.jpg) repeat-y;float:left;margin:0;padding:0 5px 10px;}
#menu ul {font:bolder 14px 'Trebuchet MS', sans-serif;width:744px;color:#FFF;background-color:#4E3525;display:inline;border-bottom:6px solid #FFF;float:left;margin:0 10px;padding:0;}
#menu li {float:left;list-style:none;}
#menu li a {display:block;color:#FFF;text-decoration:none;padding:5px 15px;}
#menu li a:hover {background:#C8935D;color:#FFF;}
#menu li a#current {background:#933;color:#FFF;}
 content */
#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;
}






#rightbutton {
width:177px;
height:40px;
padding-top:0;
padding-bottom:0;
background-color:#3A97B9;
margin:auto;
}

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

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

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

#rightbutton .arrow h2 a:hover {
color:#333;
background-image:url(../images/arrow-lt-blue.gif);
background-color:#3A97B9;
}




























#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;
margin:0 0 10px;
padding: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:364px;
margin-top:0;
margin-bottom:10px;
margin-left:11px;
padding:0;
}

#main h1 {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cc7171;
background-image:url(../images/arrow-news.gif);
background-repeat:no-repeat;
background-position:0 12px;
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;
}

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

.post .post-footer {
	background-color:#f5ebeb;
	margin-top:5px;
	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:6px;
	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;
}

#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 ###*/
#crateNav {
width:764px;
height:217px;
padding-top:0;
padding-bottom:0;
background-color:transparent;
background-image:url(../images/colored-boxes.gif);
background-repeat:no-repeat;
background-position:center top;
margin:auto;
}

#crateNav .crate {
display:inline;
width:177px;
height:200px;
float:left;
margin-left:10px;
}

#crateNav .crate4 {
display:inline;
width:178px;
height:200px;
float:left;
margin-left:13px;
}

#crateNav .crate h2 {
font:bold 1.25em/34px Arial, "Helvetica Neue", Helvetica, Sans-serif;
background-image:url(../images/arrow-blue.gif);
background-repeat:no-repeat;
background-position:10px 10px;
text-indent:20px;
margin:0;
padding:0;
}

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

#crateNav .crate h2 a:hover {
color:#333;
background-image:url(../images/arrow-lt-blue.gif);
background-color:#fff;
word-spacing:11em;
}

#crateNav .crate2 h2 {
font:bold 1.25em/34px Arial, "Helvetica Neue", Helvetica, Sans-serif;
background-image:url(../images/arrow-red.gif);
background-repeat:no-repeat;
background-position:10px 10px;
text-indent:20px;
margin:0;
padding:0;
}

#crateNav .crate2 h2 a {
display:block;
padding-left:10px;
color:#fff;
text-decoration:none;
background-color:transparent;
background-image:url(../images/arrow-red.gif);
background-repeat:no-repeat;
background-position:11px center;
border-bottom-width:0;
border-left-style:none;
margin:0;
}

#crateNav .crate2 h2 a:hover {
color:#333;
background-image:url(../images/arrow-lt-red.gif);
background-color:#fff;
word-spacing:11em;
}

#crateNav #parents.crate2 h2 a:hover {
color:#db3453;
background-color:#e98093;
}

#crateNav .crate3 h2 {
font:bold 1.25em/34px Arial, "Helvetica Neue", Helvetica, Sans-serif;
background-image:url(../images/arrow-orange.gif);
background-repeat:no-repeat;
background-position:10px 10px;
text-indent:20px;
margin:0;
padding:0;
}

#crateNav .crate3 h2 a {
display:block;
padding-left:10px;
color:#fff;
text-decoration:none;
background-color:transparent;
background-image:url(../images/arrow-orange.gif);
background-repeat:no-repeat;
background-position:11px center;
border-bottom-width:0;
border-left-style:none;
margin:0;
}

#crateNav .crate3 h2 a:hover {
color:#333;
background-image:url(../images/arrow-lt-orange.gif);
background-color:#fff;
word-spacing:11em;
}

#crateNav #educators.crate3 h2 a:hover {
color:#ed9700;
background-color:#f5d59d;
}

#crateNav .crate4 h2 {
font:bold 1.25em/34px Arial, "Helvetica Neue", Helvetica, Sans-serif;
background-image:url(../images/arrow-green.gif);
background-repeat:no-repeat;
background-position:10px 10px;
text-indent:20px;
margin:0;
padding:0;
}

#crateNav .crate4 h2 a {
display:block;
padding-left:10px;
color:#fff;
text-decoration:none;
background-color:transparent;
background-image:url(../images/arrow-green.gif);
background-repeat:no-repeat;
background-position:11px center;
border-bottom-width:0;
border-left-style:none;
margin:0;
}

#crateNav .crate4 h2 a:hover {
color:#333;
background-image:url(../images/arrow-lt-green.gif);
background-color:#fff;
word-spacing:11em;
}

#crateNav #employees.crate4 h2 a:hover {
color:#8ba900;
background-color:#d1ea9d;
}

#crateNav #students {
background-color:transparent;
background-image:url(../images/box-students.jpg);
background-repeat:no-repeat;
background-position:0 34px;
}

#parents {
background-color:transparent;
background-image:url(../images/box-parents.jpg);
background-repeat:no-repeat;
background-position:0 34px;
}

#educators {
	background:transparent url(../images/box-community.jpg) no-repeat 0 34px;
}

#employees {
background:transparent url(../images/box-employees.jpg) no-repeat 0 34px;
}

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

.crate2 ul {
	list-style-type:none;
	list-style-position:outside;
	width:148px;
	list-style-image:url(../images/bullet-black-red-sm.gif);
	padding-left:29px;
	margin-top: 75px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.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-top: 75px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.crate4 ul {
	list-style-type:none;
	list-style-position:outside;
	width:148px;
	list-style-image:url(../images/bullet-black-green-sm.gif);
	padding-left:29px;
	margin-top: 75px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

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

#rightbutton {
width:177px;
height:40px;
padding-top:0;
padding-bottom:0;
background-color:#3A97B9;
margin:auto;
}

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

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

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

#rightbutton .arrow h2 a:hover {
	color:#3987ac;
	background-image:url(../images/arrow-lt-blue.gif);
	background-color:#9fd3e3;
}

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

#crateNav .crate2,#crateNav .crate3 {
display:inline;
width:177px;
height:200px;
float:left;
margin-left:11px;
}

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

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

.crate2 h6,.crate4 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;
}
.style3 {
color: #FF0000;
font-weight: bold;
}
.style5 {
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}
.style8 {color: #CCCCCC}
.style11 {
color: #0000FF;
font-size: 13px;
}
.style15 {color: #FFFFFF}
.style17 {color: #0000FF}
.style20 {color: #990000}
.style21 {color: #FF0000}