/*              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, #main11, .news { float: left; width: 690px; margin: 10px 0 0 20px; font-family: serif; }

#main1 h1, #main11 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, #main11 h2 { font-family: "Arial", sans-serif; color: #003366; text-transform: uppercase; font-weight: bold; margin: 15px 0 5px 0; }
#main1 p, #main11 p { font-size: 1em; margin-bottom: 15px; }

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



/* 

	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, #side-right { 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, #side-right 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;
}

/*

	RIGHT SIDE PANEL

*/
#main11 {width: 490px; }
#side-right { float: right; width: 190px; height: auto; min-height: 400px; margin: 5px 0 5px 5px; background-color:#5263AB; color: #FFFFFF}
#side-right a {
	cursor:pointer;
	background:#5263AB /* url("sysimg/collapsed.gif") */ no-repeat scroll 3px 4px;
	color:#FFFFFF;
	width: 185px;
	display:block;
	font-weight:bold;
	margin:11px 11px 11px 0px;
	padding: 11px;
	text-indent:0px;
	text-decoration: none;
}
#side-right a:hover { background-color: #003399; color:#FFFF33;}
/*******************************************************

	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; 
}

#navigation li li a:active {
	background-color:#ffff99;
	color:#990033;
}

#navigation a.cur11 {
	background-color:#ffff99;
	color:#990033;
}

/* 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: 465px; 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: 465px; 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: 490px; 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, #table1 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; }

/*    Following css is for curriculum table text and is used in conjunction with #main2 above
*/

#table1 td {text-align: left; 
			padding: 10px;
			}
#table1, #table1 th, #table1 td {
			border: 1px solid red;
			}
#table1 ul { margin-left: 10px; padding-left: 10px; }

.tabtxt {	background-color: #eee;
			color:#000000;
	}

/* end table text for curriculum */