/* CSS Document */

.clear { clear: both; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }

.indent { margin-left: 2em; }

.heading1 { color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.heading2 { color:#8d0f1b; font-size:medium; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.heading3 { color:#333333; font-size:medium; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.heading4 { color:#333333; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold }

.textSmall { color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal }
.textStandard { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em }
.textBigger { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.0em }

body { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.8em }

#browserNotify {
	display: none;
	height: 24px;
	line-height: 24px;
	background-color: #ffff99;
	text-align: center;
}

.leftContent { background-color:#FFCA64; }
.mainContent { padding-left:10px }

.menuLink_Table {}
.menuLink_div { border-top:1px solid #E3B04D }
.menuLink_span {
	display:block;
	text-align:left;
	background-color:#FFCA64
}
.menuLink {
	text-decoration:none;
	display:block;
	height:20px;
/*	color:#F1F5F7;*/
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.8em;
	border-top:1px solid #FFD78B;
	border-bottom:1px solid #E3B04D;
}
a.menuLink:hover {
	background-color:#0067AB;
	border-top:1px solid #81A5D1;
	border-bottom:1px solid #00487C;
	color:#F1F5F7;
}

.submenuLink_Table {}
.submenuLink_div { border-top:1px solid #BC9E63; border-bottom:1px solid #E3C283; }
.submenuLink_span {
	display:block;
	text-align:left;
	background-color:#FFD78B;
}
.submenuLink {
	border-top:1px solid #FFD78B;
	border-bottom:1px solid #FFD78B;
	text-decoration:none;
	display:block;
	height:20px;
	color:#000000;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal
}
a.submenuLink:hover {
	background-color:#0067AB;
	border-top:1px solid #81A5D1;
	border-bottom:1px solid #00487C;
	color:#F1F5F7;
}

.youAreHere {
	background-color:#0067AB;
	border-top:1px solid #81A5D1;
	border-bottom:1px solid #00487C;
	color:#F1F5F7;
	font-style:italic;
}
.youAreNotHere {}
.thisLinkIsDead { color:#804654; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none }

.redBar_row {  background-color:#B3454B }
.redBar_blue { background-image:url(_graphics/red_bar/red_bar-blue.gif); background-color:#FFCA64; background-repeat:repeat-x; background-position:top }
.redBar_line { background-image:url(_graphics/red_bar/red_bar-line.gif); background-color:#FFFFFF; background-repeat:repeat-x; background-position:0% 0%; }
.redBar_white { background-image:url(_graphics/red_bar/red_bar-white.gif); background-color:#FFFFFF; background-repeat:repeat-x; background-position:top }
.linkBlock_rightEdge { background-image:url(_graphics/menu_tab/left.gif); background-repeat:repeat-y; background-position:left; width:11px }

#mainDiv {}
#pageHeadingDiv {}

.departmentLink { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.departmentRootLink { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }

.simple_shadow-right{ background-image:url(_graphics/simple_shadow/right.jpg); background-repeat:repeat-y; background-position:0% 0%; }
.simple_shadow-bottom_middle { background-image:url(_graphics/simple_shadow/bottom_middle.jpg); background-repeat:repeat-x; background-position:0% 0%; }

.overcast-right{ background-image:url(_graphics/overcast/overcast-right.gif); background-repeat:repeat-y; background-position:0% 0%; }
.overcast-bottom_middle { background-image:url(_graphics/overcast/overcast-bottom_middle.gif); background-repeat:repeat-x; background-position:0% 0%; }
.overcast-left { background-image:url(_graphics/overcast/overcast-left.gif); background-repeat:repeat-y; background-position:100% 0%; }
.overcast-top_middle{ background-image:url(_graphics/overcast/overcast-top_middle.gif); background-repeat:repeat-x; background-position:0% 100%; }

/* School Buttons >>> */
/* School Buttons >>> */
	a.SchoolButton, a.SchoolButtonWide { /* definition of the "image" class in the <a> tag */
		display: block; /* a tag must be a block */
		width: 106px; /* width of reactive image */
		height: 48px; /* height of reactive image */
		background-repeat: no-repeat;
	}
	a.SchoolButtonWide { /* definition of the "image" class in the <a> tag */
		width: 140px; /* width of reactive image */
	}

	a.SchoolButtonLunchMenu { background-image:url(_graphics/school_buttons/LunchMenu.gif); }
		a.SchoolButtonLunchMenu:hover { background-image:url(_graphics/school_buttons/LunchMenu-hover.gif); }
		a.SchoolButtonLunchMenu:active { background-image:url(_graphics/school_buttons/LunchMenu-down.gif); }
	a.SchoolButtonBoundaryMap { background-image:url(_graphics/school_buttons/BoundaryMap.gif); }
		a.SchoolButtonBoundaryMap:hover { background-image:url(_graphics/school_buttons/BoundaryMap-hover.gif); }
		a.SchoolButtonBoundaryMap:active { background-image:url(_graphics/school_buttons/BoundaryMap-down.gif); }
	a.SchoolButtonNewsActivities { background-image:url(_graphics/school_buttons/News&Activities.gif); }
		a.SchoolButtonNewsActivities:hover { background-image:url(_graphics/school_buttons/News&Activities-hover.gif); }
		a.SchoolButtonNewsActivities:active { background-image:url(_graphics/school_buttons/News&Activities-down.gif); }
	a.SchoolButtonNews { background-image:url(_graphics/school_buttons/News.gif); }
		a.SchoolButtonNews:hover { background-image:url(_graphics/school_buttons/News-hover.gif); }
		a.SchoolButtonNews:active { background-image:url(_graphics/school_buttons/News-down.gif); }
	a.SchoolButtonActivities { background-image:url(_graphics/school_buttons/Activities.gif); }
		a.SchoolButtonActivities:hover { background-image:url(_graphics/school_buttons/Activities-hover.gif); }
		a.SchoolButtonActivities:active { background-image:url(_graphics/school_buttons/Activities-down.gif); }
	a.SchoolButtonEdline { background-image:url(_graphics/school_buttons/Edline.gif); }
		a.SchoolButtonEdline:hover { background-image:url(_graphics/school_buttons/Edline-hover.gif); }
		a.SchoolButtonEdline:active { background-image:url(_graphics/school_buttons/Edline-down.gif); }
	a.SchoolButtonResourcesReports { background-image:url(_graphics/school_buttons/Resources.gif); }
		a.SchoolButtonResourcesReports:hover { background-image:url(_graphics/school_buttons/Resources-hover.gif); }
		a.SchoolButtonResourcesReports:active { background-image:url(_graphics/school_buttons/Resources-down.gif); }
/* <<< School Buttons */
/* <<< School Buttons */

ul.simpleList { list-style-image:url(_graphics/wusdlogo-bullet.gif)}
li.simpleList { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.8em; padding-bottom:9px; }

table.dataList {}
th.dataList { background-color:#E3E3E3 }
tr.dataList { background-color:#EEEEEE }
td.dataList { padding-left:7px; color:#333333  }
a.dataList {
	color: #333333;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
}
a.dataList:hover {
	color: blue;
	text-decoration: underline;
}
a.dataList2 {
	text-decoration: none;
}
a.dataList2:hover {
	text-decoration: underline;
}

table.dataTable {
	margin-left: 2em;
	border: 0px solid #EEEEEE;
	width: 80%;
	height: 50px;
}
	.dataTable thead, .dataTable tfoot {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
	}
		.dataTable thead th, .dataTable tfoot th , .dataTable tfoot td {
			background-color:#E3E3E3;
			border-width:1px;
			border-style:solid;
			border-top-color:#EEEEEE;
			border-left-color:#EEEEEE;
			border-right-color:#CCCCCC;
			border-bottom-color:#CCCCCC;
		}
	.dataTable tbody {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		overflow: auto;
	}
		.dataTable tbody tr { height: 20px; }
		.dataTable tbody tr.even { background-color:#EFEFEF; }
		.dataTable tbody tr:hover { background-color: #789ABC; }
		.dataTable tbody tr:hover td, .dataTable tbody tr:hover th { color: #FEFEFE; }
		.dataTable tbody th {
			text-align: left;
			font-weight: normal;
		}
		.dataTable tbody td, .dataTable tfoot { text-align: center; }
		.dataTable thead th, .dataTable tbody td , .dataTable tbody th {
			padding:2px;
			padding-left:1em;
			padding-right:1em;
			color:#333333;
		}

/* Complex Shadow Layout >>> */
/* Complex Shadow Layout >>> */

	.layout-complex_shadow-top_middle { background-image:url(_graphics/layouts/complex_shadow/top_middle.gif); background-position:50% 100%; background-repeat:repeat-x }
	.layout-complex_shadow-left { background-image:url(_graphics/layouts/complex_shadow/left.gif); background-position:100% 50%; background-repeat:repeat-y }
	.layout-complex_shadow-right { background-image:url(_graphics/layouts/complex_shadow/right.gif); background-position:0% 50%; background-repeat:repeat-y }
	.layout-complex_shadow-bottom_middle { background-image:url(_graphics/layouts/complex_shadow/bottom_middle.gif); background-position:50% 0%; background-repeat:repeat-x }

/* <<< Complex Shadow Layout */
/* <<< Complex Shadow Layout */

/* School Buttons >>> */
/* School Buttons >>> */
	a.DepartmentButton { /* definition of the "image" class in the <a> tag */
		display: block; /* a tag must be a block */
		width: 106px; /* width of reactive image */
		height: 48px; /* height of reactive image */
		background-repeat: no-repeat;
	}

	a.DepartmentButtonHome { background-image:url(_graphics/department_buttons/Home.gif)}
		a.DepartmentButtonHome:hover { background-image:url(_graphics/department_buttons/Home-highlight.gif)}
		a.DepartmentButtonHome:active { background-image:url(_graphics/department_buttons/Home-down.gif)}
	a.DepartmentButtonParents { background-image:url(_graphics/department_buttons/Parents.gif)}
		a.DepartmentButtonParents:hover { background-image:url(_graphics/department_buttons/Parents-highlight.gif)}
		a.DepartmentButtonParents:active { background-image:url(_graphics/department_buttons/Parents-down.gif)}
	a.DepartmentButtonDocuments { background-image:url(_graphics/department_buttons/Documents.gif)}
		a.DepartmentButtonDocuments:hover { background-image:url(_graphics/department_buttons/Documents-highlight.gif)}
		a.DepartmentButtonDocuments:active { background-image:url(_graphics/department_buttons/Documents-down.gif)}
/* <<< School Buttons */
/* <<< School Buttons */

.boardmember-upper { float:left; width:162px; text-align:right; }
.boardmember-lower { float:left; width:162px; text-align:right; }

.boardmember-upper, .boardmember-lower { margin:5px; }
.boardmember-upper div, .boardmember-lower div { text-align:center; margin-bottom:3px; }

.sitepath, .sitepathSchools { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.6em; color:#B10E1F; }
.sitepath { position:relative; top:-7px; left:-7px; }
.sitepathSchools { position:relative; top:5px; left:-6px; }

.demo { border:1px dashed #0000CC; background-color:#0099FF }

.plainList { width:85%; margin-left:auto; margin-right:auto; list-style:none; padding:0px; text-align:left; }
.plainList li { padding-bottom:14px; }
.plainList div { float:right; }
.plainList span {}

.photoCredit {
	font-size: 9px;
	color: #999999;
}

#googleSearch {
	margin-top: 1em;
	margin-bottom: 1em;
}
	#googleSearch form { margin: 0px; }
	#googleSearch table td { vertical-align: top; }
	#googleSearch table td#image input { margin-top: 2px; }

#siteAnnouncements {
	margin-top: 1.5em;
	padding-left: 1em;
	width: 340px;
}
	.siteAnnouncement {
		margin-bottom: 1em;
		font-size: 0.8em;
	}
		#siteAnnouncements .announcementText {
			position: relative;
			padding-left: 8px;
		}
		#siteAnnouncements .announcementText img {
			position: absolute;
			top: 3px;
			left: -16px;
		}
 		#siteAnnouncements .announcementLinks {
			clear: both;
		}
		#siteAnnouncements .announcementLinks ul {
			margin: 0px;
			margin-left: 3em;
			padding: 0px;
			list-style: none;
		}
		#siteAnnouncements .announcementLinks a {
			font-weight: bold;
			text-decoration: none;
		}

.table-subtleblue {}
	.table-subtleblue tr.odd { background-color: #F7FBFF; }
		.table-subtleblue tr td {
			padding-top: 10px;
			padding-left: 10px;
			padding-bottom: 10px;
			border-top: 1px solid #EEEEEE;
		}
		.table-subtleblue tr td span.address { color: #999999; }
		.table-subtleblue tr td a { color: #555555; font-size: 0.9em; text-decoration: none; }
		.table-subtleblue tr td a:hover { color: #0000FF; text-decoration: none; }

#schoolNewsArrow {
	position: relative;
	margin-left: 110px;
	width: 376px;
	height: 2em;
}
#schoolNewsArrow img {
	position: absolute;
	right: 0px;
	border-width: 0px;
}
#schoolNewsContainer {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 356px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#schoolNewsTicker {
	margin: 0px;
	padding: 0px;
	width: 2500px;
	list-style: none;
}
#schoolNewsTicker a {
	text-decoration: none;
}