/*This style sheet Copyright 2010 Salvonix www.salvonix.us*/
body {margin: 0px; padding: 0px; color: black; background-color: #e7d4a7; z-index: 1;}

h1 {font: bold 110% Tahoma, Arial, sans-serif;
	color: black; text-align: center;
	padding: 0px; margin: 0ex 10em;}
h2 {font: bold 120% "Lucida Handwriting", "Zapf Chancery", sans-serif;
	font-style: italic;
	color: #4e3119;
	text-align: center;
	padding: 0px; 
	margin:1ex 0em 0ex; }
h3 {font: bold 100% Arial, Helvetica, Verdana, sans-serif;
	font-variant: normal;
	font-weight: 700;
	font-size: 90%;
	color: #000;
	text-align: left;
	line-height: 100%;
	padding: 0.5em 1em 0em 2em;
	margin: 1ex 1em 0ex;
	clear:both;}
h4 {font: bold 100% Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	color: #10138f;
	text-align: left;
	line-height: 90%;
	padding: 0.5ex 2.5em;
	margin: 0.3ex 0em;}

h5 {font-family: Arial, Helvetica, Verdana, sans-serif;
	font-variant: normal;
	font-weight: 700;
	font-size: 90%;
	line-height: 80%;
	padding: 0.7ex 2em 0.3ex 2em;
	margin: 0em 4em 0.3ex 0.5em;
/*	display: block;
	background-image: url('images/gradientBarDK.jpg');
	background-repeat: repeat-x;
	background-color: white;*/
	color: #602020;
	clear:both;}
h6 {
	clear:both;
	text-align:center;
	font-family: Arial, Luxi Sans, sans-serif;
	font-weight:500;
	font-size: 110%;
	line-height:0%;
	font-variant:small-caps;
	color:#36422c;
	padding: 3ex 0em 0ex;
	margin:0ex;
	}
.special {font: bold 130% Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	color: blue;
	text-align: left;
	line-height: 90%;
	padding: 0.5ex;
	margin: 0em;}
.special2 {font: bold 130% Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	color: red;
	text-align: left;
	line-height: 90%;
	padding: 0.5ex;
	margin: 0em;}

a:link {color: #990000;}
a:visited {color: #009900;}

div#rightbar {
        position: fixed; 
        width: 1.52in; 
        height: auto;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: auto; 
	background-color: #000; 
/*        background-image: url('images/GradientThin.jpg');
        background-repeat: repeat-x;*/
	z-index: 1;
	}
div#title     {
        position: absolute;
        width: auto;
        height: 150px;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: auto;
        padding: 0px 0px 0px 0px;
	background-color: #000; 
        background-image: url('images/banner.jpg');
        background-repeat: no-repeat;
	background-position:left;
	z-index: 20;}
div#content {
        position: absolute;
        width: auto;
        height: auto;
        top: 150px;
        bottom: auto;
        left: 1in;
        right: 1.7in;
	background-color: #e7d4a7;
	padding: 0.5ex 1em 0ex;
	z-index: 1;
	}
div#content p {  font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 90%;
	line-height: normal;
	text-align:justify;
	padding: 0ex 4em;
	}

div#content a:link, div#content a:visited {
	padding: 0px 1px;/*was 0 2 0 2*/
	background: transparent; 
	font-size: 100%;
	color: #4e3119;
	border-bottom: 1px solid #4e3119;/**/
	text-decoration: none;}
div#content a:hover {
	padding: 0px 1px;/*was 0 2 0 2*/
	color: #812631; 
	border-bottom: 0px solid #812631;
	text-decoration: none;}

div#content a#contentLogoLinks:link,
div#content a#contentLogoLinks:visited,
div#content a#contentLogoLinks:hover {
	border: 0px; 
	background: transparent; 
	text-decoration: none;}

.imageRight {float: right; padding: 4px 8px; text-align: left;}
.imageLeft {float: left; padding: 4px 8px; text-align: right;}

div#menu * {margin: 0px; padding: 0px; z-index: 15;}
div#menu {
	position: fixed;
	width: 1.5in; 
	float: right;
	font-family: Arial, sans-serif;
	font-size: 80%;	
/*	background-color: #812631; */
	top: 150px; 
	right: 0px;
	}
div#menu ul {
	width: 100%;
	z-index: 16;
	}
div#menu ul li {
	position: relative; /* positioning context for the absolutely positioned drop-down */
	width: 100%;
	clear: right;
	list-style-type: none;	/* removes the bullet off each list item */
	background-color: #000; 
	border-right: 1px solid #812631; /* creates dividing lines between the li elements */
	border-left: 1px solid #812631;
	border-bottom: 1px solid #812631;
	z-index: 17;
	}
div#menu ul li:first-child {
	border-top: 1px solid #812631;
	}

div#menu ul li:hover { 
	background-color: #c8b599; /*sets the background of the menu items */
	}
div#menu * a {
	display:block;
	padding: 1px 6px; /*creates space each side of menu item's text */
	text-decoration: none;	 /* removes the underlining of the link */
	color: #c8b599;	/* sets the type color */
	z-index:41;
	}
div#menu * a:hover {
	color: #000;
	}
/* the menu ends here */
/* the drop-down starts here */
div#menu ul.level2 {
	margin: 0px; 
	z-index: 18; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 1.5in; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right: 0px; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	top: -1px;
	left:-1.5in; margin-left: -2px; /*aligns the drop exactly under the menu */
	}
div#menu ul.level2 li {padding: 0px;
	width: 100%; /* makes the list items fill the list container (ul) */
	z-index: 19;
	}
div#menu ul.level2 li a {padding: 1px 0.5em;}
/* make the drop-down display as the menu is rolled over */
div#menu ul.level2 {display: none;} /* conceals the drop-down when menu not hovered */
div#menu ul li:hover ul.level2 {display: block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
div#menu ul.level3  {
	position: absolute;
	display: none;
	width: 1.5in;
	border-right: 0px;
	top: -1px;
	left:-1.5in; margin-left: -2px; /*aligns the drop exactly under the menu */
	z-index: 20;}
div#menu ul.level2 li:hover ul.level3 {display: block;} /* same effect as display:block in this situation */
div#menu ul.level2 li:hover ul.level2 {display: none;}
div#menu ul.level3 li:hover ul.level3 {display: block;} /* same effect as display:block in this situation */

table#teachers {
	border-collapse:collapse;
	width:80%;
	border:1px solid #812631;
	text-align:center;
	margin:0ex auto 4ex auto;
	}
table#teachers th, table#teachers td {padding:3px 0px 0px; width:33%;}
table#teachers caption {
	width:80%;
	background: #bdb4ad;
	color: #812631;	
	font-family: Arial, "Luxi Sans", sans-serif;
	font-weight:600;
	font-size: 120%;
	line-height:normal;
	font-variant:small-caps;
	text-align:center;
	margin:0ex auto;
	border:1px solid #812631;

	}
table#teachers thead {
	background-color: #7f9ddb;
	color:white;
	}
table#teachers p {
	text-align:center;
	font-size:90%;
	padding:0.25ex 0em;
	}

table#schedule {
	border-collapse:collapse;
	width:70%;
	border:1px solid #812631;
	text-align:center;
	margin:0ex auto 4ex auto;
	}
table#schedule th, table#schedule td {padding:0px; width:10%; border:1px solid black;}
table#schedule caption {
	width:70%;
	background: #bdb4ad;
	color: #812631;	
	font-family: Arial, "Luxi Sans", sans-serif;
	font-weight:600;
	font-size: 120%;
	line-height:normal;
	font-variant:small-caps;
	text-align:center;
	margin:0ex auto;
	border:1px solid #812631;
	}
table#schedule thead {
	background-color: #7f9ddb;
	color:white;
	}
table#schedule p {
	text-align:center;
	font-family: "Arial Narrow", "Luxi Sans", sans-serif;
	font-size:80%;
	font-weight:600;
	padding:0.25ex 0.2em;
	}
.center {text-align:center;}
.odd {background-color:#f1edea;}
.even {background-color:#f6f4e8;}
.white {background-color:white;}
.black {background-color:black; color:white;}

div.pullquote {float: right; width: 200px; height: auto; color: #20462b;
   border: solid #20462b; border-width: 2px 0px; z-index: 1;
   font: bold 1em Arial, Helvetica, Verdana, sans-serif;
   padding: 3px 2px; margin: 2.5ex 3em 0.5ex 1em;}

div.logos * {}
div.logos {
	position: fixed;
	width: 1.5in;
/*	min-width: 1.35in;*/
	top: 20ex;
	right: 0px;
	text-align: center;
	padding: 2px 0px 2px 0px; 
	margin: 168px 0px 5px 0px;
	z-index: 20;
	}
div.logos a img {margin: 0.2in 0in 0in 0in;}

div#content a.specialLinks:link,
div#content a.specialLinks:visited {
	text-decoration: none; 
	border-bottom: 1px solid gray; 
	border-top: 0px; 
	border-right: 0px; 
	border-left: 0px; 
	font-weight: bold;
	color: #883b3b;
	background: transparent;}

div#content a.specialLinks:hover {
	text-decoration: none; 
	background: #883b3b; 
	color: white; 
	font-weight: bold;
	border-bottom: 0px;}

#specialContent {border:13px solid #33271f;}
#specialContent a:link {padding:0ex; margin: 0ex; text-decoration:none; border:0px;}


.dcPhiloCorner {float: right; 
	width: 270px; 
	height: auto; 
	color: #fff;
   	border: 0px solid #777; 
	border-width: 1px 1px; 
	z-index: 1;
   	padding: 0px; 
	margin: 1ex 1em; }
.dcPhiloCorner p#title {font-style: italic; font-weight: 700; padding: 3px 0.5em; margin: 0px; background-color: #812631; text-align: center;}
.dcPhiloCorner p {
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-variant: normal;
	line-height: 100%;
	padding:0px;
	margin: 0px;
	background-color: #000;}
div#copyright { margin-top: 5ex; }
div#copyright p {
	clear: both;
	text-align: right; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: italic; 
	font-size: 70%;
	line-height: 100%;
	color: #777; 
	top: 3ex;
	padding: 0.25ex 5ex; margin: 0.3ex 0.3em 0.2ex 0em;}
div#copyright a:link, div#copyright a:visited {
	text-decoration: underline;
	border:0px; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: italic; 
	font-size: 100%;
	background: none;}
div#copyright a:hover {	background: #6b4610; text-decoration:none;}

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html  div#menu {top: 154px;}
* html  div#menu ul li {margin-top:-4px}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#menu ul li ul {
	border-top:1px solid black;
	border-left:0px; /* stops the drop inheriting the ul border */
	top: 1px;
	margin-left: -2px;
	}

/*ie likes negative numbers for sending behind, but mozilla only likes positive*/
* html  div#content {z-index: -5;}
* html  div.contact {z-index: -99;}
* html  div#content {z-index: -31;}
* html  div#specialevent {z-index: -32;}
* html div.logos {z-index: -30}
* html div#rightbar {z-index: -40}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#menu ul.level3 { 
  left:-0.4in; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:-1.5in;
  } 
/* and the "be nice to Opera" rule */
html>body div#menu ul.level3 {
  left:-1.5in;
}