/*-------------------< GENERAL >-----------------------*/

body, h1, h2, h3, h4, h5, h6, img, a, p, form {
	border: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
	
	
*html img {
/*	behavior: url(css/iepngfix.htc)*/

}

body {
	font: 12px Tahoma;
	color: #333;
	background: #092B01 url(../images/template/body_bg.png) repeat-x left top;
}
hr{
	color:#E3D8B8;
	height:1px;
	margin-bottom:5px;
}
.text01 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.blue {
	color: #0296C0;
}
.red {
	color: #FF0000;
}


/*3px jog hack*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html p {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

.wrapper {
	width: auto;
	height: 100%;
}
.frame {
	width: 982px;
	height: auto;
	margin: 0 auto;
}

.page {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: right;
}
 .logo_sm {
	margin-right: 13px;
	border: 1px solid #0296C0;
}
/*-------------------< HEADER >-----------------------*/

.header {
	background: #E5E5E5 url(../images/template/header_bg.jpg) no-repeat left top;
	height: 156px;
	width: 982px;

}

.logo {
	background: #999999;
	float: left;
	height: auto;
	width: auto;

}
.header .subscribe {
	float: right;
	height: 39px;
	width: 270px;
	margin-top: 50px;
	padding-right: 10px;
}
.header .subscribe p {
	color: #FFFFFF;
	margin-bottom: 3px;
}
.header .subscribe .inpText {
	background: url(../images/template/header_inpText.png) no-repeat left top;
	float: left;
	height: 22px;
	width: 190px;
	padding-left: 4px;
	border-style: none;
	margin-right: 2px;
	line-height: 22px;
	color: #948E80;
}
.header .subscribe .inpBtn {
	float: left;
	margin-top: 1px;
	margin-left: 5px;
	_margin-left: 4px;	

}



/*-------------------< TOP NAVIGATION >-----------------------*/
#nav_top {
	height: auto;
	width: 730px;
	margin: auto;
	padding: 0 0 0 250px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	text-align: center;

}
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	width: 730px;
	float: left;
}
ul.menu * {
	margin:0;
	padding:0
}
ul.menu li {
	position:relative;
	float:left;
	width: auto;
	text-align: center;
}
ul.menu li:hover {
	background: #2A5A1E;
}
ul.menu li a {
	display:block;
	_display: inline-block;		
	color:#FFFFFF;
	text-decoration:none;
	font-size: 11px;
	white-space: nowrap;	
	font-size: 14px;
	color: #333333;
	text-align: center;
	padding: 0px 20px;
	line-height: 26px;
	height: 27px;
}
ul.menu li a:hover {
	background: #4D973B;
	color: #FFFFFF;
}
ul.menu  li  a.selected {
	background: #2A5A1E;
	color: #FFFFFF;
}
ul.menu ul {
	position:absolute;
	top:26px;
	left:0px;
	background:#E5E5E5 no-repeat left top;
	display:none;
	opacity:0;
	list-style:none;
	color: #FFFFFF;/*	width: 150px;*/
}

ul.menu ul li {
	position:relative;
	border-top:none;
	width:180px;
	margin:0;
	background: #295B1E;
	float: left;
}

ul.menu ul li a {
	display:block;
	padding:5px 20px;
	background: url(../images/template/top_nav_arrow.gif) no-repeat left 9px;
	font-size: 11px;
	line-height: 14px;
	clear: both;
	width: 140px;
	text-align: left;
	color: #FFFFFF;
	white-space: normal;
	height: auto;
}

ul.menu ul li a:hover {
	color: #FFFFFF;
	background: #FF9900;
	background: #4D983D url(../images/template/top_nav_arrowOn.gif) no-repeat left 9px;
}
ul.menu  ul  li  a.selected {
	color: #FFFFFF;
	background: #FF9900;
	background: #4D983D url(../images/template/top_nav_arrowOn.gif) no-repeat left 9px;
}

ul.menu ul ul {
	left:150px;
	top:-5px;
	width: 180px;
	background: #2A5A1E;
}

ul.menu ul ul li {
}

ul.menu .menulink {
	width:auto;
	text-align: center;
	font: bold 15px/20px Arial, Helvetica, sans-serif;
	color: #3484A7;
	padding-right: 11px;
	padding-left: 30px;
	background: url(../images/template/pixel.gif) no-repeat right 16px; 
	line-height: 38px; 
	font-weight: bold;
}

ul.menu .last {
	border-style: none;
}

ul.menu .menulink:hover, ul.menu .menuhover {
	color: #FFFFFF;
	background: #4D973B;
}
ul.menu  .topline  a  {
	border-style: none;
}

ul.menu .lowline {
	display: none;
}
/*-------------------< LEFT COLUMN >-----------------------*/


.content_hold {
	float: right;
	height: auto;
	width: 980px;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	background: #FFFFFF;
	position: relative;
	padding-bottom: 10px;

}
.content_hold .left {
	float: left;
	height: auto;
	width: 234px;
	padding-top: 18px;
}
.left .search {
	background: #0E3F02;
	float: left;
	height: 31px;
	width: 210px;
}
.search .inpBtn {
	float:right;
	width:26px;
	border:0;
	margin-top:8px;
	height:17px;
	background: url(../images/template/search_btn.png) no-repeat;
}

.search .inpText {
	height: 17px;
	width: 118px;
	border: 1px solid #0E3F02;
	margin-top: 5px;
	float:left;
}

.search span {
	font-size: 13px;
	color: #FFFFFF;
	float: left;
	line-height: 31px;
	padding: 0 4px 0 8px;
}
.left  .login {
	float: left;
	height: auto;
	width: 210px;
	margin-top: 10px;
}
.login   p {
	font-size: 14px;
	float: left;
	padding: 0px 0px 0px 6px;
	line-height: normal;
	clear: both;
	margin-bottom: 7px;
	color: #333333;
	width: 204px;
}
.login  .inpBtn {
	float: right;
}
.login  .inpText {
	height: 13px;
	width: 162px;
	border: 1px solid #333333;
	float: left;
	color: #948E80;
	font-size: 12px;
}
.login a {
	font-size: 10px;
	color: #333333;
	background: url(../images/template/arr_gray.png) no-repeat left 2px;
	float: left;
	padding-left: 8px;
	white-space: nowrap;
	width: 180px;
}
.left .left_media {
	float: left;
	margin-top: 25px;
}
.content_hold .left .in {
	padding: 0px 12px;
	float: left;
	width: 210px;
}
/*-------------------< HOME PAGE >-----------------------*/
.hp  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 17px;
	padding-top: 16px;
	background: #FFFFFF;
}
.hp      h2        {
	font-size: 16px;
	font-weight: normal;
	color: #2A5B1E;
	line-height: normal;
	float: none;
}
.hp h3, .hp h3 a     {
	font-size: 12px;
	font-weight: bold;
	color: #E27C00;
	line-height: 23px;
	float: none;
}
.hp h4, .hp h4 a     {
	font-size: 11px;
	color: #2A5B1E;
	line-height: normal
	float: none;
}
.hp p {
	text-align: justify;
}
.hp  .readon  {
	float: left;
	padding-left: 11px;
	width: 100px;
	font-size: 10px;
	color: #333333;
	background: url(../images/template/arr_readon1.png) no-repeat left 1px;
	height: 11px;
	line-height: 10px;
	margin-top: 3px;
	position: absolute;
	left: 0px;
	bottom: 3px;
}



.hp .media {
	background: url(../images/template/hp_media_frame.png);
	padding: 3px;
	float: left;
	height: auto;
	width: auto;
}

.hp .textHold {
	float: left;
	height: auto;
	width: 450px;
	margin-top: 8px;
	position: relative;
}
.hp .textHold h1 {
	font-size: 16px;
	font-weight: bold;
	color: #2A5B1E;
	padding-bottom: 0px;

}
.hp .textHold p {
	font-size: 12px;
	color: #333333;
}

.hp .photo {
	height: 190px;
	width: 190px;
	float: right;
	padding-right: 7px;
	margin-top: 0px;
	position: relative;
}
.hp   .photo    h2 {
	line-height: 37px;
	float: left;
	padding-left: 38px;
	background: url(../images/template/hp_photo_icon.png) no-repeat left top;
}
.hp .photo img {
	background: url(../images/template/hp_photo_frame.png);
	padding: 3px 3px 3px 4px;
	float: left;
}
.hp .photo .readon {
	position: static;
}


.hp .low_hold {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
	margin-top:-25px;
}

.hp  .announ {
	margin-top:15px;
	float: left;
	height: 170px;
	width: 322px;
	border: 1px solid #E1E1E1;
	margin-right: 15px;
	background: url(../images/template/hp_announce_icon.png) no-repeat left center;
	position: relative;
}
.hp .announ .in {
	float: right;
	height: 160px;
	width: 260px;
	margin-top: 10px;
	padding-right: 5px;
	position: relative;
}

.hp   .events {
	clear:right;
	margin-top:15px;
	float: left;
	height: 170px;
	width: 347px;
	_width: 207px;
	border: 1px solid #E1E1E1;
	background: url(../images/template/hp_events_icon.png) no-repeat left center;
	position: relative;
}
.hp .events .cal {
	float: right;
	background: url(../images/template/hp_cal.png) no-repeat left top;
	height: 20px;
	width: 19px;
	position: absolute;
	top: 0px;
	right: 5px;
}
.hp .events .cal:hover {
	background: url(../images/template/hp_cal_on.png) no-repeat left top;
}
.hp .events  .hp_marquee {
	margin-top:10px;
	margin-bottom:20px;
	padding: 0px 60px 0px 0px;
	margin-left:-50px;
	height: 115px;
	width: 327px;
	_width: 307px;
	display: block;
	overflow:auto;
}

.hp .events  li {
	list-style: none;
	margin-top:20px;
}
.hp .events h3 a{
	line-height:14px;
}
.hp  .events  .in {
	float: right;
	height: 160px;
	width: 270px;
	_width: 200px;
	margin-top: 10px;
	_padding-left:70px;
	position: relative;
}
.hp  .events  .in .readon{
	_margin-left:70px;
}
/*-------------------< RIGHT COLUMN >-----------------------*/
.right {
	float: right;
	height: auto;
	width: 192px;
	margin-top: 0px;
}
.right h2 {
	float: left;
	padding-left: 6px;
}
.right  .nav_right {
	float: left;
	height: auto;
	width: 185px;
	padding-left: 6px;
	list-style: none;
	margin-left:0px;
	margin-top:5px;
	margin-bottom: 8px;
}
.right  .nav_right  li {
	float: left;
	width: 100%;
	height: auto;
	list-style:none;
	margin-bottom: 8px;
}
.right  .nav_right li a {
	font-size: 12px;
	color: #333333;
	float: left;
	height: auto;
	width: 172px;
	padding-left: 13px;
	background: url(../images/template/side_nav.png) no-repeat left 3px;
}
.right .nav_right li a.selected {
	color: #E27C00;
	background: url(../images/template/side_nav_on.png) no-repeat left 3px;
}
.right  .nav_right  li  a:hover {
	color: #E27C00;
	background: url(../images/template/side_nav_on.png) no-repeat left 3px;
}

.right        h2        {
	font-size: 16px;
	font-weight: normal;
	color: #2A5B1E;
	line-height: normal;
	float: none;
}
.right  .tools {
	padding: 6px;
	float: left;
	height: auto;
	width: 178px;
	border: 1px solid #CDCDCD;
	margin-top: 10px;
}
.right .tools a {
	color: #2A2A2A;
	font-size: 12px;
	line-height: 18px;
	float: left;
	height: 18px;
	width: 150px;
	margin-bottom: 5px;
	padding-left: 23px;
}
.right .tools a:hover {
	color: #E27C00;
}


.right .print {
	background: url(../images/template/icon_print.png) no-repeat left center;
}
.right  .email {
	background: url(../images/template/icon_email.png) no-repeat left center;
	float: left;
	height: auto;
	width: 150px;
	padding-left: 23px;
	color: #2A2A2A;
}
.right  .quickLinks {
	padding: 6px;
	float: left;
	height: auto;
	width: 178px;
	border: 1px solid #CDCDCD;
	margin-top: 10px;
}
.right .quickLinks h2 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	padding-left: 1px;
	padding-bottom: 2px;
}

.right  .quickLinks a {
	font-size: 12px;
	line-height: 18px;
	color: #2A2A2A;
	float: left;
	height: auto;
	width: 150px;
	padding-left: 15px;
	background: url(../images/template/right_quickLink.png) no-repeat left 5px;
}
.right .quickLinks a:hover {
	color: #E27C00;
}

.inner  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	padding-top: 16px;
	background: #FFFFFF;
}
.inner .textHold {
	float: left;
	height: auto;
	width: 490px;
}

.inner  .textHold  h1 {
	font-size: 16px;
	font-weight: bold;
	color: #E27C00;
	padding-bottom: 5px;
}
.inner .textHold h2 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	float: none;
	margin-bottom: 3px;
}
.inner .textHold h3 {
	font-size: 14px;
	font-weight: normal;
	color: #2A5B1E;
	line-height: normal;
	float: none;
	margin-bottom: 3px;
}
.inner  .textHold  p {
	font-size: 12px;
	color: #333333;
	text-align: justify;
	margin-bottom:10px;
}
.inner  .textHold  ul {
	margin-left:-20px;
	}
.inner  .textHold  li, .inner  .textHold  ul {
	font-size: 12px;
	color: #333333;
	margin-bottom:10px;
}
.inner  .textHold  a {
	font-size: 12px;
	color: #2A5B1E;
	text-decoration:underline;
}
.inner .text .logo {
	margin-right: 13px;
	margin-bottom: 10px;
	border: 1px solid #0296C0;
	float: left;
}
.inner   .textHold  .info  {
	float: left;
	height: auto;
	width: 95%;
	list-style: none;
	line-height: 20px;
	margin-bottom: 10px;
	margin-left:-25px;
}
.inner   .textHold  .info   ul  {
	list-style:none;
}
.inner   .textHold  .info   li  {
	padding-left: 9px;
	background: url(../images/template/arr_blue.png) no-repeat left 6px;
	list-style:none;
}
.inner   .textHold  .inpButton {
	font: bold 11px Arial, Helvetica, sans-serif;
	float: right;
	cursor: pointer;
	background-color: #8B2A42;
	vertical-align: bottom;
	color:#ffffff;
	padding:5px;
}
.inner .textHold .left_img{
	float:left;
	margin-right:10px;
}
.inner .textHold .right_img{
	float:right;
	margin-left:10px;
}
/*-------------------< CALENDAR >-----------------------*/
.cal_header {
	background: #0E3F02;
	font: 11px Verdana;
	color: #FFFFFF;
	text-align:center;
	padding-top:1px;
	padding-bottom:3px;
}
.cal_date {
	color: #353334;
	font: 11px Verdana;
	text-decoration: none;
	font-weight:bold;
	width:70px;
}
.cal_time {
	color: #575933;
	font: 10px Verdana;
	text-decoration: none;
	font-weight:bold;
	text-align: right;
}
.cal_holiday{
	font: 11px Verdana;
	text-decoration: none;
}
.cal_parsha {
	color: #575933;
	font: 11px Verdana;
	text-decoration: none;
}
.cal_main_links  {
	color: #7D2011;
	font: 11px Arial;
	text-decoration: none;
	font-weight:normal;
	background-color:#efe1ba;
	height:17px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:3px;
	padding-top:0px;
	margin-bottom:0;
}
.cal_main_links2  {
	color: #7D2011;
	font: 11px Arial;
	text-decoration: underline;
	font-weight:normal;
	padding-bottom:1px;
	margin-bottom:0;

}
.showMonth  {
	color: #7D2011;
	font: 14px Verdana;
	text-decoration: none;
	font-weight:normal;
}
.event_name {
	color: #000000;
	font: 11px Verdana;
	text-decoration: none;
	font-weight:bold;
}
.event_event {
	color: #006600;
	font: 11px Verdana;
	text-decoration: none;
	font-weight:bold;
}
.event_class {
	color: #990000;
	font: 11px Verdana;
	text-decoration: none;
	font-weight:bold;
}
.filterMain{
	background-color:#0E3F02;
	color:#FFFFFF;
	font: 11px Arial;
	height:15px;
	padding-left:9px;
	padding-right:9px;
 	margin-bottom:3px;
}
.filter_btn{
	font: 11px Arial;
	background-color:#F99408;
	border:0px;
	color:#FFFFFF;
	height:15px;
	width:50px;
	margin-right:15px;
 	margin-bottom:2px;
 }
.cont .news{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.cont p{
	margin-bottom:10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.cont .news .framed {
	float: left;
	border: solid 1px #fff;
	margin-right: 5px;
}
/*-------------------< STAFF PAGES LIST >-----------------------*/
.teachers  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	background: #FFFFFF;
	padding-bottom: 15px;
}
.teachers {
	float: left;
	height: auto;
	width: 490px;
}
.teachers  h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 5px;
}
.teachers .item {
	float: left;
	height: auto;
	width: 496px;
	margin-top: 15px;
}
.teachers .item  h2        {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	float: none;
	margin-bottom: 9px;
}
.teachers .item .thumb {
	background: #0296C0;
	padding: 1px;
	float: left;
	height: auto;
	width: auto;
	text-align: center;
	text-decoration:none;
}

.teachers .item .thumb img {
	border: 1px solid #FFFFFF;
	float: left;
}

.teachers .item .thumb p {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 17px;
	height: 17px;
	cursor: pointer;
	clear: both;
	float: none;
	width: 107px;
	text-align:center;
}

.teachers  .item .hold {
	float: right;
	height: auto;
	width: 374px;
}
.teachers .item .info {
	float: left;
	height: auto;
	width: 365px;
	line-height: 15px;
	list-style: none;
	margin:0;
	padding-left: 9px;
}

.teachers .item .info li {
	background: url(../images/template/arr_blue.png) no-repeat left 6px;
	list-style: none;
}
.teachers .item .info li a {
	color: #0052e9;
	text-decoration: underline;
}

.teachers .item .lower {
	background: #EFEFEF;
	float: left;
	height: auto;
	width: 374px;
	margin-top: 10px;
}
.teachers  .item  .grayList {
	float: left;
	height: auto;
	width: 175px;
	padding: 6px 0px 6px 12px;
	line-height: 18px;
}
.teachers  .item  .grayList ul{
	margin:0;
	padding:0;
}

.teachers .item .grayList h3 {
	font-size: 12px;
	font-weight: normal;
	color: #0296C0;
}

.teachers .item .grayList li {
	display: block;
	background: url(../images/template/teachers_arrGray.png) no-repeat left 5px;
	padding-left: 13px;
	list-style: none;
}
.teachers .item .grayList li a{
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color: #333333;
}
/*-------------------< STAFF FULL PAGES >-----------------------*/
.teacher  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	background: #FFFFFF;
	padding-bottom: 15px;
}
.teacher {
	float: left;
	height: auto;
	width: 490px;
}
.teacher h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 5px;
}
.teacher h2 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	float: none;
	margin-bottom: 3px;
}
.teacher   .info  {
	float: left;
	height: auto;
	width: 365px;
	line-height: 15px;
	list-style: none;
	padding-left: 20px;
}
.teacher   .info   li  {
	padding-left: 9px;
	background: url(../images/template/arr_blue.png) no-repeat left 6px;
	list-style: none;
	margin:0;
}
.teacher   .info   li   a  {
	color: #0052e9;
	text-decoration: underline;
}
.teacher .image {
	float: left;
	padding: 0px 0px;
	border: 1px solid #0296C0;
}

.teacher .txt {
	float: right;
	height: auto;
	width: 260px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}
.teacher .txt p{
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
	margin-bottom:12px;
}

.inner .textHold .teacher .click {
	clear: both;
	font-size: 12px;
	color: #0296C0;
	margin-top: 15px;
	float: left;
	width: 100%;
	list-style: none;
}
.teacher .contact_me {
	clear:left;
	font-size: 12px;
	color: #E27C00;
	line-height: 20px;
	height: 20px;
	margin-top: 15px;
}

/*-------------------< ACCORDION MENU >-----------------------*/

#basic-accordian{
	width:488px;
	position:relative;
	z-index:2;
	clear: both;
	margin-left: 10px;
	margin-top: 10px;
}

.accordion_headings{
	border:1px solid #FFF;
	cursor:pointer;
	padding-left: 13px;
	background: url(../images/template/arr_gray.png) no-repeat left center;
}

.accordion_headings:hover{
	color: #E27C00;
}

.accordion_child{
	padding:5px 5px 5px 15px;
	background:#EFEFEF;
	width: 488px;
}
.inner  .accordion_child      h3       {
	font-size: 12px;
	font-weight: normal;
	color: #E27C00;
	line-height: 16px;
}
.inner .accordion_child li {
	background: url(../images/template/acc_arrSub.png) no-repeat left 5px;
	padding-left: 11px;
	list-style: none;
	margin:0;
}
.inner .accordion_child li a{
	font-size: 12px;
	color: #333333;
	text-decoration:none;
}
#basic-accordian    .header_highlight{
	background:url(../images/template/acc_arrDown.png) no-repeat left center;
	padding-left: 13px;
	color: #E27C00;
}

/*-------------------< FORMS - CONTCT & PASSWORD >-----------------------*/

.contact_form, .password_form {
	clear:both;
	width: 500px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-left:0px;
	list-style:none;
}
.contact_form ul, .password_form ul{
	list-style:none;
}

.contact_form li, .password_form li{
	float: left;
	width: 490px;
	padding-bottom: 10px;
	text-align: left;
	list-style:none;
	padding-left:-10px;
	margin-left:-15px;
	*margin-left:20px;
}
.contact_form li span {
	list-style:none;
	float: left;
	width: 57px;
	text-align: left;
	line-height: 21px;
	font-size: 12px;
	padding-left: 3px;
	background: url(../images/template/arr_gray.png) no-repeat left 7px;
	padding-left: 13px;
}
.password_form li span {
	list-style:none;
	float: left;
	width: 157px;
	text-align: left;
	line-height: 21px;
	font-size: 12px;
	padding-left: 10px;
}

.contact_form li .inpText, .password_form li .inpText {
	float: left;
	height: 16px;
	width: 221px;
	border: 1px solid #A5ACB2;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
	list-style:none;
}

.contact_form li .inpArea, .password_form li .inpArea {
	float: left;
	height: 98px;
	width: 360px;
	border: 1px solid #A5ACB2;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
	list-style:none;
}

.contact_form .SubButton {
	font: bold 13px Arial, Helvetica, sans-serif;
	float: right;
	cursor: pointer;
	background: #8B2A42;
	vertical-align: bottom;
	margin-top: 85px;
}

.password_form .SubButton {
	font: bold 13px Arial, Helvetica, sans-serif;
	cursor: pointer;
	background: #8B2A42;

}

/*-------------------< LIST PAGE >-----------------------*/

.lists  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	background: #FFFFFF;
	padding-bottom: 15px;
}
.lists {
	float: left;
	height: auto;
	width: 490px;
}


.lists h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 20px;
	text-align:left;
}

.lists h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	float: none;
	margin-top:10px;
}
.lists h5 {
	font-size: 11px;
	color: #E27C00;
	line-height: normal;
	margin-top:10px;
}
.lists .item {
	float: left;
	height: auto;
	width: 496px;
}

.lists .item .thumb {
	background: #0296C0;
	padding: 1px;
	float: left;
	height: auto;
	width: auto;
	text-align: center;
	text-decoration:none;
}
.lists .item .more {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #0296C0;
	padding-bottom:10px;
}
.lists .item h2 {
	font-size: 13px;
	color: #E27C00;
	margin-top:10px;
	font-weight: bold;
}

.lists .item .thumb img {
	border: 1px solid #FFFFFF;
	float: left;
}
.lists .item .blue {
	color: #0296C0;
	margin-bottom:0;
}

.lists .item .thumb p {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 17px;
	height: 17px;
	cursor: pointer;
	clear: both;
	float: none;
	width: 107px;
	text-align:center;
}

.lists  .item  .hold {
	_clear:both;
	float: right;
	height: auto;
	width: 404px;
	margin-left:-70px;
}
.lists  .item  .text {
	width: 504px;
}
.lists .item .info {
	float: left;
	height: auto;
	width: 100%;
	list-style: none;
	line-height: 20px;
}

.lists .item .info li {
	list-style:none;
	float: left;
	height: auto;
	width: 365px;
	padding-left: 9px;
	background: url(../images/template/arr_blue.png) no-repeat left 6px;
}

.lists .item .info li.txt {
	margin-top: 10px;
}

.lists .item .info li a {
	color: #0052e9;
	text-decoration: underline;
}


/*-------------------< LIST FULL PAGE >-----------------------*/

.listFull  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	background: #FFFFFF;
	padding-bottom: 15px;
}
.listFull {
	float: left;
	height: auto;
	width: 490px;
}

.listFull .hold {
	float: left;
	width: 500px;
}

.listFull .text {
	width: 496px;
	padding-top: 10px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.listFull h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 20px;
}
.listFull  h3 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	float: none;
	margin-bottom: 5px;
}

.listFull h4 {
	color: #333333;
	padding-left: 9px;
	background: url(../images/template/arr_blue.png) no-repeat left 6px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
}
.listFull .item .more {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #0296C0;
	padding-bottom:10px;
}

.listFull .text .logo {
	margin-right: 13px;
	margin-bottom: 10px;
	border: 1px solid #0296C0;
	float: left;
}
/*-------------------< ALUMNI FULL PAGE >-----------------------*/

.alumniFull  {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	background: #FFFFFF;
	padding-bottom: 15px;
}
.alumniFull {
	float: left;
	height: auto;
	width: 490px;
}

.alumniFull .hold {
	float: left;
	width: 500px;
}


.alumniFull h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 20px;
}
.alumniFull  h3 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	float: none;
	margin-bottom: 5px;
}

.alumniFull h4 {
	color: #333333;
	padding-left: 9px;
	background: url(../images/template/arr_blue.png) no-repeat left 6px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
}
.alumniFull .item .info ul {
	margin-left:0px;
	}
.alumniFull .item .info li {
	list-style:none;
	width: 465px;
	background:none;
}
.alumniFull .item .info ul{
	margin-top:4px;
	clear:both;
	}
.alumniFull .item .info ul.left{
	clear:right;
	float:left;
	margin-left:0px;
	}
.alumniFull .item .info ul.right{
	clear:left;
	float:right;
	}
.alumniFull .item .more {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #0296C0;
	padding-bottom:10px;
}

.alumniFull .text {
	clear:both;
	margin-top:4px;
	width: 496px;
	padding-top: 10px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
/*============================ GRADES =============================*/
.grades {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	padding-top: 25px;
	background: #FFFFFF;
	padding-bottom: 15px;
}

.grades h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 20px;
}

.grades .hold h4 {
	font: normal 14px Tahoma;
	color: #333333;
	line-height: 22px;
}

.grades .hold {
	float: left;
	height: auto;
	width: 490px;
}
.grades .hold  ul {
	margin-left:0px;
	}

.grades .hold .lists {
	float: left;
	width: 100%;
	height: auto;
	list-style: none;
}

.grades .hold .lists li {
	margin-bottom: 25px;
}

.grades .lists .links {
	color: #0052E9;
	background: url(../images/template/grades_arrow.gif) no-repeat left 1px;
	clear: both;
	float: none;
	padding-left: 12px;
	margin-bottom: 8px;
}

.grades .lists .links a {
	color: #0052E9;
	text-decoration: underline;
}

.grades .lists .score {
	line-height: 20px;
	height: 21px;
	width: 490px;
	padding-left: 12px;
	background: #EEEEEE;
	margin-bottom: 10px;
}
.grades .lists .reg {
	padding-left: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.grades .lists .text {
	font-style: italic;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-left: 12px;
}
.grades select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
/*============================ DROP MENU SIDE =============================*/

#cssvertical {
	float: left;
	clear: both;
	z-index:3;
	height: auto;
}

.cssvertical ul {
	margin: 0;
	padding: 0;
	list-style: none;
    LIST-STYLE-TYPE: none;
	height: 24px;
	width: 210px;
	display: block;
	margin-bottom: 2px;
	border-right: solid 1px #FFF;
	position: relative;
	z-index: 100;

	
	}
	
.cssvertical ul li {
	position: relative;
	LINE-HEIGHT: 0em;
	height: 24px;
	width: 210px;
	display: block;
	border-bottom: solid 2px #FFF;
	}
	
.cssvertical li ul {
	position: absolute;
	left: 211px; 
	top: 0;
    display: none;
	}


.cssvertical ul li a {
/*	display: block;*/
	text-decoration: none;
	font-size: 12px;
	color: #333333;
	line-height: 23px;
	height: 24px;
	display: inline-block;
	background: #E0E0E0 url(../images/template/nav_side.png) no-repeat right top;
	width: 180px;
	padding-right: 20px;
	padding-left: 10px;
	 }
.cssvertical ul li.noarrow a {
/*	display: block;*/
	text-decoration: none;
	font-size: 12px;
	color: #333333;
	line-height: 23px;
	height: 24px;
	display: inline-block;
	background: #E0E0E0 url(../images/template/nav_side_none.png) no-repeat right top;
	width: 180px;
	padding-right: 20px;
	padding-left: 10px;
	 }
	 
.cssvertical ul ul li a {
	background: #E0E0E0 url(../images/template/pixel.gif) no-repeat right top;
	padding-right: 10px;
	padding-left: 20px;
	}
       
.cssvertical ul li a:hover, .cssvertical ul li a.selected { 
	color: #FFFFFF;
	background: #4D973B url(../images/template/nav_side_on.png) no-repeat right top;
}

.cssvertical ul li.noarrow a:hover, .cssvertical ul li.noarrow a.selected { 
	color: #FFFFFF;
	background: #4D973B url(../images/template/nav_side_on_none.png) no-repeat right top;
}

.cssvertical ul ul li a:hover, .cssvertical ul ul li a.selected {
	color: #FFFFFF;
	background: #0296BE url(../images/template/nav_sideSub_on.png) no-repeat left top;
}


/* Holly Hack. IE Requirement \
* html .cssvertical ul li { float: left; height: 1%; }
* html .cssvertical ul li a { height: 1%; }
/* End */


.cssvertical li:hover ul, li.over ul { display: block; } 
.cssvertical li:hover ul ul, li.over ul ul {display: none;} 
.cssvertical ul ul li:hover ul, ul ul li.over ul {display: block;}

.cssvertical ul li ul {
	border-right: none;
}
/*-------------------< CLASSES >-----------------------*/

.classes {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	padding-top: 25px;
	background: #FFFFFF;
	padding-bottom: 15px;
}

.classes .hold {
	float: left;
	height: auto;
	width: 500px;
}

.classes .hold h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 25px;
	float: left;
}
.classes .hold h3 {
	font-size: 13px;
	font-weight: normal;
	color: #E27C00;
	float: left;
}

.classes .hold .printtrans {
	font: normal 11px Tahoma;
	color: #333333;
	background: url(../images/template/classes_print.png) no-repeat 3px center;
	float: right;
	padding: 3px 3px 3px 18px;
	border: 1px solid #E1E1E1;
}

.classes .hold .item {
	width: 500px;
	border-bottom: 1px solid #CDCDCD;
	margin-bottom: 15px;
	float: left;
}

.classes .item .links {
	font-size: 14px;
	margin-bottom: 15px;
}

.classes .item .links a {
	color: #0052E9;
	text-decoration: underline;
}

.classes .item .ttl {
	color: #E27C00;
	padding-bottom: 6px;
}

.classes .item .ttl span {
	width: 420px;
	float: left;
	padding-left: 6px;
}

.classes .grayList {
	height: auto;
	width: 470px;
	margin:0;
	padding:0;
}

.classes .grayList li{
	background: url(../images/template/classes_arrOff.png) no-repeat left 8px;
	float: left;
	display: block;
	list-style: none;
	width: 470px;
	padding: 4px 10px 4px 20px;
}
.classes .grayList li a{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration:underline;
}
.classes .grayList li.on {
	background: #ECECEC url(../images/template/classes_arrOn.png) no-repeat left 7px;
}

.classes .grayList li.off {
	background: #FFFFFF url(../images/template/classes_arrOff.png) no-repeat left 7px;
}

.classes .grayList p {
	width: 380px;
	float: left;
}

.classes .grayList span.date {
	float: right;
}

.classes .item .readon {
	font: normal 10px Tahoma;
	color: #0296C0;
	float: right;
	width: 50px;
	text-align: right;
	margin-top: 14px;
	clear: both;
	padding-bottom: 3px;
}
/*-------------------< BULLETIN BOARDS >-----------------------*/
.bulletin {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	padding-top: 25px;
	background: #FFFFFF;
	padding-bottom: 15px;
}

.bulletin .hold {
	float: left;
	height: auto;
	width: 500px;
}

.bulletin .hold h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 15px;
	float: left;
}

.bulletin .hold h4 {
	clear: both;
	font: normal 14px Tahoma;
	margin-bottom: 10px;
}
.bulletin .hold h5 {
	font: normal 12px Tahoma;
	margin-bottom: 10px;
}

.bulletin .hold .backbtn {
	font: normal 11px Tahoma;
	color: #333333;
	background: url(../images/template/bulletin_arrBack.png) no-repeat left center;
	float: right;
	padding: 3px 3px 3px 23px;
	border: 1px solid #E1E1E1;
}

.bulletin .item {
	float: right;
	height: auto;
	width: 481px;
	padding: 6px 5px 15px 12px;
	border: 1px solid #829AAF;
	margin-bottom: 8px;
}

.bulletin .item .head {
	height: 29px;
	background: url(../images/template/bulletin_icon.png) no-repeat left top;
	padding-left: 30px;
	width: auto;
	font: normal 10px/27px Arial, Helvetica, sans-serif;
	color: #0296C0;
	border-bottom: 1px solid #BECAD5;
	padding-bottom: 4px;
}

.bulletin .item .head p {
	background: url(../images/template/arr_blue.png) no-repeat left 9px;
	padding-left: 6px;
	float: left;
}

.bulletin .item .head p a {
	color: #0296C0;
}

.bulletin .item .repBtn {
	background: url(../images/template/bulletin_replay.png) no-repeat left top;
	float: right;
	height: 21px;
	width: 72px;
	font: 10px Tahoma;
	color: #0296C0;
	margin-top: 4px;
}

.bulletin .item .repBtn span {
	float: right;
	line-height: 20px;
	width: 44px;
	cursor: pointer;
}

.bulletin .item .ttl {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #0296C0;
	padding-top: 11px;
	padding-bottom: 11px;
}


.bulletin .sub_1,.bulletin .sub_0 {
	width: 451px;
}

.bulletin .sub_2 {
	width: 400px;
	margin-left:50px;
}
.bulletin .sub_3 {
	width: 320px;
	margin-left:110px;
}

.bulletin .sub_1 .head {
	background: url(../images/template/pixel.gif);
	padding-left: 0px;
}

.bulletin .sub_2 .head {
	background: url(../images/template/pixel.gif);
	padding-left: 0px;
}

.bulletin .sub_3 .head {
	background: url(../images/template/pixel.gif);
	padding-left: 0px;
}

/*-------------------< HOMEWORK >-----------------------*/

.homework {
	float: right;
	height: auto;
	width: 716px;
	padding-right: 10px;
	padding-top: 25px;
	background: #FFFFFF;
	padding-bottom: 15px;
}

.homework h1 {
	font-size: 16px;
	font-weight: normal;
	color: #E27C00;
	padding-bottom: 20px;
}

.homework .hold {
	float: left;
	height: auto;
	width: 490px;
}

.homework .hold a {
	color: #0052E9;
	text-decoration: underline;
}

.homework .hold ul {
	list-style: none;
	width: 490px;
	float: right;
	margin: 0px 0px 15px;
	line-height: 17px;
}

.homework .hold .links {
	font-size: 14px;
	margin-bottom: 15px;
}

.homework .hold p {
	margin-bottom: 8px;
}

.homework .grayList {
	background: #EFEFEF;
	padding: 5px 10px;
	height: auto;
	width: 490px;
}

.homework .grayList li {
	background: url(../images/template/homework_arrowGray.png) no-repeat left 8px;
	float: none;
	padding-left: 12px;
	display: block;
	line-height: 21px;
}

.homework .download {
	background: #EFEFEF;
	padding: 5px 10px;
	height: auto;
	width: 490px;
}

.homework .download li {
	float: none;
	display: block;
	line-height: 21px;
}

.homework .download li img {
	margin-right: 5px;
}

.homework .download li a {
	text-decoration: none;
	margin-left: 10px;
}

.homework .contact_me {
	font-size: 12px;
	color: #E27C00;
	float: left;
	line-height: 35px;
	height: 35px;
	margin-top: 15px;
	display: block;
	width: 490px;
}
/*-------------------< ALL LIST PAGE >-----------------------*/
.searchList  {
	float: right;
	width: 490px;
	list-style:none;
}
.searchList ul {
	list-style:none;
	padding:0;
	margin:0;
}
.searchList li {
	list-style:none;
	width: 490px;
	padding-left: 9px;
	padding-bottom: 12px;
	border-bottom: 1px solid #E0D8B6;
}
.searchList li h3 a{
	font-size: 13px;
	font-weight:bold;
	text-decoration:underline;
}
/************** PHOTO GALLERY  ****************/
.photogallery{
	width: 490px;
 }
.mainImage{
	padding:0;
	float:left;
 }
.thumbnails33{
	float:right;
	overflow: auto;
	margin:0;
	padding:0;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#317693;
	scrollbar-arrow-color:#999999;
}
#transparency
{
    font-size: 11px;
	color: #317693;
	font-weight: bold;
	padding:0;
	text-align:center;

}
/********************REPORTS************************/

#reports{
	width: 490px;
	text-align:center;
}
#reports .logoimage{
	margin: 0;
	text-align:center;
	padding:0;
}
#reports ul{
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
#reports li{
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
#reports h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin:3px 0;
}
#reports h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin:3px 0;
}
#reports h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:3px 0;
}
#reports h5{
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:3px 0;
}
#reports p{
	clear:both;
	line-height:18px;
	margin:5px 0;
	text-align:justify;
}
/*-------------------< FOOTER >-----------------------*/


.footer {
	background: #E2E2E2;
	height: 25px;
	width: 100%;
	float: right;

}

.footer .copy {
	font-size: 10px;
	color: #044424;
	line-height: 24px;
	float: left;
	padding-left: 17px;
}

.footer .wdi {
	font-size: 10px;
	color: #044424;
	float: right;
	padding-right: 19px;
	line-height: 24px;
}

