/* layout */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ffffe4; /*light yellow*/ 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:210px 0 0 0; 
  }

#main {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  position:fixed; 
  top:225px;
  left:0;
  bottom:0; 
  right:0; 
  overflow:auto; 
  background:#ffffe4; /*light yellow*/
  padding:5px;
  text-align:center;
  }

* html #main {
  height:100%; 
  width:100%; 
  }

#header {
  font-family:"times new roman", serif;
  font-size:13px;
  font-weight:bold;
  position:absolute; 
  top:0; 
  width:100%; 
  height:200px; 
  background:#ffffff;
  border:1px solid #000;
  padding:10px;
  }
  
* html #header {
  height:180px;
  }

#left {
  float:left; 
  background:#ffffff; 
  border:1px solid #000; 
  color:#000; 
  width:85%;
  }

#right {
  float:right; 
  }
  
#middle {
  background:#47006b; 
  padding:10px; 
  border:1px solid #000; 
  color:#ffffff; 
  } 


.lft {
  float:left;
  }
  
.rgt {
  float:right;
  margin-left:30px;
  }

.columnone {
  width:82%; /*this adjusts the first colum when off the index page*/
  float:left; 
  text-align:justify; 
  margin-right:1.5%; 
  border:1px solid #000;
  background:#ffffff; 
  padding:10px;
  }
  

.columnthree {
  text-align:left; 
  border:1px solid #fff;
  }

* html .columnthree {
  border:0;
  }

.columnthree a, .columnthree a:visited {
  font-size:1em; 
  color:#000; 
  text-decoration:underline;
  }

.columnthree a:hover {
  color:#888; 
  text-decoration:none;
  }
 
 /* Banner Table */
  table { 
  background: #ffffff;
  border-collapse: collapse;
  border-style: none; 
  padding: 0em; 
  }
    
  td  { 
  padding: 3px; 
  }
  
td.nepeanhs  {  
  padding: 10px; 
  font-size:65px;
  font-weight:bold;
  color:#47006b; /*dark purple*/
  }

  
/* Navigation - tabbed CSS dropdown menu */ 
.menu {
  font-family: arial, sans-serif; 
  position:relative; 
  font-size:0.82em;
  font-weight:bold;
  padding-bottom:5px;
  z-index:100;
  }

.menu ul {
  padding:0; 
  margin:0;
  list-style-type: none;
  color:#47006b; /*dark purple*/
  padding-bottom: 4px;
  background: #ffffff;
  }

.menu ul li {
	float:left;
	position:relative;
	/*width: 41px;
	height: 70px;*/
  }

.menu ul li a, .menu ul li a:visited {
  display:block; 
  text-decoration:none; 
  color:#000; 
  width:85px; /*width of grey drop down menu boxes*/
  height:2em; 
  color:#000; 
  border-width:1px 1px 0 0; 
  border: 1px solid #47006b; /*dark purple*/
  background:#e4e4dc; /*light grey*/; 
  padding-left:3px; 
  line-height:2em;
  margin: 1px 1px 1px 1px;
  }

* html .menu ul li a, .menu ul li a:visited {
  width:80px;
  w\idth:81px;
  }

.menu ul li ul {
  display: none;
  }

table {
  margin:-1px; 
  border-collapse:collapse;
  font-size:1em;
  }

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
  color:#ffffff; 
  background:#999;
  }

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:2em;
  margin-top:1px;
  left:0; 
  width:90px; /*white background behind drop-down menu*/
  }

* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
  }

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
  }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block; 
  background:#ffffbf; 
  color:#000; 
  height:auto; 
  line-height:1em; 
  padding:2px 5px; 
  width:78px; /*width of the yellow drop down boxes*/
  }

* html .menu ul li a:hover ul li a {
  width:75px ;
  w\idth:75px ;
  }

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
  background:#ffffbf url(site_graphics/drop.gif) bottom right no-repeat;
  }

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
  background:#47006b;  /*dark purple*/
  color:#ffffff;
  }

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:90px; /*width of the fly-out menus*/
  top:0;
  width:90px;
  background: #ffffff;
  }

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
  left:-90px;
  }
  
/* end of navigation - tabbed CSS dropdown menu */

/* end of layout */


/* Links */
A.center:visited { 
  font-family: Verdana, serif;
  text-decoration: none; 
  color:#ffffff; 
  font-size:12px; 
  }
   
A.center:link { 
  font-family: Verdana, serif; 
  text-decoration: none; 
  color:#e4e4dc; /*light grey*/; 
  font-size:12px; 
  }
   
A.center:hover { 
  font-family: Verdana, serif;
  text-decoration: underline; 
  color:#ffffff; 
  font-size:12px;
  }
  
A.right:visited { 
  font-family: Verdana, serif;
  text-decoration: none; 
  color:blue; 
  font-size:12px; 
  } 
  
A.right:link { 
  font-family: Verdana, serif;
  text-decoration: none; 
  color:blue; 
  font-size:12px; 
  } 
  
A.right:hover { 
  font-family: Verdana, serif;
  text-decoration: underline; 
  background:#e4e4dc; /*light grey*/
  color:blue; 
  font-size:12px;
  }
 
A.regular:visited { 
  font-family: "times new roman", serif;
  text-decoration: none; 
  color:blue; 
  } 
  
A.regular:link { 
  font-family: "times new roman", serif;
  text-decoration: none; 
  color:blue; 
  } 
  
A.regular:hover { 
  font-family: "times new roman", serif;
  text-decoration: underline; 
  background:#e4e4dc; /*light grey*/
  color:blue; 
  }
  
A.announcements:visited { 
  font-family: Verdana, serif;
  text-decoration: none; 
  color:blue; 
  font-size:12px; 
  font-weight:bold;
  } 
  
A.announcements:link { 
  font-family: Verdana, serif;
  text-decoration: none; 
  color:blue; 
  font-size:12px; 
  font-weight:bold;
  } 
  
A.announcements:hover { 
  font-family: Verdana, serif; 
  text-decoration: underline; 
  background:#e4e4dc; /*light grey*/
  color:blue; 
  font-size:12px;
  font-weight:bold;
  }
  /* end of Links */

p.datetime {
  color:#a4a494;
  }
  
p.hidden {
  color:#ffffff;
  }

span {
  color:#a4a494;
  }
  
span.highlight {
  color:#47006b;
  font-weight:bold;
  font-size:16px;
  }

img.main {
  width:400px;
  border:solid 1px;
  }
 
img.aotw {
  float:right;
  border: 1px solid;
  width:300px;
  }
  
h2.col1header {
  color:#47006b;
  font-weight:bold;
  }
  
span.purple {
  background-color: #47006b;
  color:#ffffff;
  text-align:center;
  }

span.sm {
  font-size:14px;
  }
  
/* Athletics Tables */
table.athletic {
  border: 0px inset #000;
  }
  
table.athletic td {
  border: 1px solid black;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: middle; 
  width:150px;
  }
    
table.athletic tr.d1 td {
  background-color: #fcf6cf;
  text-align:left;
  }

table.athletic tr.d2 td {
  background-color: #fefef2;
  text-align:left;
  }
  
table.athletic th {
  text-align:center;
  }
  
table.athletter td.small {
  border: 0px solid black;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: middle; 
  width:25px;
  }
  
table.athletter td {
  border: 0px solid black;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: middle; 
  width:500px;
  }
  
table.athletter tr.d3 td {
  background-color: #47006b;
  color:#ffffff;
  text-align:center;
  }
  
table.athletter tr.d1 td {
  background-color: #fcf6cf;
  }

table.athletter tr.d2 td {
  background-color: #fefef2;
  }

table.aotw {
  border: 0px inset #000;
  }
  
table.aotw td {
  border: 0;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: middle; 
  width:350px;
  vertical-align:top;
  }
 /*end of athletic tables*/
 
 /*other tables*/
table.principal td {
  width:150px;
  }
 
table.val {
  border: 0px inset #000;
  }
  
table.val td {
  border: 1px solid black;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: top; 
  width:300px;
  }
    
table.val tr.d1 td {
  background-color: #fcf6cf;
  text-align:left;
  }

table.val tr.d2 td {
  background-color: #fefef2;
  text-align:left;
  }

/* Departmetnts Table */
table.dept {
  border: 1px solid black;
  text-align:center;
  }
  
table.dept td {
  border: 1px solid black;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: middle; 
  width:140px;
  text-align:center;
  }

table.dept tr.title td {
  background-color: #47006b;
  text-align:center;
  color:#ffffff;
  text-align:center;
  font-weight:bold;
  }  
table.dept tr.grade td {
  background: #e4e4dc;
  text-align:center;
  color:#47006b;
  font-weight:bold;
  colspan:
  }    

table.dept tr.yellow td {
  background-color: #fcf6cf;
  text-align:center;
  }

table.dept tr.white td {
  background-color: #ffffff;
  text-align:center;
  }

a img {
  border: none; 
  } 
    
/*CSS Photo Gallery*/
a.thumbnail {
  position: relative;
  z-index: 0;  
  width:100px;
  height:66px;
  border:0;
  }

a.thumbnail:hover {
  background-color: transparent;
  z-index: 50;
  }

a.thumbnail span {   /*CSS for enlarged image*/
  position: absolute;
  background-color:#ffffe4;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
  }

a.thumbnail span img {   /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
  }

a.thumbnail:hover span {   /*CSS for enlarged image on hover*/
  visibility: visible;
  top: -60px;
  left: 30px; /*position where enlarged image should offset horizontally */
  }

/* CSS Calendar*/
.hdr {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 2px;

}
.whtlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: underline;
	color: #ffffff;
}
.implinkhdr {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #ffffff;
}
.commbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: left;
}

div.cell {
	/*clear: right;*/
	margin: 0.5em;
}

div.loc {
}

div.time {
	font-weight: bold;
	color:red;
}

div.title {
	color: #47006b;
	font-weight: normal;
}

/*table#annc {
	width: 712px;
}
hard-coded instead*/

div.date {
	background: #f3f3f3;
	border: 1px solid #808080;
	border-width: 1px 1px 1px 1px;
	color: gray;
}

table.n4table td {
	background-color: #eee9ce;
}

td.annc {
	border: 1px  #c64c4c;
	font-size: 90%;
	padding: 1em 1em 1em 1em;
	border-style: solid;
	background-color: #f2f2f2;
}

th.n4hdr {  
background-color: #47006b;  
text-align:center;
}

td.priormonth div.date, td.nextmonth div.date {
	background: #d3d3d3;
	border-bottom-width: 0;
	border-left-width: 0;
	color: #808080;
}

.special {
	background-color: #8DAAD0;
	border: 1px #000000; /*dotted*/
	/*clear: right;*/
	color: #ffffff;
	/*font-variant: small-caps;*/
	font-weight: bold;
	margin: 2px 2px 2px 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
/*	text-align: center;*/
	width: auto; /* seems ok with n4*/
}
div#apr table#calendar {
	background-image: none;
}

div#aug table#calendar {
	background-image: none;
}

div#dec table#calendar {
	background-image: none;
}

div#feb table#calendar {
	background-image: none;
}

div#jan table#calendar {
	background-image: none;
}

div#jul table#calendar {
	background-image: none;
}

div#jun table#calendar {
	background-image: none;
}

div#mar table#calendar {
	background-image: none;
}

div#may table#calendar {
	background-image: none;
}

div#nov table#calendar {
	background-image: none;
}

div#oct table#calendar {
	background-image: none;
}

div#sep table#calendar {
	background-image: none;
}

div.cell {
	clear: right;
}

div.date {
	border-right-width: 0 !important; /*background: #F3F3F3;*/
	border-top-width: 0 !important;
	float: right;
	margin: 0;
	padding: 0.125em 0.25em 0 0.25em;
	text-align: center;
}

table#calendar {
	background-color: #FFFBEA;
	background-position: center;
	background-repeat: repeat;
	font-size: 100%;
	width: 825px;
}

table#calendar a {
	display: block; /*font-weight: bold; not needed in th*/
	margin: 0;
	text-decoration: none;
}

table#calendar a:link {
	color: #000080;
}

table#calendar a:visited {
	color: #000080;
}

table#calendar a:hover {
	background-color: #47006b;
	color: #ffffff;
}

table#calendar td {
	background-color: transparent;
	border-color: #808080 #808080 #808080 #808080;
	border-style: solid solid solid solid;
	border-width: 0 0 1px 1px;
	font-size: 90%;
	height: 100px;
	padding: 0;
	vertical-align: top;
	width: 118px;
	text-align:left;
}

table#calendar td.col7 {
	border-right: 1px solid #808080;
}

table#calendar td.sat, table#calendar td.sun {
	background-color: #FDF1C8;
}

table#calendar tr#days th {
	background-color: #47006b;
	color: #fffbea;
	font-size: 100%; 
	font-weight: bold;
	padding: 1px 0.5em; 
	text-align: center; 
}

table#calendar tr#spacers td {
	height: 1px;
}

table#calendar tr#title th {
	background-color: #fdf1c8;
	border: 1px solid #818181;
	color: #47006b;
	font-size: 20px;
	padding: 5px;
	font-weight:bold;
}

table#calendar tr#title th#nextmonth{
	color: #ffcc66; /*font-size: 110%;*/
}

table#calendar tr#title th#priormonth{
	border-right-width: 0;
	color: #ffcc66; /*font-size: 110%; */
}

table#calendar tr#title th#thismonth{
	border-right-width: 0;
}

td.annc {
	background-color: transparent !important;
	border-style: dotted !important;
}

td.priormonth div.date, td.nextmonth div.date {
	background: transparent !important;
}

.special {
	clear: right;
	display: block;
	font-variant: small-caps;
	text-align: center;
}
  
table.library {
  border: 0px inset #000;
  }
  
table.library td {
  border: 0;
  padding: 0.2em 2ex 0.2em 2ex;
  color: black;
  vertical-align: top; 
  width:800px;
  }