/*              Maria Pearson
		
		CSS File for WRSD Navigation Menus for:
     		Main SAU menu on top of screen which scrolls across the bottom of the image
		the Dropdown menus called by javascript
		and the minor left sidebar JUMP menus

		Color scheme for district:
			blue/black background to banner menu and complementary backgrounds: #003399
			maroon highlights: #990033
*/
html, body { min-height: 100%; margin-bottom: 1px; }
body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333; background-color: #eee; 
background-image: url("sysimg/grgr6.gif"); background-repeat: repeat-x;  
color:#111111;
font-family:arial,tahoma,verdana,sans-serif;
font-size:83%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}

* { margin:0; padding:0; }


/*******************************************************
 
	NAVIGATION BLOCK HANDLES HORIZONTAL MENU
	WHICH OVERLAYS THE BANNER IMAGE

*******************************************************/
a 		{ outline: none; }
a:hover 	{ color: #814a65; }
.pos-sb a, .pos-sb a:link, .pos-sb a:hover, .pos-sb a:visited {	color: #0000ee; }
.pos-nv 	{ 	position: absolute; z-index: 4; top: 212px; left: 0px; padding-top: 15px; } 
ul.mainNav 	{	margin: -10px 0 0 0px; border-collapse: collapse;
			padding: 0px; float: left; width: auto; }
.mainNav li 	{	font-family: "Lucida Grande", Verdana, "Trebuchet MS", Helvetica, Arial, san-serif; list-style: none; 				
			float: left; width: 180px; line-height: 1.2em; color: #fff; margin:  0px; }
.mainNav a 	{	z-index: 9; position: relative; display: block; width: 160px; 
			padding: 3px 10px 3px 10px; text-align: center; text-decoration: none; 
			color: #FFF; font-size: 15px; text-transform: uppercase; font-weight: bold; }
.mainNav a:hover {	background: #003366; margin-top: -1px; /*  #677b52 forrest green background */
			color: #fff; font-weight: bold; border-top: 1px solid #cccc99; border-bottom: 1px solid #cccc99; }
.mainNav .first li { 	border-left: none; }
.mainNav .last li  { 	border-right: none; }


/*******************************************************

	Banner which the horizontal menu is overlayed on top of 

*******************************************************/
.pos-hd { 	width: 900px;
		height: 240px;
		background-image: url("sysimg/winni13.jpg");
} 
#highschool .pos-hd { background-image: url("sysimg/winni11.jpg"); }   /*  each school can have their own banner */

#wrapper { 
	margin: 0px auto;
	position:relative;
	width: 900px;
}

#main1, .news { float: left; width: 690px; margin: 10px 0 0 20px; font-family: serif; }

#main1 h1 { margin-top: -10px; font-family: "Arial Black", sans-serif; color: #003366; text-transform: uppercase; font-weight: bold; letter-spacing: .3em;}
#main1 h2, h3, h4, h5 { font-family: "Arial", sans-serif; color: #003366; text-transform: uppercase; font-weight: bold; margin: 15px 0 5px 0; }
#main1 p { font-size: 1em; margin-bottom: 15px; }

/* 

	LEFT SIDEBAR WITH VERTICAL TEXT BANNER INDICATING DISTRICT ENTITY

*/


/*******************************************************

	LEFT SIDEBAR (#SIDE) HAS TWO CONTAINERS (#SIDE1 AND #SIDE2):
		#SIDE1 CONTAINS THE EXPANDABLE MENU AND MENU HEADING, 
		#SIDE2 THE VERTICAL TEXT BANNER INDICATING THE DISTRICT ENTITY

*******************************************************/
#side  { float: left; position: relative ; margin: 0px 0 20px 0px; width: 190px; height: 100%; overflow: hidden;  min-height: 0; }
/*
	TOP PORTION OF LEFT SIDEBAR, CONTAINS MENU HEADING AND MENU STYLING
*/
#side1 { float: left; position: relative; margin: 5px 0 20px 0px; width: 190px; height: 100%; overflow: hidden; border-bottom: 10px solid #003366; border-top: 10px solid #003366; min-height: 0; }

#side1 h1 {
  text-decoration: none;
  font: bold 1.5em "Lucida Grande", Arial, sans-serif;
  color: #ccc;
  letter-spacing: .1em;
  background-color: #003366;
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
}

/*******************************************************

	MENU NAVIGATION STYLINGS FOR EXPANDABLE MENU SYSTEM

*******************************************************/
/* styling for the left menu accordian menus and submenus */

#navigation {
	margin:0px;
	text-indent:0px;
	width:200px;
}
#navigation a {font-weight: bold; }
#navigation a.head, #navigation a.headno {
	cursor:pointer;
	background:#5263AB url("sysimg/collapsed.gif") no-repeat scroll 3px 4px;
	color:#FFFFFF;
	width: 190px;
	display:block;
	font-weight:bold;
	margin:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.headno { background-image: none; }
#navigation a.head:hover, #navigation a.headno:hover { background-color: #003399;
	color:#FFFF33;
}
#navigation a.head.selected {
	background-image: url("sysimg/expanded.gif");
}

#navigation a.ajax:active, #navigation a.headno:active, .activesubmenu {/*background-color: #ffff99; color: #990033;*/ 
			background-color: #990033; color: #fff; }  /* color scheme when selected submenu item */
#navigation a.current {background-color: #003399;}
#navigation ul {
	border-width:0px;
	margin:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a, a.noselected, a.noselected:hover {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#ffff99;
	color:#990033;
}
#navigation li li a:active, .cursel {
background-color: #990033; color: #FFF; 
}

/* ended the additional css for the accordian menus */


.t1t { clear: both; line-height: 1px; }

/* 	END LEFT SIDEBAR MENU STYLINGS 			*/

/*	END TOP PORTION OF LEFT SIDEBAR  	*/

/************************************************

	BOTTOM PORTION OF LEFT SIDEBAR
	WHICH CONTAINS VERTICAL BANNER

*************************************************/

#side2 { float: left; position: relative; margin-right: 35px; width: 120px; height: 1275px; min-height: 1; overflow: hidden; }

body#sau #side2 { background: url("sysimg/sau59.gif") no-repeat; }
body#highschool #side2 { background: url("sysimg/sau59-hs.gif") no-repeat; }
body#ms  #side2 { background: url("sysimg/sau59-middle.gif") no-repeat; }
body#sw  #side2 { background: url("sysimg/sau59-southwick.gif") no-repeat; }
body#scs #side2 { background: url("sysimg/sau59-scs.gif") no-repeat; }
body#uss #side2 { background: url("sysimg/sau59-union.gif") no-repeat; }

*.float         { float:left; }

#101, #main1 { min-height: 1px; }
*.float-divider { clear:both; 
                  font-size:1px; line-height:1px; }
.sepa 			{ clear: both; height: 0; }

.pos-blank {	float: left;
		margin: 0; padding: 0;
		height: 240px; width: 120px;
 }

.folderlist  {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.folderlabel { 	padding: 5px 15px 5px 15px;
			cursor: pointer;
			position: relative;
			margin: 1px;
			color: #eee;
			background-color: #990033;
}

.foldercontent { 
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
}
#map p { float: left; line-height: 1.3em; font-size: 1em; color: #000; /*background-color: #eee;*/  }
#map img, #map iframe  { float: right; border: none; overflow: hidden;}



/* 
newsletter styling 
*/
.news a { font-size: 1.1em; text-decoration: none; letter-spacing: .2em; font-family: Times, serif; }


/* 

ALERTS STYLING INFORMATION

news panel below header before content 
*/
.newshome { 	float: left;
		width: 670px;
		margin: 5px 0 5px 0;
		overflow: auto;
	}

/*.t1a, .t1,*/ .newsbox2 /*, .newsbox3*/ {	color: #ffdd88; 
	font-weight: bold; 
	font-size: .9em; 
}

.t2 { float: right; overflow: hidden; }
.newsbox2 p, .newsbox2 pre { width: 670px; font-size: 1.2em; line-height: 1.3em; color: #000; font-weight: bold; margin: 0px 5px 5px 0px; padding: 10px; border-bottom: 3px #600 solid;border-left: 3px #600 solid;border-right: 3px #600 solid;}
.hilite2 { display: block; width: 670px; margin:0; padding: 10px; text-align: center; border: 3px #600 solid;}
.newsbox2 .hilite2 { font-size: 1.8em; letter-spacing: .3em; background-color: #ffeecc; color: #000066; }

.newsbox3 { width: 900px; margin:0; padding: 0; font-size: 1.3em; text-transform: uppercase; background-color: #fff; color: #000;}
.hilite3 { width: 900px; margin: 0; padding: 0; text-align: center;  color: #ff0000; font-weight: bold; font-size: 3em; background-color: #ff9999; }

.grades  {font-size: .9em; color:#555; text-transform: uppercase; }

.mainlist h1, .mainlist h2, .mainlist h3, .mainlist h4, .mainlist h5, .mainlist h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif; /* margin: 1.2em 0 .3em;*/ color:#000; /* border-top: 1px solid #222; */ padding-bottom: .1em}
.mainlist h1 {font-size: 196%;margin-top:.6em}
.mainlist h2 {font-size: 136%}
.mainlist h3 {font-size: 126%}
.mainlist h4 {font-size: 116%}
.mainlist h5 {font-size: 106%}
.mainlist h6 {font-size: 96%}
.mainlist p { font-family: arial, verdana, tahoma, helvetica, sans-serif; font-size: 1em; margin-left: 0px; color: #333; }
.mainlist a {text-decoration: none; font-weight: bold; color: #3300ff; }

/* thumbnails used throughout at 150x100 */
.thumbnail {margin: 0px; position:relative; float:right; z-index: -3; width: 140px; padding:4px; background:#fff; overflow: hidden;}
.thumbnail img {border: 1px solid #eee;}
.divhilite a:hover { background-color: #cccc99; }
.entity {float: left; width: 100%; border-top: 1px solid #222222; margin: 15px 0 0 0; font-family: arial,verdana,sans-serif; overflow: hidden}
.fleft {float: left; overflow: hidden; }
.lnk { float: right; }
/*
.lnk { float: right; position:relative; z-index: -3; margin-bottom: 4px; overflow: hidden;}*/
.lnk a { font-family:arial,tahoma,verdana,sans-serif; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #677b52; padding: 0 6px; margin: 0 0 5px 0; }
.lnk a:hover { background-color: #cc9933; color: #fff; }


.intimg { float: left; background-color: #fff; padding: 5px; overflow: hidden; }
/* begin main content layout */

/* 

	definitions for generic blocks separating content and floating left and right 

*/
.block5 { /*width: 530px;*/ width: 690px; float: left; overflow: hidden; }
.block-left { width: 265px; float: left; overflow: hidden; }
.block-right {width: 265px; float: left; overflow: hidden; }
.block-left-a { /* min width to fix ie problems */ width: 160px; float: left; overflow: hidden; }
.block-right-a {width: 380px; border-top-style: none; float: left; overflow: hidden; }
.block-right-b {width: 530px; border-top-style: none; float: left; overflow: hidden; }
.block-right-b img { float: right; border: none; padding: 5px; background: #fff; overflow: hidden;}
.block-pic-a { width: 150px; float: right; overflow: hidden; }
.block-pic-a img { border: none; padding: 5px; background: #fff; overflow: hidden; z-index: 10;}


/* 

	copyright information styling 

*/
#copyw {	font-size: .8em;
			 float: left;			 
			 text-align: center;
			 color: #666699;
}						 

#copyw a {	text-decoration: underline;
		color: #006;
}

.main, .mainc { 
	float: left;
	margin-top: 10px;
	text-align: left;
	height: 100%;
	overflow: auto;
}

.light { color: #595959; }
.main  {	font-size: 1.1em;
		line-height: 1.5em;
		margin-right: 10px;
		margin-left: 0px;
		text-align: left;

}
.main p strong  { color: #000066; }
/*

	STYLES FOR DEFINITION LISTS

*/
dd { 	color: #000;
	padding: 0 0 10px 40px;
	font-size: 1em;
}
dd strong { color: #006; }
dd ul { margin-left: 20px; }
dt {	color: #eee;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #990033;
	padding-left: 15px;
	margin: 10px 0 20px 0;
}
dl.slidedl dt { cursor:pointer; margin: 2px; width: 100%; background-color: #336633;}

.ctr { text-align: center; }
.half { width: 340px; margin-left: 155px; padding: 10px; border: 3px solid #990033;}
.nobul { list-style-type: none;}
.tart { padding-left: 20px; color: #990033; }


/* 


table columns 



*/
.tabletext td {line-height: 1.2em; font-size: 1em; font-weight: bold; padding: 5px 20px; border: 1px solid #c9c9c9; }
.tabletext td a { text-decoration: none; }
.tabletext td a:hover { background-color: #ffff99;}
.tc100	{width: 100px;}
.tc190	{width: 190px;}
.tc300	{width: 300px;}
.tr8 	{width: 30px; }
table  { border-collapse: collapse; }
/*
end table styling
*/


/*

	MIDDLE SCHOOL CLASSES USED

*/
.leftbul { text-align: left; margin: 0 0px 0 20px; font-size: .8em; }
.nobul, p.nobul2 {list-style-type: none; line-height: 1.8em; margin-left: 20px; }
p.nobul2 strong { margin-left: -10px; }
.nobul2 a { text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold;  line-height: 1.8em; padding: 2px; }
.nobul2 a:hover { background-color: #990033; color: #eee; }
.b1 { border: 1px solid #660000; }
.l40 { margin-left: 40px; }
.rt {   float: right; margin-left: 15px; }
.lt, .l2 { margin-left: 20px; }
.l2 {  float: left; margin: 8px 10px 13px 20px; }
.border1 { border: 1px solid #b2b2b2; }
.wolf { padding-left: 125px; }
.tblct { margin-left: 50px; }
.tblhd {color: #fff;
	text-transform: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 0px;
}
.tblleg { background-color: #990033; }
dd .tblleg { background-color: #ccc; }
.content-table {
	color: #006;
	font-size: 1.3em;
	margin: -10px;
	padding: 0px;
}
.content-row { padding: 0 35px 0 0; }
.crleft { margin: 0 0 0 35px; }
td {	padding: 0;
	margin: 0px;
	font-size: 1em;
	line-height: 1.5em;
}
.tr1 { width: 215px; }
.tr2 { width: 179px; }
.tr3 { width: 100px; }
.tr4 { width: 250px; }


/* 	END MIDDLE SCHOOL CLASSES USED */