/* all font sizes are in % to match cross-browser; use chart at http://developer.yahoo.com/yui/fonts/ */

html { background: #000; }

.inline-block { /* Firefox */ vertical-align:middle; display:-moz-inline-block; display:-moz-inline-box; /* Everybody else */ display:inline-block; }
.formButtonAlign { /* Firefox */ vertical-align:middle; display:-moz-inline-block; display:-moz-inline-box; /* Everybody else */ display:inline-block; }


#page { background:#000; width: 747px; position: relative;  }

#nav { background:#000 url(/images/interior_nav_bg.gif) top right no-repeat; }


#topmatter { width: 100%; height: 350px; clear: left; position: absolute; top: 36px; left: 0; }
#topmatter #logo { width: 273px; height: 350px; position: relative; background: #000 url(/images/topmatter-1.jpg) no-repeat; }
#topmatter #logo a { text-indent: -9999px; overflow: hidden; height: 90px; width: 180px; top: 15px; left: 40px; position: absolute;}
#topmatter #topmatter2 { width: 273px; height: 350px; background: #000 url(/images/topmatter-2.jpg) no-repeat; top: 0; left: 273px; position: absolute; }
#topmatter #topmatter3 { width: 201px; height: 350px; background: #000 url(/images/topmatter-3.jpg) no-repeat; top: 0; left: 546px; position: absolute; }
#topmatter #informationFor { color: #BB7B41; width: 100px; height: 100px; top: 240px; left: 15px; position: absolute; }
#topmatter #informationFor ul { padding: 0 0 0 20px; margin: 0; }
#topmatter #informationFor a { color: #eee; text-decoration: none; }
#topmatter #informationFor a:hover,
#topmatter #informationFor a.hover { text-decoration: underline; }

#content { font-size: 105%; width: 100%; position: relative; background: #FFF url(/images/background.gif) repeat-y; margin: 350px 0 0 0; padding: 10px 0 0 0;}
#content #innerContent { background: #DCD9CF; margin: 10px 21px 0 58px; padding: 15px; }
#content .kicker { width: 100%; height: 1px; clear: both; }

#content #mt {  position: absolute; left: 10px; top: 30px;  }
#content h1.mainTitle { margin: 0; padding: 0; height: 600px; width: 40px; text-indent: -9999px; overflow: hidden;}


#content a { color: #1067A1; }
#content a:hover { color:#0A4770; }

#footer { width: 100%; height: 57px; background: #000 url(/images/footer.gif) no-repeat; text-indent: -9999px; overflow: hidden; position: relative; }
#footer #rss { text-indent: -9999px; overflow: hidden; width: 60px; height: 20px; position: absolute; top: 25px; left: 650px; }

#searchBox { height: 53px; width: 250px; margin: 0 0 0 15px; padding: 25px 15px; float: right;  background: url(/images/searchbox.gif) no-repeat; }
#searchBox form { margin: 0 8px; }
#searchBox input.submit {  display: inline; /* for IE */ }
#searchBox #hotlinksForm { margin-top: 10px; }

#mssmNow { margin: 25px 15px; padding: 0 0 0 15px; width: 250px; float: right; clear: right; position: relative; }
#mssmNow h3 { margin: 0; padding: 0; width: 143px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(/images/mssmnow.gif) no-repeat; }
#mssmNow #viewAll { display: block; width: 69px; height: 8px; text-indent: -9999px; overflow: hidden; background: url(/images/viewall.gif) no-repeat; float: right; }
#mssmNow a { color: #1067A1; text-decoration:none;  }
#mssmNow a:hover {  text-decoration:underline;  }
#mssmNow ul li { list-style-image: url(/images/plus.gif); margin: 5px 0; }

#threeboxes { width: 668px; position: relative; margin-left: 58px; background: url(/images/threeboxes.gif) repeat-y; }
#threeboxes h3 { text-indent: -9999px; overflow: hidden; margin: 10px 0; }
#threeboxes h3 a { display: block; margin: 0 auto; padding: 0; height: 14px; }
#threeboxes p { font-size: 77% /* 10px */; line-height: 1.5; padding: 0 0 10px 60px; }
#threeboxes a { color: #38404D; }
#threeboxes #border { width: 100%; height: 7px; background: url(/images/border.gif) no-repeat; }

#threeboxes #box1 { width: 195px; float: left; padding: 0 10px; }
#threeboxes #box1 h3 a { background: url(/images/apply_now.gif) no-repeat; width: 115px; }
#threeboxes #box1 p { background: url(/images/apply_now_pic.jpg) no-repeat; height: 51px; /* let more content overflow */ }

#threeboxes #box2 { width: 211px; float: left; padding: 0 10px; }
#threeboxes #box2 h3 a { background: url(/images/support_mssm.gif) no-repeat; width: 141px; }
#threeboxes #box2 p { background: url(/images/support_mssm_pic.jpg) no-repeat; height: 51px; }

#threeboxes #box3 { width: 202px; float: left; padding: 0 10px; }
#threeboxes #box3 h3 a { background: url(/images/summer_programs.gif) no-repeat; width: 165px; }
#threeboxes #box3 p { background: url(/images/summer_programs_pic.jpg) no-repeat; height: 51px; }



#pageText * img { border:7px solid #FFF; }
#pageText img.noborder { border:none; }

.rightImage { float:right; margin:7px 0px 7px 10px; border:7px solid #FFF; }
.leftImage { float:left; margin: 7px 10px 7px 0px; }

.dropCap {
    font-size: 300%; 
    font-family: 'Times New Roman', Serif;
    font-weight:normal;
    padding-right:3px;
    color:#90A6B6;
    float:left; 
    line-height: 30px;
}


td { vertical-align:top; border:none; }

h3, h2 { font-family: Georgia, 'Times New Roman', Times, Serif; font-weight:normal; font-size:18px; color:#38404D; }
strong, h4, h5 { font-family:Georgia, 'Times New Roman', Times, Serif; }
h5 { color:#BD8A59; margin:10px 0 10px 0; }
h2#mainTitle { font-size:27px; margin-top:7px; margin-bottom:10px;  }


table.stats {  background:#E8E6E0;  border:1px solid #999; }
table.stats td { border:1px dotted #999; padding:10px; }


div #credits a img { border:none; }
div#credits, div#credits a { color:#CCC; font-size:11px; font-family:arial; text-decoration:none; }
div#credits { margin:150px 0 15px 0;  text-align:center; width:740px; }
div#credits a { margin:0; padding:0;  }
div#credits a:hover {  text-decoration:underline; }




/* Simple Song */ 


#directory_table td, #directory_table th { text-align:left; font-size:11px; border:none; border:1px solid #AAA; background:#E8E6E0; }




#personTable { margin:0; padding:0; background:#E8E6E0; padding:25px; border:1px dotted #FFF; }
#personTable h3 { margin:0; padding:0; }
#personTable td { vertical-align:top; padding-right:15px; text-align:left;  }
#personTable ul { padding:0; margin:0;   }
#personTable td ul li { list-style: none; padding:0; margin:0; }



/* Course Catalog */


table.courseTable { margin-bottom:17px; margin-top:13px;  background:#E8E6E0; width:425px;  }
table.courseTable, table.courseTable td  { border:1px solid #999; }

p#departmentJumpMenu { padding:10px;  background:#E8E6E0; border:1px dotted #999; width:405px; margin-bottom:50px; margin-top:50px; }


/* Alumni */

form#alumniForm table td { background:#E8E6E0; border:1px solid #F8F6F0; font-weight: bold; color:#38404D; }
form#alumniForm table td input, form#alumniForm table td select, form#alumniForm table td option, form#alumniForm table td label { font-weight:normal; color:#000; }
.note { font-size:10px; font-weight:normal; color:#000; }


#donateLink { padding-left: 30px; }