html, body {height:100%}
body { margin: 0; padding: 0; background: #cccccc; font-family: arial, sans-serif; font-size: 14px; min-height: 768px; }
img { border: 0; }
p { margin: 0; padding: 0; }
a { text-decoration: none; color: #990000; }
#outerwrapper { clear: both; width: 1000px; margin: auto; background: #ffffff; }
#outer{
min-height:768px;
width: 554px;
margin-left:222px;
margin-right:222px;
border-left:1px solid #999;
border-right:1px solid #999;
margin-bottom:-33px;
background: #ffffff;
}
#header{ position:relative; background: #ffffff; height: 157px; padding-bottom: 12px; margin:0 -222px 0 -222px; min-height: 0;/* ie 7 haslayout fix */}
/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/
#left {
position:relative;/*ie needs this to show float */
width:223px;/* same as the left margin on #outer*/
float:left;
margin-left:-222px;/*must be 1px less than width otherwise won’t push footer down in older mozilla*/
/*left:-2px; push column into position*/
}

#left p {padding-left:2px;padding-right:2px}
#right p {padding-left:2px;padding-right:2px}
#right {
position:relative;/*ie needs this to show float */
width:223px;/* same as right margin on #outer*/
float:right;
margin-right:-222px;/*must be 1px less than width otherwise won’t push footer down in older mozilla*/
/*left:2px; push column into position*/
}
#footer {
width:100%;
clear:both;
height:33px;
padding-top: 12px;
position:relative;
background: #ffffff;
}
*html #footer {/*only ie gets this style*/
\height:45px;/* for ie5 */
he\ight:45px;/* for ie6 */
}
#clearfooter{clear:both;height:55px;}/*needed to make room for footer*/
#clearfooter_tbl{clear:both;height:62px;}/*needed to make room for footer*/
#clearfooter_ad{clear:both;height:56px;}/*needed to make room for footer*/
#clearfooter_al{clear:both;height:59px;}/*needed to make room for footer*/
#clearfooter_ps{ clear:both; height: 25px;}/*needed to make room for footer*/
#clearfooter_scommunity {clear:both;height:33px;}/*needed to make room for footer*/
#clearfooter_staff {clear:both;height:57px;}/*needed to make room for footer*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE’s 3 pixel jog */
p.foot { margin: 0; padding-top: 5px; padding-bottom: 35px; width: 1000px; text-align: center; font-size: 10px; background-color: #cccccc; color: #000000; }
p.foot a { color: #000000; }

#topnav {
	position: relative;
	width: 1000px;
	clear: both;
	z-index: 100;
}
#topnav img { border: none; }
#topnav ul { margin: 0; padding: 0; list-style: none; }
#topnav li { display: inline; }
#topnav li a { float: left; display: block; height: 33px; margin: 0; padding: 0; }
#topnav li a img { vertical-align: top; margin: 0; padding: 0; }
#topnav li ul  { position: absolute; left:-999em; z-index: 5; padding: 0; margin: 0; font-weight: bold; overflow: hidden;}
#topnav li:hover ul { left: 0; top: 33px;}
#topnav li.sfhover ul {left: 0; top: 33px; }
#topnav li:hover ul.learningsub { left: 110px; top: 33px;}
#topnav li.sfhover ul.learningsub {left: 110px; top: 33px; }
#topnav li:hover ul.admissionssub { left: 221px; top: 33px;}
#topnav li.sfhover ul.admissionssub {left: 221px; top: 33px; }
#topnav li:hover ul.developmentsub { left: 332px; top: 33px;}
#topnav li.sfhover ul.developmentsub {left: 332px; top: 33px; }
#topnav li:hover ul.communitysub { left: 554px; top: 33px;}
#topnav li.sfhover ul.communitysub {left: 554px; top: 33px; }
#topnav li:hover ul.programssub { left: 665px; top: 33px;}
#topnav li.sfhover ul.programssub {left: 665px; top: 33px; }
#topnav li:hover ul.alumnisub { left: 776px; top: 33px;}
#topnav li.sfhover ul.alumnisub {left: 776px; top: 33px; }
#topnav li:hover ul.loginsub { left: 887px; top: 33px;}
#topnav li.sfhover ul.loginsub {left: 887px; top: 33px; }
#topnav li ul li  { display: block; height: 35px; background: #ffffff; border-bottom: solid 1px #7f7f7f; border-right: solid 1px #7f7f7f; border-left: solid 1px #7f7f7f; }
#topnav li ul li p { padding: 10px 12px 14px 12px; }
#topnav li ul li p a { color: #000000; text-decoration: none; }
#topnav li ul li p a:hover { color: #990000; }

#school { width: 111px;}
#learning { width: 111px; }
#admissions { width: 111px; }
#development { width: 111px; }
#calendar { width: 111px; }
#community { width: 111px; }
#programs { width: 111px; }
#alumni { width: 111px; }
#login { width: 110px; }

#left img { border: none; }
#left ul { margin: 2px 0 0 25px; padding: 0; list-style: none; }
#left li { width: 172px; padding: 7px 0 7px 0; border-bottom: solid 1px #7f7f7f; }
#left li a.section { font-size: 16px; font-weight: bold; color: #990000; text-decoration: none; }
#left li a.subsection_selected { font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; text-decoration: none; }
#left li a.subsection_selectedcompressed { font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; text-decoration: none; letter-spacing: -1px;}
#left li a.subsection { font-size: 14px; line-height: 18px; font-weight: normal; color: #000000; text-decoration: none; }
#left li a.subsection_sub { font-size: 14px; line-height: 18px; font-weight: normal; color: #990000; text-decoration: none; }
#left li a.subsection_subselected { font-size: 14px; line-height: 18px; font-weight: bold; color: #990000; text-decoration: none; }

#right_content { margin: 10px 12px 0 14px; }
#right_content a { color: #990000; }
#right_content p { margin: 0; padding: 0; }
#right_content h1 { font-size: 14px; line-height: 20px; font-weight: bold; color:#990000; margin: 9px 0 0 0; padding: 0; }
#right_content h1.aftercaption { font-size: 14px; line-height: 20px; font-weight: bold; color:#990000; margin: 18px 0 0 0; padding: 0; }
#right_content h1.afterp { font-size: 14px; line-height: 20px; font-weight: bold; color:#990000; margin: 27px 0 0 0; padding: 0; }
#right_content h1.afterimg { font-size: 14px; line-height: 20px; font-weight: bold; color:#990000; margin: 9px 0 0 0; padding: 0; }
#right_content p { font-size: 12px; line-height: 19px; color:#990000; }
#right_content p.afterh1 { margin-top: 2px; }
#right_content p.name { margin-top: 9px; }
#right_content p.afterp { margin-top: 18px; }
#right_content p.afterimg { margin-top: 9px; }
#right_content p.img { margin: 13px 0 0 0; padding: 0 0 0 0; }
#right_content p.caption { color: #000000; margin-top: 9px; }
#right_content p.eventsdate { margin-top: 18px; font-weight: bold; }
#right_content p.eventsbold { color: #000000; font-weight: bold; }
#right_content p.events { color: #000000; }
#right_content ul { margin: 9px 0 0 0; padding: 0; font-size: 12px; line-height: 19px; list-style-position: inside; }
#right_content li.rightlist { margin-top: 9px; }
.psb { height: 939px; background: url(images/b_strip4.jpg) no-repeat; }
.psep { height: 1333px; background: url(images/ep_strip.jpg) repeat-y; }
.psk { height: 770px; background: url(images/kinder_strip.jpg) no-repeat; }
.psll { height: 830px; background: url(images/ll_strip.jpg) no-repeat; }
.psml { height: 962px; background: url(images/ml_strip.jpg) no-repeat; }
.psul { height: 876px; background: url(images/ul_strip.jpg) no-repeat; }
.ad { height: 1971px; background: url(images/ad_strip.jpg) no-repeat; }

#content_main { margin: 6px 10px 0 10px; overflow: hidden; }
#content_main h1 { font-size: 30px; font-weight: normal; margin: 0; padding: 0; }
#content_main h2 { font-size: 20px; font-weight: normal; margin: 5px; padding: 0; }
#content_main h3 { font-size: 14px; line-height: 24px; margin: 12px 0 0 0; padding: 0; color: #990000; font-weight: bold; }
#content_main h3.afterh1 { font-size: 14px; line-height: 24px; margin: 5px 0 0 0; padding: 0; color: #990000; font-weight: bold; }
#content_main h3.nomargin { font-size: 14px; line-height: 24px; margin: 0; padding: 0; color: #990000; font-weight: bold; }
#content_main p { font-size: 14px; line-height: 24px; }
#content_main p.afterh1 { margin-top: 7px; }
#content_main p.afterh1_b { margin-top: 7px; letter-spacing: 0; }
#content_main p.specialclubtop { margin-top: 6px; margin-bottom: 15px; padding-bottom: 13px; border-bottom: solid 1px #999999; }
#content_main p.afterp { margin-top: 12px; }
#content_main p.afterpform { margin-top: 12px; margin-bottom: 10px;}
#content_main p.afterbullets { margin-top: 24px; }
#content_main p.programstructure { margin-top: 40px; margin-bottom: 0;}
#content_main p.parents { margin-top: 12px; padding-bottom: 12px; border-bottom: solid 1px #999999;}
#content_main p.mouse { margin-top: 12px; font-size: 9px; line-height: 14px; }
#content_main p a { color: #990000; }
#content_main ul { list-style-position: inside; margin: 0; padding: 0; }
#content_main li { font-size: 14px; line-height: 24px; margin: 12px 0 0 0; padding: 0; }
#content_main li.events { font-size: 14px; line-height: 24px; margin: 0; padding: 0; }
.blacktype { color: #000000; }

#menus { margin-top: -9px; }
#menus ul { margin: 0; padding: 0; list-style: none; }
#menus li { width: 172px; padding: 7px 0 7px 0; border-bottom: solid 1px #7f7f7f; }
#menus li a.section { font-size: 16px; font-weight: bold; color: #990000; text-decoration: none; }
#menus li a.subsection_selected { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
#menus li a.subsection { font-size: 14px; font-weight: normal; color: #000000; text-decoration: none; }
#menus li a.subsection_sub { font-size: 14px; font-weight: normal; color: #990000; text-decoration: none; }

.tuitiontablerow1 { width:530px; height: 60px; margin: 21px 0 0 0; border-top: solid 1px #999999; border-bottom: solid 1px #999999; }
.tuitiontablerow { width:530px; height: 60px; margin: 0; border-bottom: solid 1px #999999; }
.tuitiontablecell { width: 259px; float: left; padding-top: 5px; }
.tuitiontablecell_left { width: 270px; height: 55px; float: left; padding-top: 5px; border-right: solid 1px #999999; }
.tuitiontableh2 { color: #990000; font-weight: bold }
.tuitiontableamt { font-weight: bold; margin: 24px 0 0 10px;}
.tuitiontableh2_vc { color: #990000; font-weight: bold; margin-top: 16px; }
.tuitiontableamt_vc { font-weight: bold; margin: 16px 0 0 10px;}

.deadlinetablerow1 { width:530px; height: 38px; margin: 21px 0 0 0; border-top: solid 1px #999999; border-bottom: solid 1px #999999; }
.deadlinetablerow { width:530px; height: 38px; margin: 0; border-bottom: solid 1px #999999; }
.deadlinetablecell { width: 259px; float: left; padding-top: 5px; }
.deadlinetablecell_left { width: 270px; height: 33px; float: left; padding-top: 5px; border-right: solid 1px #999999; }
.deadlinetable_right {margin-left: 20px;}
.cpatable_right {margin-left: 12px;}

#adminstaff { margin: 2px 0 0 2px; padding: 0; }
#adminstaff ul { margin: 0; padding: 0; list-style-type: none; }
#adminstaff li.left { float: left; width: 215px; margin: 0; padding: 0; font-size: 12px; line-height: 19px; }
#adminstaff li.right { float: left; width: 280px; margin: 0 0 0 20px; padding: 0; font-size: 12px; line-height: 19px; }
#adminstaff li.left1 { float: left; width: 215px; margin:0; padding: 0; font-size: 12px; line-height: 19px; }
#adminstaff li.right1 { float: left; width: 280px; margin: 0 0 0 20px; padding: 0; font-size: 12px; line-height: 19px; }

#faculty { margin-top: 14px; }
#faculty ul { clear: both; margin: 0; padding: 0; list-style-type: none; }
#faculty li.left { float: left; width: 215px; margin: 0; padding: 0; font-size: 12px; line-height: 19px; }
#faculty li.right { float: left; width: 280px; margin: 0 0 0 20px; padding: 0; font-size: 12px; line-height: 19px; }
#faculty li.left1 { float: left; width: 215px; margin: 0; padding: 0; font-size: 12px; line-height: 19px; }
#faculty li.right1 { float: left; width: 280px; margin: 0 0 0 20px; padding: 0; font-size: 12px; line-height: 19px; }

#board { margin: 2px 0 0 2px; padding: 0; }
#board ul { margin: 0; padding: 0; list-style-type: none; }
#board li.left { float: left; width: 141px; margin: 0; padding: 0; font-size: 12px; line-height: 19px; }
#board li.right { float: left; width: 280px; margin: 0 0 0 20px; padding: 0; font-size: 12px; font-weight: bold; line-height: 19px; }
#board li.left1 { float: left; width: 141px; margin:0; padding: 0; font-size: 12px; line-height: 19px; }
#board li.right1 { float: left; width: 280px; margin: 0 0 0 20px; padding: 0; font-size: 12px; font-weight: bold; line-height: 19px; }

#monthactivities { width: 100%; }
#monthname { background: #990000; width: 100%; height: 25px; display: table-cell; vertical-align: middle; border: #990000; }
#monthname p { color: #ffffff; font-size: 12px; padding-left: 4px; }
#day_time { /*width: 86px;*/ display: table-cell; vertical-align: middle; border-bottom: solid 1px #666666; border-right: solid 1px #666666; border-left: solid 1px #666666; }
#day_time p.weekday { font-size: 12px; line-height: 18px; color: #990000; padding-left: 6px; padding-right: 6px; }
#day_time p.time { font-size: 12px; line-height: 18px; color: #000000; padding-left: 6px; padding-right: 6px;}
#date_no { border-bottom: solid 1px #666666; border-right: solid 1px #666666;}
#date_no p { color: #990000; font-size: 36px; text-align: center; padding: 10px 5px 10px 5px; }
#activity { /*width: 334px;*/ display: table-cell; vertical-align: middle; border-bottom: solid 1px #666666; border-right: solid 1px #666666; }
#activity p.name { font-weight: bold; font-size: 11px; line-height: 11px; padding-left:7px; }
#activity p.description { font-size: 11px; line-height: 11px; padding-left: 7px; }
#category { /*width:*/ 53px; display: table-cell; vertical-align: middle; border-bottom: solid 1px #666666; border-right: solid 1px #666666; }
#category p {text-align: center; padding-left: 6px; padding-right: 6px; }

/* home page */
#vertical { float:left; height:50%; width:100%; margin-top: -385px; }
#container { clear: both; width: 1000px; margin: auto; background: #ffffff; overflow: hidden;}
#home_head { width: 1000px; overflow: hidden; }
#home_logo { float: left; width: 554px; border-right: solid 1px #7f7f7f; }
#home_video { float: right; width: 444px; }
#home_building { float: left; width: 443px; height: 576px; border-right: solid 1px #7f7f7f; }
#home_play { float: left; width: 555px; height: 576px; overflow: hidden;}
#homeimage_square { height: 451px;}
#home_quote { margin-top: 6px; border-top: solid 1px #7f7f7f; border-bottom: solid 1px #7f7f7f; }
#beg_home {float: left; height: 30px; border-right: solid 1px #7f7f7f; overflow: hidden; }
#ep_home {float: left; height: 30px; border-right: solid 1px #7f7f7f; overflow: hidden; }
#el_home { float: left; height: 30px; overflow: hidden; }
/*chef*/
#cheftext { width: 427px; float: left; padding-right: 5px; border-right: solid 1px #999999; }
#chefpic { width: 99px; float: left; text-align: right; }
#chefpic p.chefcaption { margin-top: 9px; margin-left: 10px; text-align: left; font-size: 10px; line-height: 18px; color: #990000; text-align: center; }

#notificationhead_row { width: 530px; height: 62px; margin-top: 34px; border-top: solid 2px #000000; border-bottom: solid 2px #000000; }
#notificationhead_cell1 { width: 186px; height: 57px; float: left; text-align: center; padding-top: 7px;}
#notificationhead_cell2 { width: 166px; height: 57px; float: left; text-align: center; padding-top: 7px; border-left: solid 1px #999999; border-right: solid 1px #999999; }
#notificationhead_cell3 { width: 173px; height: 57px; float: left; text-align: center; padding-top: 7px; }
.notificationtable_row { width: 530px; height: 38px; border-bottom: solid 1px #999999; }
.notificationtable_cell1 { width: 186px; height: 33px; float: left; padding-top: 5px; }
.notificationtable_cell2 { width: 166px; height: 33px; float: left; padding-top: 5px; border-left: solid 1px #999999; border-right: solid 1px #999999; }
.notificationtable_cell3 { width: 173px; height: 33px; float: left; padding-top: 5px; }
p.notification {padding-left: 25px;}