/* layoutstyles.css */



/* Universal style rule */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



h1 {font-family: Helvetica; font-weight: bold; font-size: 1.0em;}
h2 {font-family: Helvetica; font-weight: bold; font-size: 0.8em;}
.content_text_bold {font-family: arial; font-size: 0.9em; text-align: justify; font-weight: bold; }

a,a:link,a:visited{
text-decoration:none;
font-size:1em;
color:#46012b;
font-family: arial;
}

a:hover{
text-decoration:none;
font-size:1em;
font-family: arial;
}

.right{
	float:right;
}



body { background-color: #7d3b44; font-family: Arial, Helvetica, sans-serif; }


#wrapper{
  width: 800px;
  background-color: #d7deb6;
/* Center the wrapper */
  margin: 15px auto 0 auto;
}

#branding img{
  display:block;
}

#navbar {
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: #82A157;
}

#leftcolumn{
   width:8em;
   float:left;
  border-right:0px solid #000000;
}


#leftcolumn a,
#leftcolumn a:link,
#leftcolumn a:visited{
display:block;
padding-left:.4em;
width:7.6em;
line-height:1.5em;
height: 1.5em;
background-color: #b3c16f;
border-bottom: 0px dotted #000000;
border-right:0px dotted #000000;
  text-decoration:none;
  font-size:1em;
  color:#46012b;
  font-family: arial;
 
}
/* Navbar hover and active links */
#leftcolumn a:hover,
#leftcolumn a:active{
display:block;
border-right:0em solid #000000;
padding-left:.4em;
width:7.58em;
line-height:1.5em;
color:#46012b;
height: 1.5em;
border-bottom: 0px dotted #000000;
  text-decoration:none;
  font-size:1em;
  font-family: arial;
  background-color:#656f36;
}

/* navbar dropdown*/
#leftcolumn ul {
list-style: none;
}
/* List items in the navbar */
#leftcolumn li{
/* Required for drop-down menus */
position:relative;
}
/* Applies to drop-down menus in navbar */
#leftcolumn li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
  height: 0px;
}
/* Make drop-down visible on navbar hover */
#leftcolumn li:hover ul{
position:relative;
  visibility:visible;
  border:1px dotted #000;
}
#leftcolumn li:hover ul li a{
  padding-left:0;
    text-decoration:none;
  font-size:1em;
  color:#000;
  font-family: arial;
  line-height:1.5em;
height: 1.5em;
  }
  #leftcolumn li:hover ul li {
display:block;
position:relative;
left:7.9em;
top: -1.5em;
width:7.6em;
font-size:1em;
color: #000000;
line-height:1.5em;
height: 1.5em;
background-color: #b3c16f;
  }

  #dropdown_text{
  font-size:.8em;
color: #000000;
line-height:1em;
height: 1em;}

#leftcolumn li:hover ul li a:hover{
background-color: #656f36;}
/*END NAVBAR STUFF*/
#leftcolumn .eco{
 font-size: .7em;
 margin: 10px auto;
 padding: 10px 2px 0px 2px;
 width: 121px;
 display:block;
 text-align: center;
 background-color: #fffac3;
 border: 0px solid #000000;
}

#leftcolumn .eco a,
#leftcolumn .eco a:link,
#leftcolumn .eco a:visited,
#leftcolumn .eco  a:hover,
#leftcolumn .eco a:active{
background-color: #fff47c;
padding: 0px;
margin: 0px auto;
width:100px;
}



#content{
/* Left margin must match leftcolumn width */
 margin-left:8em;
 padding:10px 10px;
}

#intro {width:290px;}

#content p{
text-align: justify;
margin: 10px auto;
font-family: arial; 
font-size: 0.9em;
}

#content img{
float: right;
margin-left: 10px;
margin-top: 10px;
}
#content ul{
  padding-left:20px;
}

#footer {
clear: left;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: #82A157;
height: 16px;
}

#created_by {float: right; font-size: .7em; padding-right: 5px;}


/*Program page styles*/
#content_programs{
/* Left margin must match leftcolumn width */
border-left:0px solid #000000;
 margin-left:8em;
 padding:10px 20px;
}
#content_programs img{
border: none;
float: right;
margin-left: 10px;
margin-top: 10px;
}
.prog_cell1 {width: 300px; float: left; padding-bottom: 25px; padding-top:10px;}
.prog_cell2 {width: 300px; float: right; padding-bottom: 25px; padding-top:10px;}

/*IRIS HOUSE STYLES*/
#content_iris{
/* Left margin must match leftcolumn width */
border-left:0px solid #000000;
 margin-left:8em;
 padding:10px 10px;
}
#content_iris img{
float: right;
margin-left: 10px;
margin-top: 10px;
}
#content_iris p{
text-align: justify;
margin: 10px auto;
font-family: arial; 
font-size: 0.9em;
}

/*philosophy*/
#content_philo{
/* Left margin must match leftcolumn width */
border-left:0px solid #000000;
 
 padding:10px 20px;
 overflow: auto;
 width: 630px;
}

#content_philo p{
width: 310px;
text-align: justify;
font-family: arial;
font-size: 0.9em;
}

#content_philo h2{
padding-top: 20px;
}


/*teachers*/
#content_teach{
/* Left margin must match leftcolumn width */
border-left:0px solid #000000;
 margin-left:8em;
 padding:10px 10px;
 width: 640px;

}

#content_teach p{
border: 0px solid #ff0000;
text-align: justify;
font-family: arial; 
font-size: 0.9em;
width:295px;
margin-right: 10px;
}

#content_teach img{
border: none;
margin-right: 0px;
margin-top: 0px;
}

#content_teach div{
float:left;
border: 0px solid #f00;
margin: auto;
width:640px;
padding-bottom: 10px;
}

#content_teach h2{
font-size: 1.0em;
padding-bottom: 10px;
}


/*calendar, newsletter, contact*/

#content_newsletter{
/* Left margin must match leftcolumn width */
border-left:0px solid #000000;
 margin-left:8em;
 padding:10px 10px;
 width: 640px;
}

#content_newsletter h2{
padding:10px 0px;
}

#content_newsletter p{
margin: 10px 10px 10px 0px;
font-family: arial; 
font-size: 0.9em;
}

#content_newsletter img {
}



#newsletter_section{width:600px; margin: auto;}
#newsletter_left {float:left; width:320px;}



/*tuition*/

#tuition_table { width: 600px; margin: auto; font-family: arial; font-size: 0.9em; border: 1px solid #82A157; padding: 5px 20px;}
#tuition_table thead td { font-size: 1em; font-weight:bold;}
#tuition_table #row2 td {width: 250px;}
#tuition_table #row3 td {width: 250px;}
#tuition_table #row99 td {width: 150px;}


/*gallery*/




/* Start printer-friendly styles */
@media print{
/* Make wrapper the full page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}

#branding img {display: none;}

/* Get rid of content div margins and
padding. Use a different font for print */
content_calendar{
margin-left:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */
}