@charset "UTF-8";
/* CSS Document */

body {
  background: #c16028 url("images/mainBack.jpg") repeat;
 
}



p {
font: 14px/13px "Times New Roman", Times, serif;
color: #6d5e40;
letter-spacing: .1em; 
line-height:15px;
}


p span {
font-size: 14px/12px;
color: #a89163;
}

h3 {
color: #a89163;
}

div#outer {
    width: 825px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;

}
table td {
border: 4px solid #266e87;

font: 14px/16px Arial, Helvetica, sans-serif;
color: #515051;
letter-spacing: .1em; 
}

.stafftable td{
border: 1px solid;
padding:5px;
font: 11.5px Arial, Helvetica, sans-serif;
}


.upcoming {
font: 19px/17px "Times New Roman", Times, serif;
color: #6d5e40;
letter-spacing: .1em; 
text-transform: uppercase;
top:7px;
position: relative;
}

.upcomingOrange {
font: 17px/15px "Times New Roman", Times, serif;
color: #f37922;
letter-spacing: .1em; 
text-transform: uppercase;
top:7px;
position: relative;
text-decoration:none;

}

.upcomingOrange:hover {
text-decoration:underline;
}

a.footer {
color: #515051;
text-decoration:underline;
}


a.footer:hover {
text-decoration:none;
}


a {
color: #266e87;
}


a:hover {

text-decoration:none;
}



li {
color: #266e87;
}

li span {
	color: #515051;
}


#footer-base {
font: italic 12px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
color: #ffffff;
padding: 10px;
text-align:right;
background: url("images/Footer.jpg") repeat;
height: 15px;
}

#boldItalic {
font: italic 14px/15px Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
}
#boldItalic span {
font: italic 10px/12px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

#boldItalic a {
color: #266e87;
text-decoration:none;
}

#boldItalic a:hover {
text-decoration:underline;
}

#logo {
position:relative;
top: 20px;

}

#nav
{
background: url("images/navBack.jpg") repeat;
width: 181px;
height: 450px;

}

#content
{

}

.uppercase { text-transform: uppercase; }

.legal {
text-align: center;
font: 12px/20px Arial, Helvetica, sans-serif;
color: #322513;
letter-spacing: .1em;
padding: 15px;
}

.navTop {
	background: transparent url(images/navTop.gif) no-repeat right;
	height:14px;

}

.navBottom {
	background: transparent url(images/navBottom.gif) no-repeat right;
	height:14px;
	margin-bottom : -1px;
	margin:0px;	
	

}
/* Content Sections*/

.mainBanner {
	background: #584219 url(images/Main-Banner.jpg) no-repeat right;
	height: 96px;
}

.home {
	background: #ffffff url(images/homeContentBack2.jpg) repeat-x bottom;
	vertical-align: top;

}

.aboutUs {
	background: #ffffff url(images/aboutContentBack.jpg) repeat-x bottom;
	vertical-align: bottom;

}

.aboutUs2 {
	background: #ffffff url(images/aboutContentBack2.jpg) repeat-x bottom;
	vertical-align: top;

}
.teachers {
	background: #ffffff url(images/teachersContentBack.jpg) no-repeat bottom;
	vertical-align: top;

}

.supplies {
	background: #ffffff url(images/pencilBack.jpg) no-repeat bottom;
	vertical-align: top;

}

.links {
	background: #ffffff url(images/linksContentBack.jpg) repeat-x bottom;
	vertical-align: top;

}
.blog {
	background: #ffffff url(images/blogContentBack.jpg) repeat top;
	vertical-align: top;

}

.faq {
	background: #000000 url(images/faqContentBack.jpg) repeat top;
	vertical-align: top;

}
.bio {
	background: #ffffff url(images/teachersContentBack.jpg) no-repeat bottom;
	vertical-align: top;

}
.contact {
	background: #ffffff no-repeat bottom;
	vertical-align: top;

}

/* End Content Sections*/
.faqContent {
color: #ffffff;
font-size:14px;

}
.faqContent li{
color: #266e87;

}
.faqContent a {
color: #ffffff;
text-decoration:none;

}


.white {
color: #ffffff;

}

.blue {
color: #266e87;
font-size:14px;

}
.blue a {
color: #ffffff;
text-decoration:none;

}
.blue a:hover {
color: #ffffff;
text-decoration:underline;

}
.blueLarge {
color: #266e87;
font: 22px/30px "Times New Roman", Times, serif;

}

.brownTextLarge {
color: #3f3a24;
font: 17px/20px Arial, verdana, Helvetica, sans-serif;

}
.brownText {
color: #3f3a24;
font: 13px/15px Arial, verdana, Helvetica, sans-serif;

}

.blueHeaderSmall {
color: #266e87;
font: bold 12px/30px Arial, Helvetica, sans-serif;

}

.blueQuote {
color: #266e87;
font: 16px/20px Georgia, "Times New Roman", Times, serif;
margin:7px -20px;
}
.blueQuoteBold {
color: #266e87;
font: bold 21px/10px Georgia, "Times New Roman", Times, serif;

}

.whiteQuote {
color: #ffffff;
font: 16px/20px Georgia, "Times New Roman", Times, serif;
margin:7px -20px;
}
.whiteQuoteBold {
color: #ffffff;
font: bold 21px/10px Georgia, "Times New Roman", Times, serif;

}
.whiteQuoteBolder {
color: #ffffff;
font: bold 37px/10px Georgia, "Times New Roman", Times, serif;

}
.roundHeaderSmall {
background: transparent url(images/roundHeader.gif) no-repeat center;
width: 159px;
height:20px;
font:italic 9px Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:uppercase;
text-align:center;
vertical-align:middle;
padding-top:8px;
}

.roundHeader {
background: transparent url(images/roundHeader.gif) no-repeat center;
width: 159px;
height:20px;
font: bold 11px/20px Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:uppercase;
text-align:center;
}

.roundHeaderLonger {
background: transparent url(images/roundHeaderLonger.gif) no-repeat center;
width: 200px;
height:20px;
font: bold 11px/20px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
}
.roundHeaderLongest {
background: transparent url(images/roundHeaderLongest.gif) no-repeat center;
width: 500px;
height:20px;
font: bold 12px/20px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
}

.roundHeaderLongest a {
text-decoration:none;
color:#F47B20;
}

.roundHeaderLongest a:hover {
text-decoration: underline;
}

/**************** menu coding *****************/
#menu {
width: 210px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
text-align:right;
}


#menu a, #menu h2 {
font: 11px/20px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 3px 7px;
text-transform:uppercase;
}

#menu h2 {
color: #fff;
text-transform: uppercase;
}

#menu a {
color: #ffffff;
text-decoration: none;
}

#menu a:hover {
color: #ffffff;
background: #266e87;
}
 
#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 85%;
text-align:left;
background: #266e87;
padding-left: 20px;
}

#menu ul ul li a:hover {
color:#F47B20;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


.dropmenudiv_a{
position:absolute;
margin-left:197px;
margin-top:-27px;
top: 0px;
border: 0px solid #fff; /*THEME CHANGE HERE*/
border-top-width: 0px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 11px/15px Arial;
z-index:100;
background-color: transparent;
width: 171px;
visibility: hidden;
}

.dropmenudiv_a ul {
background-color: #266e87;
margin: -5px 0px;
list-style-type: none;
}
.dropmenudiv_a ul li{

list-style-type: none;
}

.dropmenudiv_a a{
width: auto;
margin-left: -20px;
text-indent: -1em;
display: block;
border-top: 0 solid #266e87;
border-bottom: 0px solid #266e87; /*THEME CHANGE HERE*/
padding: 0px 0;
text-decoration: none;
color: #ffffff;
}

.dropmenudiv_a a:hover{ 
color: #F47B20;
}

.dropmenudiv_a div.subtop{
width: auto;
display: block;
height: 15px;
text-indent: 5px;
border-top: 0 solid #266e87;
border-bottom: 0px solid #266e87; /*THEME CHANGE HERE*/
padding: 0px 0;
text-decoration: none;
color: white;
background: transparent url(images/navTop.gif) top right no-repeat;
}

.dropmenudiv_a div.sub_bottom{
width: auto;
height: 15px;
display: block;
text-indent: 5px;
border-top: 0 solid #266e87;
border-bottom: 0px solid #266e87; /*THEME CHANGE HERE*/
padding: 1px 0;
text-decoration: none;
color: white;
background: transparent url(images/navBottom.gif) top right no-repeat;
background-position:0% 0px;
}



* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}


#mypopup1 {
	position: absolute;
	background: url(images/shadow.png) no-repeat bottom right !important;
	width: 550px;; 
	height: 352px; 
	display: none; 
	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
	vertical-align:middle;

	
}
#mypopup2 {
	position: absolute;
	background: url(images/shadow.png) no-repeat bottom right !important;
	width: 550px;; 
	height: 352px; 
	display: none; 
	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
	vertical-align:middle;

	
}
#mypopup3 {
	position: absolute;
	background: url(images/shadow.png) no-repeat bottom right !important;
	width: 550px;; 
	height: 352px; 
	display: none; 
	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
	vertical-align:middle;

	
}
#mypopup4 {
	position: absolute;
	background: url(images/shadow.png) no-repeat bottom right !important;
	width: 550px;; 
	height: 352px; 
	display: none; 
	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
	vertical-align:middle;

	
}
#mypopup5 {
	position: absolute;
	background: url(images/shadow.png) no-repeat bottom right !important;
	width: 550px;; 
	height: 352px; 
	display: none; 
	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
	vertical-align:middle;

	
}
#mypopup6 {
	position: absolute;
	background: url(images/shadow.png) no-repeat bottom right !important;
	width: 550px;; 
	height: 352px; 
	display: none; 
	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
	vertical-align:middle;

	
}

#inside{
	position: relative; 
	padding: 4em 4em 7em 5em;
	font: 12px/15px Arial, Helvetica, sans-serif;
	vertical-align:middle;

}


* html #inside{
	position: absolute; 
	font: 12px/15px Arial, Helvetica, sans-serif;
	padding: 4em 4em 7em 5em;
	vertical-align:middle;


}


#closeButton {
float:right;
position:absolute;
top: 5px;
right: 14px;
font:bold 17px Arial, Helvetica, sans-serif;
background: #266e87;
color:#ffffff;
padding: 5px 7px;
text-decoration:none;
}

* html #closeButton {

right: 8;

}

#closeButton a{
text-decoration:none;
color: #ffffff;

}