body { text-align: center; background-color: black; }

#header { width: 100%; height: 101px; background: url(../images/masttile.gif) repeat-x; background-color: black; }
#bg { width: 100%; background: url(../images/bgtile.gif) repeat-x top; background-color: #f8f4e9; }
#notes_top { width: 100%; background: url(../images/notes_top.gif) no-repeat top; }
#notes_bot { width: 100%; background: url(../images/notes_bot.gif) no-repeat bottom; min-height: 886px; }
#flash { width: 960px; height: 200px; margin: 0 auto; background-color: black; }

#nav { width: 960px; height: 84px; margin: 0 auto; background-color: #990000; }
#nav_border_top { width: 960px; height: 14px; background: url(../images/nav_border_top.gif) no-repeat; }
#navlist { width: 960px; height: 49px; }
#navlist li { display: inline; margin: 0; padding: 0; list-style: none; }
#nav_border_bot { width: 960px; height: 21px; background: url(../images/nav_border_bot.gif) no-repeat; }

#wrapper { width: 960px; margin: 0 auto; background: url(../images/paperbg.jpg) repeat-y; background-color: #990000; }
#content, #contentENS { width: 570px; float: left; text-align: left; min-height: 465px; padding: 0 27px 30px 27px; font: 14px Tahoma, Arial, Helvetica, sans-serif; color: #200d00; line-height: 18px; }
#content a { color: #990000; }
#content sup { line-height: 2px; font-size: 10px; }
.pngheader_main { margin: 10px 0 26px 0; }
.pngheader_sub { margin: 30px 0 20px 0; }
.portrait { width: 183px; height: 231px; background: url(../images/portraitframe.png) no-repeat; float: left; position: relative; right: 8px; bottom: 3px; padding: 17px; }
.facportrait { width: 183px; height: 231px; background: url(../images/portraitframe.png) no-repeat; float: right; position: relative; left: 8px; bottom: 3px; padding: 17px; }
#signature { position: relative; left: 380px; }
#signature #text { position: relative; bottom: 4px; font: 12px Arial, Helvetica, sans-serif; line-height: 16px; }
.ensemble_header { margin: 0 0 10px 0; }
.ensemble_picheader { position: relative; right: 1px; }
.ensemblebg, .whitebg { background: url(../images/whitebg40.png); padding: 14px 12px; border: 2px dotted #ffe155; margin-bottom: 30px; }
.ensembletext { margin: 10px 0 0 0; text-align: justify; }
.cmcage { font: italic bold 12px Arial, Helvetica, sans-serif; position: relative; bottom: 17px; }
#content ul, #contentENS ul { list-style: disc; margin-left: 30px; }
sup { line-height: 10px; }
.btn { background: url(../images/whitebg40.png); border: 3px dotted black; margin: 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 4px 4px #999; }
.btn:hover { background: url(../images/yellowbg40.png); border: 3px dotted #990000; }
#content h1 { font: bold 18px Tahoma, Arial, Helvetica, sans-serif; color: #990000; margin-bottom: 8px; }
#content h2 { font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: black; margin-bottom: 8px; }
.contactinfo { font-style: italic; }
#facpic { float: right; width: 346px; height: 218px; background: url(../images/facultybg.png) no-repeat; padding: 18px 19px; position: relative; bottom: 7px; left: 5px; }
#cmcletter { font-size: 12px; line-height: 15px; }
.thumbbg { background: url(../images/whitebg40.png); border: 2px dotted #ffe155; text-align: center; padding: 13px 0 11px 0; }
.thumbs { list-style: none; position: relative; right: 26px; width: 560px; }
.thumbs li { display: inline; padding: 4px; }
.thumbs img { border: 2px solid white; }
.thumbs img:hover { border: 2px solid #ffe155; }
.facthumbs { list-style: none; position: relative; right: 26px; width: 560px; }
.facthumbs li { display: inline; padding: 5px; }
.facthumbs img { border: 2px solid white; }
.facthumbs img:hover { border: 2px solid #ffe155; }
.audiobg { width: 540px; background: url(../images/audiotile.gif) repeat-y; border-top: 1px solid #e9d9b3; position: relative; left: 1px; }
.audio { background: url(../images/audiobg.gif) no-repeat top; font: bold 12px Arial, Helvetica, sans-serif; color: #ffcb0e; padding: 7px 11px; }
.audio ul { position: relative; right: 3px; }
.audio li { list-style: url(../images/audioicon.gif); line-height: 19px; }
.audio li a { color: #ffcb0e; text-decoration: none; }
.audio li a:hover { color: #ffcb0e; text-decoration: underline; }
.audiobg_note { width: 473px; background: url(../images/audiotile_note.gif) repeat-y; border-top: none; position: relative; left: 1px; }
.audio_note { background: url(../images/audiobg_note.gif) no-repeat top; font: bold 12px Arial, Helvetica, sans-serif; color: #ffcb0e; padding: 7px 11px; }
.audio_note ul { position: relative; right: 3px; }
.audio_note li { position: relative; right: 3px; list-style: url(../images/audioicon.gif); line-height: 19px;}
.audio_note li a { color: #ffcb0e; text-decoration: none; }
.audio_note li a:hover { color: #ffcb0e; text-decoration: underline; }

#content h2 {font-size: 200%; font-weight: bold; padding: 10px 0; color: #990000}
#content h3 {font-size: 150%; font-weight: bold; padding: 30px 0 10px 0; color: #990000}
#content h4 {font-size: 130%; font-weight: bold; padding: 10px 0;}
#content .normal {padding: 10px 0;}

#noteworthy { width: 568px; }
#noteworthy #tile { width: 568px; background: url(../images/noteworthytile.gif) repeat-y; }
#noteworthy #watermark { width: 568px; background: url(../images/noteworthymark.png) no-repeat left top; }
#noteworthy #watermark2 { width: 568px; background: url(../images/cmcnewsmark.png) no-repeat left top; }
#noteworthy #top { width: 568px; background: url(../images/noteworthytop.gif) no-repeat top;  }
#noteworthy #bot{ width: 568px; background: url(../images/noteworthybot.png) no-repeat bottom; }
#noteworthy #notecontent { width: 473px; min-height: 128px; padding: 39px 0 12px 22px; color: white; font: 12px Tahoma, Arial, Helvetica, sans-serif; line-height: 15px; text-align: justify; }
#noteworthy #notecontent h1 { font: 18px Tahoma, Arial, Helvetica, sans-serif; color: #ffe155; margin-bottom: 9px; }
#noteshadow { width: 568px; height: 20px; background: url(../images/noteworthyshadow.png) no-repeat; }

#calendar { width: 100%; border: 3px double gray; font: 14px Tahoma, Arial, Helvetica, sans-serif; background: url(../images/calendarbg.png); }
#calendar td { border-bottom: 1px solid gray; padding: 4px 8px; cursor: pointer; }
#calendar tr:hover { background-color: #990000; }
#calendar tr:hover .date, #calendar tr:hover .infoline { color: white; }
#calendar tr:hover .locline { color: #ffcb0e; }
#calendar .date { vertical-align: top; width: 100px; font-weight: bold; border-right: none; }
#calendar .infoline { line-height: 18px; }
#calendar .locline { font: bold 12px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 3px; line-height: 19px; }

#rightside { width: 316px; float: right; text-align: left; padding: 0 10px; font: bold 12px Arial, Helvetica, sans-serif; color: white; margin-bottom: 40px; }
#rightside a { color: #ffcb0e; text-decoration: none; }
#rightside a:hover { text-decoration: underline; }
#rightside .event { width: 316px; height: 46px; background: url(../images/eventbg.gif) no-repeat; position: relative; margin-bottom: 3px; }
#rightside .dateblock { width: 46px; height: 40px; position: absolute; top: 3px; left: 3px; text-align: center; }
#rightside .infoblock { width: 249px; height: 33px; position: absolute; top: 9px; left: 62px; text-align: left; }
#rightside .month { font: bold 12px Arial, Helvetica, sans-serif; color: black; line-height: 12px; position: relative; top: 4px; }
#rightside .number { font: bold 19px Arial, Helvetica, sans-serif; color: #990000; line-height: 19px; position: relative; top: 4px; }
#rightside .title { font: 13px Arial, Helvetica, sans-serif; color: white; line-height: 13px; position: relative; }
#rightside .time { font: bold 12px Arial, Helvetica, sans-serif; color: #ffcb0e; line-height: 12px; position: relative; top: 1px;  }

#footer { width: 960px; height: 137px; margin: 0 auto; background: url(../images/footerbg.jpg) no-repeat; position: relative; color: #ffde3b; }
#footershade { position: absolute; left: 0; top: -10px; }
#footerhome { position: absolute; left: 25px; top: 30px; }
#copyright { font: 9px Tahoma, Arial, Helvetica, sans-serif; color: #be4242; text-align: right; position: absolute; top: -30px; right: 10px; }
#copyright a { color: #be4242; }
#mininav { position: absolute; text-align: left; left: 460px; top: 32px; font: bold 10px Arial, Helvetica, sans-serif; line-height: 13px; }
#mininav a { color: #ffde3b; text-decoration: none; }
#mininav a:hover { text-decoration:underline; }

#cssdropdown { position: relative; z-index: 9; }
#cssdropdown li { display: inline; }
#cssdropdown #sublist { position: absolute; left: 313px; top: 40px; margin: 0; padding: 0 8px 8px 8px; background-color: #990000; }
#cssdropdown #sublist2 { position: absolute; left: 197px; top: 40px; margin: 0; padding: 0 8px 8px 8px; background-color: #990000; width: 165px; }

#cssdropdown li.headlink ul { display: none; text-align: left; }
#cssdropdown li.headlink ul li { display: block; height: 20px; }
#cssdropdown li.headlink ul li a { color: white; text-decoration: none; padding: 3px 7px; display: block; font: bold 12px Tahoma, Arial, Helvetica, sans-serif; }
#cssdropdown li.headlink ul li a:hover { background-color: #be4242; }
#cssdropdown #chair { margin-bottom: 10px; }
#cssdropdown #adjunct { margin-top: 10px; }