@media screen {

	html {
		height: 100%;
		width: 100%;
	}

	body {
		position: absolute;
		margin: 0 0 0 0;
		height: 100%;
		width: 100%;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 9pt;
	}

	#PageContainer {
		position: absolute;
		min-width: 760px;
		width: expression(document.body.clientWidth < 760 ? "760px" : "100%");
		height: 100%;
	}

	#TitleBanner {
		height: 35px;
		vertical-align: middle;
		text-align: right;
		background-color: #94D3FF;
		color: #FFFFFF;
	}

	#TitleBanner table {
		width: 100%;
		color: #FFFFFF;
	}

	#TitleBanner .Teacher {
		float: left;
	}

	#TitleBanner span.Teacher {
		font-size: 16pt;
		font-weight: bold;
		color: white;
	}

	#TitleBanner span.Authority {
		font-size: 18pt;
		font-weight: bold;
		color: white;
		font-style: italic;
	}

	#Menu {
		border-bottom: solid 1px #0099FF;
		vertical-align: bottom;
	}

	#Menu a:link, #Menu a:visited, #Menu a:hover {
		font-size: 9pt;
		color: black;
		text-decoration: none;
		border-right: solid 1px #0099FF;
		padding-right: 0.5em;
		padding-left: 0.2em;
		line-height: 20px;
		vertical-align: bottom;
	}

	#Menu a:hover {
		background-image: url(../images/menubg.jpg);
		background-repeat: repeat-x;
		cursor: pointer;
	}

	#MenuButtons {
		position: absolute;
		top: 39px;
		right: 5px;
	}

	#MenuButtons img {
		border: 0px;
	}

	#MenuButtons a {
	}

	#BreadCrumbs {
		padding-left: 0.5em;
		height: 11pt;
		font-size: 8pt; 
		color: #999999;
		background-color: #FDF5E6;
	}

	#BreadCrumbs a:link, #BreadCrumbs a:hover, #BreadCrumbs a:visited{
		margin-left: 0.25em;
		margin-right: 0.25em;
		text-decoration: none;
		color: #999999;
	}

	#BreadCrumbs a:hover {
		background-color: #EEEEEE;
	}

	#Footer {
		position: absolute;
		min-width: 760px;
		width: expression(document.body.clientWidth < 760 ? "760px" : "100%");
		bottom: 0px;
		text-align: right;
		border-top: solid 1px #0099FF;
		background-color: white;
	}

	#Footer span {
		float: left;
		margin-left: 1em;
		margin-top: 0.5em;
	}

	#Footer img {
		border: 0px;
	}

	#Footer a {
		text-decoration: none;
		cursor: pointer;
	}


	/*******************************************************************************
	*						Class List Styles
	*******************************************************************************/

	#ClassListContainer {
		border: solid 0px #0099FF;
		width: 190px;
		padding: 0 0 0 0;
	}

	#ClassListHeader {
		display: none;
		font-weight: bold;
		border-bottom: solid 1px #0099FF;
		vertical-align: middle;
		padding-left: 0.25em;
	}

	#ClassList {
/* 		background-color: white; */
		color: white;
		text-align: left;
		vertical-align: middle;
		padding: 0.25em;
		padding-bottom: 0px;
	}
	
	#ClassList select {
		width: 150px;
		font-size: 9pt;
		margin-bottom: 0.5em;
	}

	#ClassList button {
		display: none;
		width: 20px;
		font-size: 9pt;
		padding-left: 2px;
	}

	#ClassListContents {
		color: #666666;
	}

	#ClassListContents span {
		float: left;
	}

	#ClassListContents img {
		padding-left: 0.15em;
		border: 0px;
	}

	#ClassListContents a, #ClassListContents a:hover {
		color: #666;
		font-size: 10pt;
		text-decoration: none;
		width: 100%;
		height: 100%;
		text-align: left;
	}

	#ClassListContents a:hover {
		color: black;
		background-color: #F5F5F5;
		border-bottom: solid 1px #808080;
	}

	div.student, div.evenstudent {
		display: block;
		height: 20px;
		padding-left: 0.25em;
		padding-right: 0.25em;
		vertical-align: bottom;
	}

	div.evenstudent {
		background-color: #F0F8FF;
		color: white;
	}

	div.student:hover, div.evenstudent:hover {
		background-color: #F5F5F5;
		color: black;
	}

	/*******************************************************************************
	*						Latest News Styles
	*******************************************************************************/

	#UserMessages {
		/*height: 250px;*/
		border-top: solid 0px #94D3FF;
		padding: 0 0 0 0;
		margin: 0 0 10 0;
		margin-left: 1em;
		vertical-align: top;

	}

	#UserMessages h3 {
		display: block;
		background-color: #0099FF;
		color: #FFF;
		font-size: 10pt;
		font-weight: bold;
		text-align: right;
		padding-right: 1em;
	}

	#MessagesHeader {
		background-color: #94D3FF;
		color: white;
		font-size: 10pt;
		font-weight: bold;
		text-align: right;
		padding-right: 0em;
	}

	#MessagesContainer {
		/*height: 206px;*/
		overflow-x: hidden;
		overflow-y: auto;
		border-bottom: solid 0px #0099FF;
		background-color: aliceblue;
	}

	#Welcome {
/*		height: 95px;   */
		margin-bottom: 1em;
		margin-left: 1em;
	}

	#Welcome img {
		float: left;
	}

	#Welcome p, .WelcomeText {
		margin-left: 200px;
		font-size: 8pt;
		color: black;
		line-height: 10pt;
		text-align: left;
		padding-top: 10px;
	}

	#Poweredby {
		border: solid 0px red;
		margin-top: 10px;
		text-align: right;
	}

	#Poweredby img {
		float: none;
	}

	p.bulletin {
		text-align: center;
		font-size: 8pt; 
		color: #696969;
		padding: 0.5em;
	}

	p.bulletin a {
		color: #4682B4;
		text-decoration: none;
	}

	p.bulletin a:hover {
		color: #4682B4;
		text-decoration: underline;
	}

}
	/*******************************************************************************/

/**************@@@@@@@@@@@@@@@@		 topMenu	@@@@@@@@@@*********************/

ul#nav, #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/*border-bottom:solid 1px #09f;*/
}

#nav a,#nav {
	text-decoration: none;
	color: black;
	display:block;
	font:8pt arial,helvetica,sans-serif;
	height:19px;
	line-height:19px;
}
* html #nav a {		/* hack to make links clickable in whole menu width in ie, not needed mac */
/width:100%; 
w/idth:auto;
}

#nav li {
	float: left;
	position: relative;
	width: 105px;
	text-align: left;
	padding:0 0 0 4px;
    z-index: 20;
	border-right: solid 1px #09F;
	border-left: solid 1px #FFF;
	border-bottom: solid 0px #09F;
	border-top: solid 0px #FFF;
	background:url(../images/menubg_off.jpg) repeat-x center;
}

#nav li:hover, #nav li.over{
	border-right: solid 1px #09f;
	border-left: solid 1px #FFF; /* #09f; */
	border-bottom: solid 0px #FFF;
	border-top: solid 0px #09F;
	background:url(../images/menubg.jpg) repeat-x center;
}

#menu_iframe {
    z-index: 10;
    position: absolute;
    display: none;
	left:-999px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}

/* css all but mac \*/
.hide { display:none;}
/* end hack */


/*********** 1st level **********/
#nav li .parent {	background:url(../images/menuarrow.gif) no-repeat center right;}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -2;
	background: #fff;
	border: solid 1px #09F;
}

#nav li:hover ul, #nav li.over ul {	display: block;}  /*  was too damn specific  */

#nav li li {
	background:url();
	height:auto;
	line-height:auto;
	padding: 2px 10px;	
	background-color: #86CEFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 0px #FFFFFF;
	border-left: solid 0px #4682B4;
	border-bottom: solid 1px #4682B4;
	color: #333;
	width: 130px;
}

#nav li li:hover, #nav li li.over {
	background:url(../images/menubg_white.jpg) repeat-x center;
	border-top: solid 1px #4682B4;
	border-right: solid 0px #4682B4;
	border-left: solid 0px #4682B4;
	border-bottom: solid 1px #4682B4;
}


/*#nav li li:hover, #nav li li.over, #nav li li a:hover{
	background-color: #FFFFFF;
	color: #09F;
}*/

/********* 2nd level lists  *****************/

#navOuterDiv {
	width: 745px;
}

#navOuterDiv #nav li li ul {
	display: none;
	position: absolute;
	top: 2px;
	left: 95%;
}

#navOuterDiv #nav li li:hover ul, #navOuterDiv #nav li li.over ul {	display: block;	}

#nav li li>ul {		width:105px;	}	/* cos li's float,therefore container wasnt fillin in ff */



/**************@@@@@@@@@@@@@@@@		 tooltip	@@@@@@@@@@*********************/
#tooltip {
    padding: 4px;
    border: 1px solid #666;
    text-align: center;
    font-size: smaller;
	z-index: 40;
	background:#fff5cc;
    position:absolute;
	display:inline;
   	opacity: 0.85;
	filter: alpha(opacity=85);
	max-width:220px;
}
* html #tooltip	{	width:220px;	} /*max-width above for firefox, width here for ie */


#tooltip_iframe {
    z-index: 30;
    position: absolute;
    display: none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}