/* @group General Rules */

* {
 margin: 0;
 padding: 0;
}

html {
 font-size: 100%;
 background: #012d64 url(../images/html_bg.png) repeat-x;
}
body {
 font: 67.5% Arial, Helvetica, sans-serif;
}
#header #navigation a, #header #navigation span {
color: #fff;
font: 1.3em Arial;
text-decoration: none;
}
#header #navigation span {
 color: #000;
}

#powered-by {
 top: 10px;
 right: 20px;
 position: absolute;
 font-size: 100%;
 color: #17637a;
 font-variant: small-caps;
}
#powered-by a {
 color: #fefaf1;
 text-decoration: none;
}
#powered-by a:hover {
 color: #fcc;
}
#container {
 width: 949px;
 margin: 0 auto;
 background: url(../images/container.png) repeat-y;
 position: relative;
 z-index: 0;
}
h2, h3, h4, h5, ul, dt {
 font-family: georgia;
}
h2, h3, h4, h5 {
 color:#022e65;
 font-weight: 300;
 }
 h2 {
 font-size: 240%;
 padding-top: 35px;
 }
 h3 {
 font-size: 200%;
 padding-bottom: 15px;
 }
dt {
font-size: 160%;
padding: 0 0 10px 30px;
}

p, dd, #main ul, #main ol {
font: 140%/160% arial;
}
dd {
line-height: 120%;
}
/* @end */



/* @group Heading Rules */

h1 {
 width: 350px;
 height: 148px;
 position: relative;
 margin-left: 15px;
 float: left;
}
#home h1 {
 height: 346px;
}
h1 span {
 width: 100%;
 height: 100%;
 position: absolute;
 background:  url(../images/logo.jpg) no-repeat;
}
#home h1 span {
background: url(../images/home-logo.jpg) no-repeat;
}
h3, h4, h5 {
padding-top: 15px;
}
#navigation {
 float: left;
 list-style: none;
 padding: 79px 0 0  68px;
 text-transform: lowercase;
}
#navigation li {
 display: inline;
 margin: 0 11px;
 text-align:center;
 width: 70px;
}

      #columnleft {
			        width: 234px;
        float: left;
        margin-left: 10px;
				padding: 45px 24px 48px 32px;
        background: url(../images/blurb-shading.png) no-repeat 20px 34px;
				padding-left: 35px;
				margin-right:18px;
			}
 			#columncenter {
        width: 234px;
        float: left;
        margin-left: 10px;
				padding: 45px 24px 48px 32px;
      }
			#columnright {
        width: 234px;
        float: left;
        margin-left: 10px;
				padding: 45px 24px 48px 36px;
      }
#header {
 background: url(../images/header.png) no-repeat;
 height: 161px;
}
#home #header {
 background: url(../images/home-header.png) no-repeat;
 height: 347px;
}
/* @end */

#content {
 clear: left;
 background: url(../images/content.png) no-repeat 14px 10px;
}
#home #content {
 background-position:14px 13px;
}

/*new styles*/
.staffbio {
clear:left;
}
.staffbio img {
float:left;
padding:10px 25px 45px 0;
}
 .staffbio p {
float:left;
width: 375px;
padding-bottom: 45px;
}
.staffbio h6 {
font: 1.6em/1.8em Arial, Helvetica, sans-serif;
color: #929fac;
border-top: 1px solid #929fac;
margin: 2px 15px 0 168px;
}
p, #main ul {
color:#2c4534;
}

/* @group Main Rules */
#main ul {
 margin: 1em 0;
}
#main dl {
 margin: 1em 0;
}
#main dl dt {
 padding-left: 0;
 margin-top: 1em;
 color: #022e65;
}
#main dl dd {
 margin-bottom: 0.06em;
 color: #2c4534;
}
#main ul li {
 margin-left: 24px;
}
#main p {
 margin-bottom: 1em;
}

#main h3#tp, #main h3#pp, #main h3#ep, #main h3#up {
 padding-left: 56px;
 padding-top: 24px;
}
#main h3#tp {
 background: url(../images/tp-teachers.png) no-repeat 0px 14px;
}
#main h3#pp {
 background: url(../images/pp-teachers.png) no-repeat 0px 14px;
}
#main h3#ep {
 background: url(../images/ep-teachers.png) no-repeat 0px 14px;
}
#main h3#up {
 background: url(../images/ue-teachers.png) no-repeat 0px 14px;
}
/* @end */



h4 {
font-size: 180%;
margin-top: 0;
padding-top: 0;
}
table.tuition  {
 border-top:1px solid #d8e1eb;
 border-right:1px solid #d8e1eb;
 margin:1em 0 2em;
 border-collapse:collapse;
}
.tuition td { font-size: 0.8em; }
.tuition th { font-weight:bold; font-weight:bold;}
.tuition tr.odd td { background: #f0f4f9}
.tuition tr.odd .column1, .tuition  th	{ background: #eef1f7; }	
.tuition .column1 { background: #f9fcff; text-align:left; }
.tuition .column { background:#f9fcff; text-align: center; }
.tuition td { color: #585a5c; border-bottom: 1px solid #d8e1eb; border-left:1px solid #d8e1eb; padding:.3em 1em; text-align:center; }				
.tuition th { font-weight:normal; color: #3f4f5d; text-align:left; border-bottom: 1px solid #d8e1eb; border-left:1px solid #d8e1eb; padding:.3em 1em; }
/* @group Calendar Rules */
div#cal {
 width: 127px;
 height: 131px;
 text-align: right;
 padding: 30px 14px;
 margin-left: 420px;
 background: url(../images/cal-bg.png) top no-repeat;
}
table.calendar  caption.calendar-month {
 font-size: 140%;
 font-weight: 700;
}
table.calendar th {
	color: green;
}
table.calendar tr td {
 padding: 2px;
}
#content #csection {
 width: 400px;
 float: left;
}
#csection p {
 margin-top: 24px;
}
#content #csection h3, #content #newsletters h3 {
 border-bottom: 1px solid #ccc;
 padding-bottom: 3px;
}
#content #csection ul, #content #newsletters ul {
 list-style: none;
 margin-top: 34px;
 color: #3a5142;
}
#csection ul span {
 display: block;
 width: 50px;
 text-align: right;
 clear: left;
 float: left;
 margin-right: 12px;
}
#newsletters {
 clear: left;
 width: 400px;
}
#newsletters p {
 color: #99a5b2;
}
#newsletters ul li a, #csection p a {
 display: block;
 padding-left: 38px;
 height: 42px;
 background: url(../images/pdf-icon.png) no-repeat;
 text-decoration: none;
 color: #3a5142;
}
#newsletters ul li a:hover , #csection p a:hover {
 text-decoration: underline;
}
/* @end */

/* @group Contact Rules */
dl.oddcontact {
 background: url(../images/contact-table-row.png) repeat-y;
}
#main dl.contact-list {
 clear: left;
 font-size: 80%;
 border-bottom: 1px solid #eaebe9;
 height: 40px;
 margin: 0;
 padding: 5px 0;
}
#main dl.contact-list dt {
 clear: left;
 float: left;
 text-align: right;
 width: 140px;
 margin: 0;
 height: 20px;
 padding: 0;
}
#content #main dl.contact-list dd {
 float: left;
 padding: 0;
 width: 300px;
 margin: 0 0 0 24px;
 height: 20px;
}

/* @end */


/* @group left rules */
#left {
 width: 300px;
 height: 635px;
 background: url(../images/left_bg.png) no-repeat 16px 200px;
 padding-top: 40px;
 margin-left: 7px;
 float: left;
}
#left h3 {
 padding-top: 240px;
 text-align: center;
 background: url(../images/sidehead/rotator.php) no-repeat 8px 0;
}

#left ul {
padding-top: 15px;
font: 180% Georgia;
  color: #0258a4;
}
#left ul li.current {
  background: #fff;
}
#left li {
list-style: none;
text-align: right;
height: 20px;
padding: 8px 55px 10px;
}
#left ul li a {
  text-decoration: none;
  color: #87ac50;
}
#main {
 width: 550px;
 padding: 25px;
 float: left;
 }
 #home #main {
 width: 950px;
 float: left;
 padding: 0px;
}
#footer {
 clear: left;
 height:120px;
 background: url(../images/footer_bg.png) no-repeat;
 padding-left: 8px;
}
#footer dl {
color: #5a708c;
float: left;
padding: 30px 35px 0 40px;
 }
a#footer-contact, a#learn-more, a#admissions {
display:block;
text-decoration:none;
}
a#learn-more, a#admissions {
margin-top: 25px;
width: 234px;
height: 46px;
margin-left: -5px;
}
a#footer-contact {
float: left;
background:url(../images/contact-us.jpg) no-repeat;
margin: 35px 5px 0 50px;
width: 195px;
height: 70px;
}
a#learn-more{
background: url(../images/learn-more.gif) no-repeat;
}
a#admissions{
background: url(../images/admissions.gif) no-repeat;
}
#footer-contact span, #learn-more span, #admissions span {
visibility: hidden;
} 
div#footnote {
 clear: left;
 text-indent: -3000000em;
}
#physical{
background: url(../images/physical-icon.gif) no-repeat 0 1px;
}
#mailing{
background: url(../images/mail-icon.gif) no-repeat 0 1px;
}
#phone{
background: url(../images/phone-icon.gif) no-repeat 0 1px;
}
#current {
color:#022e65;
display:block;
background-color:#fff;
width:244px;
padding:8px 140px 8px 0;

}
#content  #left-photo {
        position: absolute;
        top: 118px;
        left: 314px;
        z-index: 1;
      }
#container  #sub-photo {
        position: absolute;
        top: 115px;
        left: 784px;
        z-index: 1;
      }	
			div#gallery {
			width: 590px;
			}	
#gallery img{
	margin: 0 10px 10px 0;
	border: 2px solid #CCCCCC;
	}  
	/* clearing */
	.clearfix:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;	
	content: ".";
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	/* end clearing */