/* CSS Document */
/*these are for the main horizontal menu*/
#menu {
	background-image: url(images/orthoLeftColumnBkg.gif);
	padding:0;
	margin:0;
	width:186px;
}
#menu ul {
	padding:0;
	margin:0;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	/*display: inline;
	float: left;*/
}
#menu ul li {display: block;}
#menu ul li a {
	padding:0px;
   text-decoration:none;
	/*float:left;*/
}
#menu ul li a:hover {
   background-position: 0px;
}
#menu ul li { width:186px; height:27px; position:relative; z-index:2; }
#menu ul li span { position: relative; z-index:-1; }

#menu1 a {/*#menuHome*/
   background-image: url(images/orthoMenuHome.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menu2 a {/*#menuAbout*/
   background-image: url(images/orthoMenuAbout.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menu5 a {/*#menuAdditional*/
   background-image: url(images/orthoMenuAdditional.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menu6 a {/*#menuContact*/
   background-image: url(images/orthoMenuContact.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menu3 a {/*#menuillness*/
   background-image: url(images/orthoMenuIllness.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menu4 a {/*#menuMedia*/
   background-image: url(images/orthoMenuMedia.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menu47 a {/*#menuSupplements*/
   background-image: url(images/orthoMenuSupplements.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menuSchoolCalendar a {/*#menuSchoolCalendar*/
   background-image: url(images/menuSchoolCalendar.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }

#menuNews a {/*#menuNews*/
   background-image: url(images/menuNews.gif);
   display:block;
   width: 186px;
   height: 27px;
   background-position: 186px;
   }
/*submenu styles*/
#sidenav-placeholder {
	width: 150px;
/* 	height: 150px; */
	background-color: white;
	margin: 0 10px 20px 10px;
	float:right;
}
#sidenav-placeholder span {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 10px;
}
#sidenav {
	position: absolute;
	right: 10px;
}
.subPagesSubMenu  {
/* dave  */
/*  width: 600px;  */
min-height:230px;
 height:auto !important;
 height:230px;

}
.subPagesSubMenu ul {
	width: 150px;
/* 	height: 150px; */
/* 	background-color: #ffffff; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #7FA540;
	padding: 20px;
}
.subPagesSubMenu li {
	width: 125px;
	white-space:normal;
}
.subPagesSubMenu a {
	text-decoration:none;
}
#sidenav-placeholder .subPagesSubMenu a span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #7FA540;
	padding:0;
}
/* dave  */
#sidenav-placeholder2 {
	width: 100%;
	height: 180px;
/* dave */
	height: 230px;

	position: relative;
	background-color: transparent;
	margin: 0 10px 20px 0px;
}
#sidenav-placeholder2 h2 {
	margin-top: 0;
	margin-bottom: .25em;
}
#sidenav-placeholder2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	text-align: left;
	margin-left: 140px;
	padding-left: 10px;
}
.subPagesSubMenu td {
/* 	width: 24%; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	font-weight: bold;
	color: #7FA540;
}
.subPagesSubMenu a:link {
	color: #7FA540;
}