html{
	text-align:center;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height:16px;
	background: #333 url(../layout_images/index7/bgie.jpg) repeat-y center;
	padding-bottom:20px;
}
body{
	width:760px;
	padding:0;
	margin:0 auto;
}
*{
	font-size:9pt;
}
a{
	color: black;
}
a:hover{
	color:#442;
	text-decoration: underline;
}
ul{
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(../layout_images/blt.gif);
	line-height:16px;
	}
.teacherlist{
	line-height:19px;
}
/* Layout */

#right{
float:right;
}

#container{
	text-align:left;
}
a img{
border:0;
}
#box{
	display:block;
	width:569px!important;
	width:565px;
	float:right;
	margin:0;
	margin-bottom:10px;
	padding:5px;
	background-position:right;
	background-repeat:repeat-y;
	border-bottom:none;
	margin-right:3px;
	position:relative;
	right:3px !important;
	right:-1px;
}
#content{
	padding:0;
	margin:0;
	background:#fff;
}
#copyright{
	text-align:center;
	font-size:8pt;
	padding:0;
	padding-top:5px;
	border-top:1px solid #999999;
	margin-top:3em;
	width: 560px;
}
#copyright li{
	display:inline;
	color:black;
}
#copyright ul{
	margin:0;
	padding:0;
}
#copyright a{
	color:black;
	text-decoration:underline;
	font-size:8pt;
}
#copyright a:hover{
	color:#999999;
	font-size:8pt;
}

/* Headings */
h1{
	clear:both;
	height:152px;
	overflow:hidden;
	width:750px;
	padding: 0;
	margin:0 0 0 4px;
	border:5px solid #737173;
	border-right:10px solid #737173;
	border-top:10px solid #737173;
	left:0 !important;
	left:3px;
}
h1 img{
	width:748px;
	margin:0;
	padding:0;
	border:1px solid #000;
}
h2{
	border-bottom:2px groove #999999;
	font-size:10pt;
	font-weight:normal;
	height:1.5em;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
#h2{
	color:#CC0000;
}
h3{
	font-weight:bold;
	font-size:9pt;
}
/* Sidebar Styles */
#sidebar{
	background:#000;
	display:block;
	float:left;
	width:145px !important;
	width:152px;
	color:#fff;
	margin:0;
	font-size:10pt;
	padding:5px;
	padding-right:7px;
	margin-left:5px;
	padding-bottom:40px;
}
#sidebar ul{
	margin:0;
	padding:0;
}
#sidebar li{
	margin:0;
	margin-top:10px;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#sidebar li ul{
	padding:0;
	margin:0;
}
#sidebar li li{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#sidebar li ul a{
	font-size: 8pt;
	padding:0;
	color: #eee;
	text-decoration: none;
	padding-left:10px;
	background-image: url(../layout_images/bullet.gif);
	background-repeat:no-repeat;
}
#sidebar li ul a:hover{
	font-size: 8pt;
	color: #fff;
	padding:0;
	padding-left:10px;
	text-decoration: none;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
#sidebar li a:hover{
	border-top: solid 1px #ffffcc;
	border-bottom: solid 1px #ffffcc;
}
#sidebar a{
	color: #fff;
	text-decoration: none;
	}
#sidebar li#sidebar-home a{
	border-bottom: solid 1px #ffffcc;
	text-decoration:underline;
}
#sidebar a:hover{
	border-bottom: solid 1px #ffffcc;
	}
#sidebar form{
	text-align:center;
	}
#sidebar #comments{
	display:block;
	border-bottom: groove 2px #999999;
	border-top: groove 2px #999999;
	line-height:2em;
	height:2em;
	width:100%;
	vertical-align:middle;
	text-align:center;
	margin: 10px 0;
}
#sidebar input{
	border:none;
	width:120px;
	font-size:8pt;
}
#sidebar .title{
	display:block;
	width:100%;
	font-weight:bold;
	border-bottom:2px groove #999999;
	font-size:10pt;
	height:1.5em;
	margin:0;
	margin-bottom:5px;
}
ul#ano{
	padding:0;
	margin:0;
}
img.right{
	margin: 0 0 10px 10px;
}
.right{float:right;}

.graylist, .teacherlist{
		color:#606060;
		}
.strong{font-weight:bold;}
ul#ano{
	margin-left:19px;
	list-style-type:square;
	list-style-position:outside;
	list-style-image:url(../layout_images/collapse.gif);
	text-decoration:none;
}
ul#ano li{margin:0;}
ul#ano a{text-decoration:none;}
ul#ano li.over, ul#ano li:hover{list-style-image:url(../layout_images/expand.gif);}
ul#ano li.over li, ul#ano li:hover li{list-style-image:none;}
ul#ano li li a{text-decoration:underline;}
ul#ano li ul{margin:0;}
ul#ano li li{
	list-style-type:none;
	list-style-image:none;
	font-weight:normal;
	margin:0;
}
ul#ano li li li{
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(../layout_images/blt.gif);}
ul#ano li li ul{margin-left:20px;}
ul#ano ul{display:none;}
ul#ano li.over ul, ul#ano li:hover ul{display:block;margin:0;padding:0;}

#sidequick{
	margin:0;
	padding:0;
	margin-left: 2px;
}
#sidequick li{
	margin:0;padding:0;
	list-style-type:none;
	list-style-image:none;
	display:inline;
	
}
#sidequick li#edline a{
	padding-top:12px;height:28px;border-left:none;border-left:5px solid #737173;}
#sidequick a{
	color:#fff;
	text-decoration:none;
	font-weight:700;
	width:75px !important;
	width:77px;

	height:37px;
	padding-top:3px;
	background-color:#000;
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	margin:0;
	border:5px solid #737173;
	border-width:5px 4px;
	border-top:0;
	
	position:relative;
	right:0 !important;
	right:-3px;
}
#sidequick a:hover{
	background-color:#210;
}

#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

#nixondesk {
	padding: 0 10px 0 10px;
	margin: 0;
	text-align:left;
	float:right;
	width:545px;
}

#nixondesk.current {
	width:414px;
}

#nixondesk h3 {
	font-style: italic;
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding:0 0 0 15px;
}

#nixondesk h4 {
	font-weight: strong;
	font-size: 15px;
	height: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

#nixondesk div#nixondesklist{
	display:block;
	overflow-y:auto;
	height:180px;
	border: 2px solid /*#bb98*/ #888;
	padding:5px 5px 0 5px;
	margin-bottom: 10px;
	background: /* #D3D3BE */ #ccc;
}

#nixondesk td.summer {
	padding: 10px 5px;
	text-align: center;
}

#nixondesk td.math {
	padding: 25px 5px;
	text-align: center;
}

#nixondesk li {
	padding: 2px;
}

/* Headings */
	#content h3, #content h3 a{ 
		/*font-family: "Stone Sans SC ITC TT-Semi", "Times New Roman", serif;*/
		text-align:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		padding:0px 5px;
	}
/*  Content Classes  */
	.indexbox{
		display:block;
		text-align:center;
		padding:0 0 0 4px;
		margin: 0 auto 10px auto;
		padding-right:5px;
	}
	.rightbox{
		text-align:center;
		float:right;
		clear:none;
		width:220px;
		position:relative;
	}
/* Content IDs */
	/* Buttons */
	#buttons h3{
		display:none;
	}
	#buttons img{
		margin-bottom:10px;
		border:0;
	}
	#buttons a{
		outline:0;
	}
	/* Image of the Day */
	#imgday{
		float:right;
		clear:none;
		width:220px;
	}
	#imgday h3{
		padding:0;
		margin:0;
		font-size:12px;
		position:relative;
		background:#fff;
		display:block;
		float:left;
		bottom:-152px;
		padding:0 4px;
		right:-110px;
		z-index:100;
		font-weight:normal;
	}
	#imgday img{
		border:1px solid #000;
		width:210px;
		height:145px;
		padding:6px;
		position:relative;
		top:-16px;
	}
	/* Announcements */
		#annoindex{
			width:325px;
		}
		#announcements{
			width:100%;
			overflow:auto;
			padding:0;
			margin:0;
			text-align:left;
		}
			div#announcementslist ul li, div#principaldesk ul li{
				list-style-type:none;
				list-style-image:none;
				background:url(../index/layout/index7/graygrad.jpg) repeat-x;
				display:block;
				zoom: 1;
				margin:0 0 10px 0;
				padding:3px;
				clear:left;
				border-top:1px solid #ccc;
				font-weight:bold;
				color:#220;
			}
			div#announcementslist ul, div#principaldesk ul{
				margin:0;
				padding:0;
			}
			div#announcements{
				text-align:left;
			}
			div#accouncementslist ul{
				position:relative;
			}
			div#announcementslist a:hover{
				color:#442;
			}
			div#announcementslist ul li a{
				color:#220;
			}
			div#announcements h3, div#principaldesk h3{
				background:url(../index/layout/index7/grayh3.jpg) repeat-x top;
				background-color:#DBDBDB;
				padding:10px 5px;
				margin:0;
				margin-bottom:5px;
				border:1px solid #ccc;
			}
			div#anoar{
				margin:0;
				text-align:center;
				border:1px solid #ccc;
				background:url(../index/layout/index7/dgraygrad.jpg) repeat-x;
				padding:1px;
				display:block;
			}
			div#announcementslist ul li li, div#principaldesk ul li li{
				list-style:none;
				border:none;
				background:transparent;
				padding:0 3px;
				font-weight:normal;
			}
			div#announcementslist span.date{
				display:block;
				width:58px;
				float:left;
				padding:3px;
				margin:0;
				position:relative;
				top:-3px;
				background-color:#ccc;
				text-decoration:none;
				font-weight:normal;
				color:#442;
				margin-right:5px;
			}
			div#announcementslist ul li.red{
				background:url(../index/layout/index7/redgrad.jpg) repeat-x;
				border-top: 1px solid #FFCECE;
			}
			div#announcementslist li.red span.date{
				color: #f00;
				background: #FFCECE;
			}
/* Quick Info */

	#quickinfo{
		border-right:9px solid #737173;
		border-bottom:5px solid #737173;
		background-color:#B4B1B4;
		left:4px !important;
		left:8px;
		margin-left:9px;
	}
	#quickinfo h3{
		display:none;
	}
	#quickinfo ul{
		display:block;
		margin:0;
		padding:0;
		background-color:#B4B1B4;
		height:53px;
		width:750px;
		overflow:hidden;
	}
	#quickinfo li{
		list-style:none;
		display:inline;
	}
	#quickinfo #quickinfo-first a{
		padding:2px 1px;
		width:146px;
	}
	#quickinfo li a{
		float:left;
		margin:1px;
		text-decoration:none;
		padding:2px 4px;
		width:140px;
		text-align:right;
	
	}
	#quickinfo li a span{
		color:#777;
		font-size:10px;
		display:block;
	}
	

/* misc */
#box{
	position:relative;
	right:-2px;
}