/* CSS Document */

/* basic elements */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #333;
	text-align: center;
	background: #2F941F url("images/bkgd.gif") repeat-x top center;
	font-size: small; /* IE5 Win */
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

html>body	{
	font-size: small;	
}

h1 {
	font-size: 100%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
	color: #660033;
}

p {margin: 0px 0px 8px 0px}

a:link {
	color: #009900;
	}
a:visited {
	color: #009900;
	}
a:hover {
	color: #33CC33;
	}
	
/* top of page */

#header {
	margin: 0;
	padding: 0;
	background-color: black;
	border-bottom: 1px solid #7AE169;
	height: 24px;
	voice-family: "\"}\"";
	voice-family: inherit;	
	}
	
#header-content {
	margin: auto;
	width: 796px;
	text-align: left;
	color: #84C179;
	padding-top: 4px;
	}
	
#header-content a {
	font-size: 80%;
	text-decoration: none;
	color: #84C179;
	}
	
#header-content a:hover {
	text-decoration: none;
	color: #D2F7CC;
	}


#bannerwrap {
 	margin: auto;
	width: 100%;
	background:  url(images/banner-bkgd.gif) repeat-x top left;
	}

#banner {
	width: 796px;
	border-right: 1px solid white;
	border-left: 1px solid white;
	margin: auto;
	padding: 0;
	height: 209px;
	text-align: left;
	background-color: #510D16;
	}
	
#bannerlogo {
		width: 465px;
		height: 209px;
		float:left;
		background: #510D16;
		}
		
#bannerphoto {
		width:166px;
		height: 209px;
		padding:0px;
		float:left;
		background: url(images/photo.jpg) no-repeat;
		border-left: 1px solid white;
		border-right: 1px solid white;
		}
	
#bannerother {
		width: 159px;
		padding: 0px;
		float: left;
		}
			
#bannerother ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	color: #78B26E;
	}		
	
#bannerother ul a {
	font-size: 72%;
	color: #78B26E;
	text-decoration: none;
	}		
	
#bannerother ul a:hover {
	text-decoration: underline;
	color: #D2F7CC;
	}		
	
#bannerother h1 {	
	padding: 18px 0px 7px 0px;
	text-align: center;
	margin:0px;
	}		

/* School District State Navigation */
		
#menu-main  {
	font-size: 11px; /* Need to crank down the tab fonts so they don't wrap wrong :*/
	padding: 0 0 0 8px;
	height: 39px;
	border-bottom: 3px solid #6B1621;	
	clear:both;
}

#menu-main  ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	
	
#menu-main  li {
	/* the next two attributes allow us to assign a height to our tabs */
	display: block;
	float: left;	
	padding: 0 0px 0 0px;
	height: 39px;
	}

#menu-main   li a { 
	display: block;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color: white;
	border: 0;
	margin: 0;
	font-weight: bold;
	padding: 9px 0 0 0;
	}

li#tab-school { 
 	background: url(images/tab-school.jpg) no-repeat;
	padding: 0 2px 0 1px;
 	width: 150px !important; 
	}
li#tab-district   { 
	background: url(images/tab-district.jpg) no-repeat;
	padding: 0 3px 0 0px;
	width: 154px !important; 
	}
li#tab-state { 
	background: url(images/tab-state.jpg) no-repeat;
	width: 141px !important; }


#menu-main li.selected a,
#menu-main li a:hover {
background-color: transparent;
border: 0;
color: white;
text-decoration: underline;
}

#menu-main li.selected { background: #497849 url(http://onenw.launchpad.onenw.org/tab-selected-corner-left.gif) top left no-repeat; }
#menu-main li.selected a { background-image: url(http://onenw.launchpad.onenw.org/tab-selected-corner-right.gif); }

/* Submenu navigation*/

#menu-sub {	
height: 39px;
padding: 0;
border-collapse: collapse;
}
#menu-sub, #menu-sub tr, #menu-sub td { background-color: transparent; }

#menu-sub td {	
	margin: 1px 0 0 0;
	border-right: 1px solid #6B1621;
	text-align: center;
	vertical-align: middle;
	padding: 0 1em;
	line-height: 100%;
	}

#menu-sub td a {
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
	font-size: 72%;
	color: #D2F7CC;
	margin: 1px 0;
	height: auto;
	}
	

#menu-sub td:hover, #menu-sub td.selected {	
	background-color: #6B1621;
	text-decoration: underline;
	}


#menu-sub td.selected a, #menu-sub td a:hover {
	text-decoration: underline;
	}

#menu-sub td#menu-sub-expecting, #menu-sub td#menu-sub-planning { padding-right: 4em; }
	
	
/* middle of page */

#container {
	margin: auto;
	margin-bottom: 0px;
	width: 797px;
	padding: 0;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	
td.divider {
	background-color: #3CAC29;
	width: 3px;
	}

td.statecharts	{
	width: 242px;
	line-height: 104%;
	margin-bottom: 0px;
	background-color: #FFF;
	padding: 0;
	height: 100%;	
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	
td.statecharts h1 {	
	padding: 18px 0px 12px 0px;
	margin:0px;
	text-align: center;
	}	
	
td.statecharts h2 {	
	padding: 10px 0px 7px 0px;
	text-align: left;
	margin:0px;
	}	
	
td.statecharts	ul {
	list-style: none;
	font-size: 84%;
	margin: 0 6px 0 0;
	padding-left: 6px;
	text-indent: 1px;
	}
	
td.statecharts li {	
	padding: 2px 0px 2px 0px;
	}		
	
td.statecharts a {	
	padding: 4px 0px 4px 0px;
	text-decoration: underline;	
	}		
	
td.statecharts li a:hover {	
	text-decoration: underline;	
	color: #962937;
	}	
	
	
td.statecharts .off {	
	padding: 4px 0px 4px 0px;
	text-decoration: none;	
	}		



td.contents {
	width: 510px;
	background-color: #D2F7CC;
	height: 100%;	
	padding: 15px 25px 20px 15px;
	margin: 0px;
	border-right: 1px solid white;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	
td.contents h1 {
	font-size: 110%;
	color: #2F941F;
	}
	
td.contents h2 {
	font-size: 110%;
	font-weight: bold;
	color: #81202D;
	margin: 0 0 6px 0;
	padding-top: 8px;
	}
	
td.contents h3 {
	font-size: 88%;
	font-weight: bold;
	color: #81202D;
	margin: 0;
	}
	

td.contents h4 {
	font-size: 100%;
	font-weight: bold;
	color: #81202D;
	margin: 0;
	}
	
/* chart headings*/
td.contents h5 {
	font-size: 100%;
	font-weight: bold;
	color: #2F941F;
	margin: 0;
	padding-bottom: 8px;
	}
	
td.contents ul {
	list-style: none;
	font-size: 94%;
	font-weight: bold;
	color: #000;
	margin: 0 0 0 5px;
	padding: 0 0 8px 0;
	}	
	
td.contents li {
	list-style: none;
	font-size: 94%;
	font-weight: normal;
	color: #000;
	margin: 3px 0 3px 5px;
	padding: 0px;
		}	
		
td.contents a {
	margin: 0;
	padding: 0px;
		}	
	
.contentheading {
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	}	
		
.indent {
	margin: 0 0 0 22px;
	}	
	
td.contents a:visited {
	color: #3AB13A;
	text-decoration: underline;
	}	
	
td.contents .small {
	font-size: 74%;
	}
	
/* bottom of page */

#footer {
		background:#510D16;
		margin:0;
		color: #78B26E;
		font-size: 82%;
		text-align: center;
		line-height: 104%;
		padding: 7px 0;
		clear:both;
	}
	
#footer a {
		color: #78B26E;
		text-decoration: underline;
		}

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