/*              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; }
*******************************************************/
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; font-size: .9em;
			float: left; width: 150px; line-height: 1.2em; color: #fff; margin:  0px; }
.mainNav a 	{	z-index: 9; position: relative; display: block; width: 128px; 
			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, .current0  {	background: #003366; margin-top: -1px; /*  #677b52 forrest green background */
			color: #fff; font-weight: bold; border-top: 1px solid #cccc99; border-bottom: 2px solid #cccc99; }

.mainNav a:hover {background: #5263ab; }
.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");
} 
#hs .pos-hd { 	width:  900px;
		height: 240px;
		background-image: url("sysimg/winni-hs2.jpg"); }   /*  each school can have their own banner */
		
#ms .pos-hd { 	width:  900px;
		height: 240px;
		background-image: url("sysimg/m2010.jpg"); }   /*  each school can have their own banner */
		
#sc .pos-hd { 	width:  900px;
		height: 240px;
		background-image: url("sysimg/banner-sc2.jpg"); } 
		
#us .pos-hd { 	width:  900px;
		height: 240px;
		background-image: url("sysimg/banner-us2.jpg"); } 

#sw .pos-hd { 	width:  900px;
		height: 240px;
		background-image: url("sysimg/banner-sw.jpg"); } 

/*	
#uss .pos-hd { width: 900px;
				height:  240px;
				background-image:  url("sysimg/m2010.jpg"); } 
*/
		
#wrapper { 
	margin: 0px auto;
	position:relative;
	width: 900px;
}

/* main1 was also on news below, 10/12/09 changed main1 from 690 to 685 to not let it overlap the header */
#main1, .news { float: left; width: 685px; margin: 13px 0 0 20px; font-family: "Arial", sans-serif; font-size: 1.1em; }

#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 h3 { text-transform: none; color: #990033; font-size: 1.2em; }
#main1 p { font-size: 1em; margin: 0 0 15px 25px; }
#main1 { margin-left: 213px; display: inline;}
/* for tabletext there is a #main1 in the area of line 400 styling the link with an underline */


/* #hs-menu, #ms-menu { width: 480px; }

#main1 { float: left; position: absolute; margin-left: 380px; width: 680px; font-family: san-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

*******************************************************/
/* changed 10/09/09 to fix the left column position
#side  { float: left; position: relative ; margin: 0px 0 20px 0px; width: 190px; height: 100%; overflow: hidden;  min-height: 0; } c03
*/
#side { position: absolute; z-index:1; width: 240px; margin: 4px; }

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

#side1 h1, #side1 .addr {
  text-decoration: none;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  color: #ccc;
  background-color: #003366;
  position: relative;
  display: block;
  letter-spacing: .1em;
  width: 100%;
  height: 100%;
  padding: 10px 0 10px 10px;
}

#side1 .addr { font: normal .8em "Lucinda Grande", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; height: 55px; padding: 5px 0 10px 14px; }

/*
body#ms #side1 h1 { font: 14px, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  }
body#sc #side1 h1 { font-size: 18px; letter-spacing: 2px; margin-left: -5px; }
body#us #side1 h1 { font-size: 16px; letter-spacing: 2px;  }
*/
body#sw #side1 h1 { font-size: 1.3em; }
body#sc #side1 h1 { font-size: 1.3em; letter-spacing: 0em; margin-left: 0px;}


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

	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, #navigation a.current1 { background-color: #003399;
	color:#FFFF33; 
}
#navigation a.head.selected {
	background-image: url("sysimg/expanded.gif");
}
/*#navigation a.current1 { background-image: url("sysimg/herepaw.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; color:#FFFF33} /* added 10/11/09 to add yellow text to currently selected head */
#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;
}
/* moved current from here to lower 100909 */
#navigation li li a:active, .cursel {
background-color: #990033; color: #FFF; 
}

/*.current0, #navigation li li a:hover {
	background-color:#718969;
	color:#990033;
}*/

.current1, #navigation li li a:hover {
	background-color:#ffff99;
	color:#990033;
}

#navigation li a:hover, #navigation a.headno:hover { color: #990033; background-color: #eee; }

.bearpaw { background-image: url('sysimg/bearpaw.gif'); }
/* 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; min-height: 1; overflow: hidden; }
/* side2 height was 1275 to allow for all characters 10/9/09 */
body#sau #side2 { background: url("sysimg/sau59.gif") no-repeat; height: 425px; }
body#hs  #side2 { background: url("sysimg/sau59-hs.gif") no-repeat; height: 775px; }
body#ms  #side2 { background: url("sysimg/sau59-middle.gif") no-repeat; height: 890px; }
body#sw  #side2 { background: url("sysimg/sau59-southwick.gif") no-repeat; height: 700px; }
body#sc  #side2 { background: url("sysimg/sau59-scs.gif") no-repeat; height: 1300px; }
body#us  #side2 { background: url("sysimg/sau59-union.gif") no-repeat;  height: 910px; }

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

/* Styling for file types of pdf to show a pdf icon next to the file reference anchor tag  */

a[href$='.pdf'] {
display:inline-block;
padding-right:20px;
line-height:18px;
background:transparent url('sysimg/pwa.png') center right no-repeat;
}

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

.hilite { background-color: yellow; }


#callout1 { width: 240px; margin: 5px; padding: 3px; background-color: #990033; color: #ffffee; }

.grades  {font-size: .9em; color:#555; text-transform: uppercase; }
.caption {font-size: .8em; color:#555; text-align: center; }
.picbox { background-color: #CC9999; }

.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, .bdr1 {padding: 4px; border: 1px solid #eee;}
.thumbgallery { width: 140px; height: 140px; padding: 3px; border: 1px solid #006; float: left; }
.bdr1 {padding: 4px; border: 2px solid #666;}
.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; }
.fleftmargin {float: left; overflow: hidden; margin: 5px 5px 5px 0px; }
.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;
}
/*
#copyw {	float: left;
		text-align: center;
		background: #003366;
		text-decoration: none;
  		font: .7em, Arial, sans-serif;
  		letter-spacing: .1em;
		background-color: #003366;
  		position: relative;
  		display: block;
  		width: 100%;
  		padding: 5px 0 0 0;
		line-height: 1em;
		color: #fff; }
*/
.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.pto dt {color: #006; font-size: 106%; border-top: double #3333CC medium; background: none;}


dl.slidedl dt { cursor:pointer; margin: 2px; width: 100%; background-color: #336633;}
#main1 dt { letter-spacing: .2em; }

.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; }
.indent25 { padding-left: 25px; }
.bot25 { margin-bottom: 25px; }
.sp11 a {margin: 3px 0 0 0;}
/* 


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; }
.smtext, .tblindent, .indent50 { margin-left: 50px; }
.smtext td, ul.smtext { font-size: .8em; line-height: 1.4em; }
p.rev { text-decoration: underline; font-weight: bold; font-size: .9em; color: #990044; }
#main1 .tabletext td a { text-decoration: underline; }
/*#main1 .tabletext td a img { text-decoration: none; }*/
/*.tabletext td a:hover { background-color: #ffff99;}
.tabletext td a:hover img { background-color: none; }*/
.tc50   {width: 50px; }
.tc100	{width: 100px;}
.tc190	{width: 190px;}
.tc220  {width: 220px;}
.tc270  {width: 270px;}
.tc300	{width: 300px;}
.tr8 	{width: 30px; }
table  { border-collapse: collapse; }
/*
end table styling
*/

/* alerts styling */
#wrsdal { background-color: #ffff33; color: #993300; font-weight: bold; padding: 5px; width: 165px; height: 25px; }


/*

	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; }
.b2 { border: 2px solid #660000; }
.l40 { margin-left: 40px; }
.rt {   float: right; margin-left: 15px; }
.lt, .l2 { margin-left: 20px; }
.fl { float: left; margin-right: 10px; clear: both;}
.l2 {  float: left; margin: 8px 10px 13px 20px; }
.border1 { border: 1px solid #b2b2b2; }
.border2 { border: 2px solid #b2b2b2; }
.wolf { padding-left: 150px; }
.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; }

.rt { float: right; margin-left: 15px; }
}

/* 	END MIDDLE SCHOOL CLASSES USED */
/*      INDENTS         */
.indent25 { margin-left: 25px; }
.indent50 { margin-left: 50px; }
.indent75 { margin-left: 75px; }
.indent100 { margin-left: 100px; }
.indent125 { margin-left: 125px; }
.indent150 { margin-left: 150px; }
.indent175 { margin-left: 175px; }
.indent200 { margin-left: 200px; }

.sact a { margin-left: 50px; }
.sact br { margin-bottom: 10px; }


/* Countdown Timer Styling */
/* jQuery Countdown styles 1.5.4. */
.hasCountdown {	border: 1px solid #ccc; }
.countdown_rtl { direction: rtl; }
.countdown_holding span { background-color: #ccc; }
.countdown_row {clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown_show1 .countdown_section { 	width: 50px; }
.countdown_show2 .countdown_section { 	width: 50px; }
.countdown_show3 .countdown_section { 	width: 50px; }
.countdown_show4 .countdown_section {	width: 50px; }
.countdown_show5 .countdown_section { 	width: 50px; }
.countdown_show6 .countdown_section {	width: 50px; }
.countdown_show7 .countdown_section { 	width: 50px; }
.countdown_section {	margin-left: 8px; display: block; float: left; font-size: 75%; text-align: center; }
.countdown_amount { 	font-size: 200%; }
.countdown_descr { 	display: block;	width: 100%; }
#defaultCountdown { width: 200px; height: 45px;  }
/* End Countdown Timer Styling */