* {padding: 0px; margin: 0px;}
html, body {min-height: 100%; height: auto !important; height: 100%}
body {font-family: Arial; font-size: 12px; color: #000; position: relative; list-style-position: inside;}
body.home {background: #363636 url(../img/bg-home.jpg) top center no-repeat; background-attachment: fixed;}
body.academics {background: #363636 url(../img/bg-academics.jpg) top center no-repeat; background-attachment: fixed;}
body.calendar {background: #363636 url(../img/bg-calendar.jpg) top center no-repeat; background-attachment: fixed;}
body.public {background: #363636 url(../img/bg-public.jpg) top center no-repeat; background-attachment: fixed;}
img {border: 0px;}
h1 {font-family: Times; font-size: 30px; font-weight: bold; text-indent: 0px; padding-bottom: 4px;}
h2, h3 {overflow: hidden; text-indent: -9999px;}
h3 {height: 17px; margin-bottom: 10px;}
a {color: #FFF; text-decoration: none;}
a:hover {text-decoration: underline;}
.times {font-family: Times;}
.gray {color: #777;}
#rightContent div.content a {color: #fff}
#middle.blue a {color:#325EAA}
#middle.blue2 a {color:#325EAA}
#middle.blue3 a {color:#48479C}
#middle.about a {color:#E4A333}
#middle.admissions a {color:#8E1818}
#middle.academics a {color:#CD3F28}
#middle.alumni a {color:#8F3E79}
#middle.continuinged a {color:#713A8D}
#middle.currentstudents a {color:#4AB2E6}
#middle.facultystaff a {color:#D56A2A}
#middle.giving a {color:#007236}
#middle.green a {color:#A6CC41}
#middle.home a {color:#325EAA}
#middle.lifeatotis a {color:#D81249}
#middle.parents a {color:#1DBEA2}
#middle.pink a {color:#CC3C8E}
#middle.prospectivestudents a {color:#95B53E}
#middle.publicprograms a {color:#CC3C8E}
#middle.red a {color:#CD3F28}
ul.bgblue {background: #325EAA; height: auto;}
ul.bgred {background: #CD3F28; height: auto;}
ul.bgblue2 {background: #325EAA; height: auto}
ul.bgblue3 {background: #48479C; height: auto}
ul.bgpink {background: #CC3C8E; height: auto;}
ul.bggreen {background: #96B73E; height: auto;}
ul.bgabout {background: #E4A333; height: auto;}
ul.bgacademics {background: #CD3F28; height: auto}
ul.bgadmissions {background: #8E1818; height: auto}
ul.bgalumni {background: #8F3E79; height: auto}
ul.bgcontinuinged {background: #713A8D; height: auto}
ul.bgcurrentstudents {background: #4AB2E6; height: auto}
ul.bgfacultystaff {background: #D56A2A; height: auto}
ul.bggiving {background: #007236; height: auto}
ul.bghome {background: #325EAA; height: auto}
ul.bglifeatotis {background: #D81249; height: auto}
ul.bgparents {background: #1DBEA2; height: auto}
ul.bgprospectivestudents {background: #95B53E; height: auto}
ul.bgpublicprograms {background: #CC3C8E; height: auto}
#middle a.linkBlack, #middle a.linkBlack:hover {color:#000}
#wrapper {width: 100%; position: relative;}
#header {width: 100%; height: 142px; position: relative; margin: 0 auto;}
#header .blue {width: 100%; height: 142px; background: url(../img/bg-header-blue.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .blue2 {width: 100%; height: 142px; background: url(../img/bg-header-blue2.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .blue3 {width: 100%; height: 142px; background: url(../img/bg-header-blue3.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .red {width: 100%; height: 142px; background: url(../img/bg-header-red.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .pink {width: 100%; height: 142px; background: url(../img/bg-header-pink.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .green {width: 100%; height: 142px; background: url(../img/bg-header-green.gif) center no-repeat; position: absolute; top: 0px; left: 0px;}
#header .content {width: 964px; padding: 0px 18px; height: 142px; margin: 0 auto; position: relative;}
#header .about {width: 100%; height: 142px; background: url(../img/bg-header-about.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .academics {width: 100%; height: 142px; background: url(../img/bg-header-academics.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .admissions {width: 100%; height: 142px; background: url(../img/bg-header-admissions.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .alumni {width: 100%; height: 142px; background: url(../img/bg-header-alumni.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .continuinged {width: 100%; height: 142px; background: url(../img/bg-header-continuinged.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .currentstudents {width: 100%; height: 142px; background: url(../img/bg-header-currentstudents.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .facultystaff {width: 100%; height: 142px; background: url(../img/bg-header-facultystaff.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .giving {width: 100%; height: 142px; background: url(../img/bg-header-giving.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .home {width: 100%; height: 142px; background: url(../img/bg-header-home.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .lifeatotis {width: 100%; height: 142px; background: url(../img/bg-header-lifeatotis.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .parents {width: 100%; height: 142px; background: url(../img/bg-header-parents.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .prospectivestudents {width: 100%; height: 142px; background: url(../img/bg-header-prospectivestudents.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header .publicprograms {width: 100%; height: 142px; background: url(../img/bg-header-publicprograms.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#header h1, #logoOtis {width: 351px; height: 56px; background: url(../img/h1-otis.png); position: absolute; top: 28px; left: 18px; text-indent: -9999px; overflow: hidden;}
#header h1 a, #logoOtis a {width: 351px; height: 56px; display: block;}
#logoOtisInternal {width: 289px; height: 38px; background: url(../img/logoOtisInternal.png); position: absolute; top: 48px; left: 18px; overflow: hidden; text-indent: -9999px;}
#logoOtisInternal a {width: 289px; height: 38px; display: block;}
#emergency {width: 100%; height: 54px; position: relative; margin: 0 auto;}
#emergency .white {width: 100%; height: 54px; background: url(../img/bg-emergency.gif) center repeat-y; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
#emergency .content {width: 964px; padding: 20px 18px 0px 18px; height: 54px; margin: 0 auto; position: relative;}
#emergency .content p.message {font-family: Verdana; font-size: 14px; font-weight: bold; color: #000;}
#emergency .content .red {color: #B40101;}
ul#mainNav {width: 964px; height: 28px; position: absolute; top: 104px; left: 18px; list-style: none; z-index: 2000; white-space: nowrap}
ul#mainNav li {float: left; margin-right: 15px; position: relative;}
ul#mainNav a {font-size: 11px; text-transform: uppercase; line-height: 28px; font-weight: bold; color: #FFF; text-decoration: none;}
ul#mainNav a:hover, ul#mainNav a.hover, ul#mainNav li.sfHover a {color: #000;}
ul#mainNav li.search {float: right; padding: 3px 0px 0px 0px; margin: 0px;}
ul#mainNav .form {border: 1px solid #FFF; background: #FFF;}
ul#mainNav ul.submenu {min-width: 190px; list-style: none; position: absolute; top: 30px; left: 0px; z-index: 3000; border-right: 1px solid #232323; border-bottom: 1px solid #232323; display: none;}
ul#mainNav ul.submenu li {float: left;}
ul#mainNav ul.submenu a {display: block; text-transform: none; padding: 0px 8px; color: #FFF;}
ul#mainNav ul a:hover, ul#mainNav ul a.hover {color: #000;}
ul#mainNav ul#submenuAcademics {width: 600px;}
ul#mainNav ul#submenuAcademics table a {width: auto; font-size: 10px; line-height: 20px; display: inline; padding: 0px;}
ul#mainNav ul#submenuAcademics .item {padding: 10px; font-size: 11px;}
*html ul#mainNav ul#submenuAcademics .item {margin-bottom: 10px;}
ul#mainNav ul#submenuAcademics .item .left {width: 340px; padding-right: 20px; border-right: 1px solid #B0B2B4; float: left;}
ul#mainNav ul#submenuAcademics .item .right {width: 100px; padding-left: 30px; float: left;}
ul#subNav {width: 575px; height: 22px; position: absolute; top: 0px; right: 18px; list-style: none;}
ul#subNav li {float: left; padding: 3px 0px 0px 15px;}
ul#subNav a {font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none;}
ul#subNav a:hover, ul#subNav a.hover {color: #000;}
#middleHome {width: 100%; position: relative;}
#flashHome {width: 100%; height: 900px;}
#flashcontent {width: 100%; height: 900px; text-align: center; position: relative; margin:0 auto;}
#middle {width: 964px; padding: 0px 18px; margin: 0 auto; position: relative;}
#middle.top20 {padding-top: 20px;}
#fullSize {width: 916px; padding: 10px 24px 150px 24px; background: #FFF; position: relative;}
#fullSize.blue a {color: #325EAA;}
#fullSize.blue a.linkBlack, #fullSize.blue a.linkBlack:hover {color: #000;}
#fullSize.blue h1#calendar a {color: #000;}
#fullSize p {padding-bottom: 12px; line-height: 20px;}
#topFullsize {width: 916px; border-bottom: 1px solid #000; position: relative;}
#navCalendar {width: 50px; float: left; padding-top: 10px; margin-left: 15px;}
#optionsCalendar {position: absolute; bottom: 7px; right: 0px;}
.itemCalendarList {width: auto; border-bottom: 1px solid #B2B2B2;}
.itemCalendarList p {padding-bottom: 4px;}
.itemCalendarList table tr {vertical-align: top;}
.itemCalendarList .dat {width: 150px; padding: 12px 5px 10px 0px; font-family: Times;}
.itemCalendarList .dat strong.date {font-size: 18px; font-weight: normal;}
.itemCalendarList .des {width: 565px; padding: 12px 5px 10px 0px;}
.itemCalendarList .img {width: auto; padding: 3px 0px;}
table#calendar {width: 100%; border: 1px solid #CCC; background: #CCC; font-size: 10px; empty-cells: show;}
table#calendar tr {vertical-align: top;}
table#calendar th {font-size: 12px; font-weight: normal; text-align: left; background: #CCC; padding: 5px;}
table#calendar td {width: 14%; background: #FFF; padding: 5px 5px 15px 5px; border: 2px solid #FFF;}
table#calendar td, table#calendar td p {line-height: 14px; padding-bottom: 18px;}
table#calendar td.active {border: 2px solid #325EAA;}
table#calendar td p.day {font-size: 16px; color: #7F7F7F; padding-bottom: 7px;}
#work {width: 964px; padding-top: 20px;}
#work .photo {width: 308px; height: auto; position: relative; margin-bottom: 20px;}
#work .photo .hover {width: 294px; height: auto; padding: 7px; color: #FFF; background: #000; filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; position: absolute; bottom: 0px; left: 0px; display: none;}
#fullSize #work .photo .hover a{color: #FFF;}
#work .left {width: 308px; float: left;}
#work .center {width: 308px; padding-left: 20px; float: left;}
#work .right {width: 308px; float: right;}
#navWork {width: auto; font-size: 12px; color: #8D8A8A; margin-bottom:30px;}
#navWork a {margin: 0px 7px; color: #000;}
#navWork a.hover {color: #A6CC41;}
.dotSpacer {width: auto; height: 12px; background: url(../img/bg-dotSpacer.gif) repeat-x;}
#leftContent {width: 744px; float: left; position: relative;}
#destHome {width: 744px;}
#destHome .left {width: 332px; float: left;}
#artDesignContent {width: 332px; height: 205px; margin-bottom: 12px;}
#destHome .right {width: 332px; float: left; margin-left: 50px;}
#newsContent {width: 332px; height: 205px; margin-bottom: 12px;}
#newsContent .bg {width: 332px; height: 205px; position: absolute; background: #000; filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30;}
#newsContent .content {width: 292px; height: 175px; padding: 15px 20px; position: relative; color: #FFF; font-size: 11px;}
#txtScrollNews {width: 280px; height: 175px;}
#newsContent .content p {padding-bottom: 18px;}
#newsContent .content a {font-size: 13px; font-weight: bold;}
#rightContent {width: 196px; padding: 30px 12px 0px 12px; color: #FFF; min-height: 830px; float: right; position: relative;}
*html #rightContent {height: 830px;}
#rightContent h3, #destHome h3 {font-family: Arial; font-size: 18px; height: auto; font-weight: normal; color: #FFF; text-indent: 0px;}
#destHome h3 {margin-bottom: 4px;}
#rightContent .black {width: 220px; min-height: 900px; top: 0px; left: 0px; position: absolute; background: url(../img/bg-rightContent2.png);}
*html #rightContent .black {height: 1223px;}
#rightContent .content {position: relative; font-size: 11px;}
#rightContent .content p {padding-bottom: 12px; line-height: 16px;}
ul#navRightHome {width: 196px; border-top: 1px solid #565656; position: relative;}
ul#navRightHome li {width: 196px; float: left; border-bottom: 1px solid #565656; display: block;}
ul#navRightHome a {width: 196px; padding: 10px 0px; font-size: 14px; color: #FFF; text-decoration: none; display: block;}
p.address {margin-top: 175px; font-weight: bold; font-size: 11px; line-height: 15px;}
p.addressHome {width: 170px; font-weight: bold; font-size: 11px; line-height: 15px; position: absolute; top: -47px; left: 770px; color: #FFF;}
#leftContentInternal {width: 694px; padding: 25px; min-height: 850px; background: #FFF; float: left; position: relative;}
*html #leftContentInternal {height: 1174px;}
#leftContentInternal h2 {font-family: Arial; font-size: 18px; height: auto; font-weight: normal; color: #000; text-indent: 0px; margin-top: 12px;}
#leftContentInternal.pink a {color: #CC3C8E;}
#leftContentInternal.pink table.listEvents .dest a {color: #000;}
.itemPrograms {border-top: 1px solid #B2B2B2; padding: 10px 0px; line-height: 20px;}
.itemPrograms table {width: 100%;}
.itemPrograms table tr {vertical-align: top;}
.itemPrograms table tr td {width: 33%;}
.itemPrograms table.listEvents tr td {width: 33%; padding-bottom: 20px;}
.itemPrograms table.listEvents img {margin-bottom: 7px;}
#leftContentInternal a {color: #000;}
#leftContentInternal a.redLink {font-size: 10px; color: #CD3F28;}
#leftContentInternal p {padding-bottom: 12px;}
.txtDesc {width: 694px; border-top: 0px solid #858585; padding: 7px 0px 12px 0; height: auto;}
.txtDesc5 {width: 694px; border-top: 1px solid #858585; padding: 12px 0; height: auto;}
.bigTimes {font-size: 18px; line-height: 27px; font-family: Times; color:#000;}
.Times {font-size: 14px; font-family: Times; color:#000000;}
table.programs {width: 100%;}
table.programs tr {vertical-align: top;}
table.programs td {width: 33%;}
#leftContentInternal table.programs a {color: #CD3F28; font-size: 12px; line-height: 20px;}
#tabAcademicsContent {font-size: 12px; line-height: 20px;}
#tabAcademicsContent .tab {padding: 15px 0px;}
#tabAcademicsContent a {color: #CD3F28;}
ul#tabsAcademics {width: 694px; height: 26px; display: block; background: url(../img/bg-tabsAcademics.gif) bottom repeat-x; list-style: none;}
ul#tabsAcademics li {float: left; padding-right: 3px; font-family: Arial; font-size: 12px;}
ul#tabsAcademics a {padding: 4px 20px 0px 20px; height: 21px; display: block; text-decoration: none; text-align: center; border-bottom: 1px solid #B2B2B2;}
ul#tabsAcademics a:hover, ul#tabsAcademics a.hover {color: #000; padding: 3px 19px 0px 19px; border: 1px solid #B2B2B2; border-bottom: 1px solid #FFF;}
a#courses {width: 139px;}
a#faculty {width: 59px;}
a#careers {width: 62px;}
table.listDesc {width: 100%; margin-bottom: 5px;}
table.listDesc td {padding-bottom: 7px;}
table.listDesc .name {width: 156px;}
table.listDesc .code {width: 134px;}
table.listDesc .desc {width: 295px;}
table.listDesc .fall {width: 45px;}
table.listDesc .spring {width: 45px;}
table.listDesc .depart {width: 210px;}
#footer {width: 964px; padding: 0px 18px; margin: 0 auto; position: relative; color: #FFF;}
#footer .content {position: absolute; top: -30px; z-index: auto;}
.landing #footer .content {top: -143px; }
ul#navFooter {font-size: 11px; font-weight:bold; color: #FFF; list-style: none; margin-left: 6px;}
ul#navFooter.internal {margin-left: 26px;}
ul#navFooter li {float: left; padding-right: 15px; color: #FFF;}
ul#navFooter a {color: #FFF; text-decoration: none;}
ul#navFooter a:hover {color: #FFF; text-decoration: underline;}
ul#navFooter.internal a {color: #7F7F7F;}
ul#navFooter.internal a:hover {color: #7F7F7F; text-decoration: underline;}
.date {font-size: 10px;}
.upper {text-transform: uppercase;}
.f10 {font-size: 10px;}
.tab {display: none;}
h1#academics {width: 138px; background: url(../img/h1-academics.gif); margin-bottom: 12px;}
h1#calendar {width: auto; height: auto; font-family: Times; font-size: 30px; font-weight: bold; text-indent: 0px; margin-bottom: 4px; float: left;}
h2#otisCommunity {width: 590px; height: 184px; background: url(../img/h2-otisCommunity.gif); margin: 60px 0px 90px 0px;}
/* scroll */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../img/bg-jScrollPaneTrack.gif) center repeat-y;}
.jScrollPaneDrag {position: absolute; background: url(../img/bg-jScrollPaneDrag.gif) center repeat-y; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 8px;}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 8px;}
.scroll-pane {overflow: auto;}
a.jScrollArrowUp {background: url(../img/arrow_up.gif) no-repeat 0 0; display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 16px;}
a.jScrollArrowDown {background: url(../img/arrow_down.gif) no-repeat 0 0; display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 16px;}
/***************************************
=cluetipClass: 'jtip'
-------------------------------------- */
#cluetip-close img {border: 0;}
#cluetip-title {overflow: hidden; font-family: Times;}
#cluetip-title #cluetip-close {float: right; position: relative;}
#cluetip-waitimage {width: 43px; height: 11px; position: absolute; background-image: url(wait.gif);}
.cluetip-arrows {display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0;}
#cluetip-extra {display: none;}
.cluetip-jtip {background-color: transparent;}
.cluetip-jtip a {color: #CD3F28;}
.cluetip-jtip #cluetip-outer {border: 1px solid #CCC; position: relative; background: #FFF;}
.cluetip-jtip h3#cluetip-title {font-family: Times; margin: 0px; padding: 15px 5px 0px 17px; _padding: 15px 5px 0px 12px; font-size: 14px; font-weight: bold; background-color: #FFF; color: #000; text-indent: 0px;}
.cluetip-jtip #cluetip-inner {padding: 5px 17px 17px 17px; font-family: Arial;}
.cluetip-jtip div#cluetip-close {text-align: right; margin: 0 5px 5px; color: #900;}
@media print {
h1, h2, h3 {text-indent: 0px;}
#leftContentInternal h1 {width: auto; height: auto;}
}
/* FOR IE */
*html #emergency, *html #middleHome, *html #middle {z-index: -1;}
*:first-child+html #emergency, *:first-child+html #middleHome, *:first-child+html #middle {z-index: -1;}
/* *:first-child+html #header .blue, *:first-child+html #header .blue2, *:first-child+html #header .red, *:first-child+html #header .pink, *:first-child+html #header .green {left: 1px;}*/
body.news {background: #363636 url(../img/bg-news.jpg) top center no-repeat; background-attachment: fixed;}
body.education {background: #363636 url(../img/bg-education.jpg) top center no-repeat; background-attachment: fixed;}
#header .purple {width: 100%; height: 142px; background: #70398d url(../img/bg-purpleLineTop.gif) top repeat-x; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; position: absolute; top: 0px; left: 0px;}
ul.bgpurple {background: #70398d; height: auto;}
h1#programs {width: auto; height: auto; font-family: Times; font-size: 30px; font-weight: bold; text-indent: 0px; float: left; padding-bottom:4px;}
/* h3#upcomingevents {width: 155px; background: url(../img/h3-upcomingEvents.gif);}
h3#upcomingadmissions {width: 171px; height: 34px; background: url(../img/h3-upcomingAdmissions.gif);}
h3#feature {width: 66px; height: 13px; background: url(../img/h3-feature.gif);}
*/
h3#upcomingevents, h3#upcomingadmissions, h3#feature, h3#galleryinfo, h3#artDesign, h3#artDesign, h3#otisEvents, h3#news, h3#academicNews, h3#keyDates, h3#spotlight, h3#sidebartitle {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal;text-indent:0; color:#FFFFFF; height:20px;}
h3#upcomingadmissions {height:40px;}
h3#sidebartitle2 {height:40px;}
#leftContentInternal.blue a {color: #6487bd;}
#leftContentInternal.purple a {color: #703a8e;}
#leftContentInternal.blue3 a {color: #49469d;}
#fullSize.blue2 a {color: #305fad;}
#topInternalsize {width: 694px; border-bottom: 1px solid #000; position: relative;}
#topInternalsize2 {width: 694px; border-bottom: 1px solid #000; position: relative; margin-top:-15px; font-family:times; font-size:13px;}
#optionsNews {position: absolute; bottom: 0px; right: 0px;}
#newslist {padding-bottom: 5px; margin-bottom: 16px; border-bottom: 1px solid #b2b2b2;}
table tr {vertical-align: top;}
table.education {width: 95%;}
table.education td.courses{width: 240px;}
table.relatedlinks {width: 100%;}
table.relatedlinks td {width: 33%;}
.title{font-family: times; font-size:14px; font-weight:bold;}
table.exhibitions {width: 100%;}
table.exhibitions td.intro {width: 310px;}
table.exhibitions td.image {text-align:right;}
table.exhibitions td.image2{text-align:left;}
table.catalogs {width: 100%;}
table.catalogs td.info {width: 450px;}
table.catalogs td.image {padding-right: 100px;}
table.relatedevents td {padding-bottom:3px;}
.txtDesc2 {font-size: 15px; font-weight:bold; width: 200px; border-top: 1px solid #858585; padding: 9px 0px; height: auto;}
.txtDesc3 {width: 437px; border-top: 1px solid #858585; padding: 9px 0px; height: auto;}
.txtDesc4 {width: 694px; padding: 12px 0px; height: auto;}
.programlink {border-top: 1px solid #b2b2b2; padding-top:5px; margin-top:5px;}
#programs {width:310px; padding-bottom:20px;}
#programs img{padding-right: 10px;}
.programssubmenu {border-bottom: 1px solid #000; padding: 3px 0; line-height:20px;}
.programssubmenu table {width: 100%;}
.programssubmenu table tr {vertical-align: top;}
.programssubmenu table tr td {width: 33%;}
#programsmenu {position: absolute; bottom: 7px; right: 0px;}
.underlinelink a{text-decoration:underline;}
.underlinelink a:hover{text-decoration:none;}
#tabJHCContent {font-size: 12px;}
#tabJHCContent .tab {padding: 15px 0px;}
#tabJHCContent a {color: #CC3C8E;}
ul#tabsJHC {width: 694px; height: 26px; display: block; background: url(../img/bg-tabsAcademics.gif) bottom repeat-x; list-style: none;}
ul#tabsJHC li {float: left; padding-right: 3px; font-family: Arial; font-size: 12px;}
ul#tabsJHC a {padding: 4px 20px 0px 20px; height: 21px; display: block; text-decoration: none; text-align: center; border-bottom: 1px solid #B2B2B2;}
ul#tabsJHC a:hover, ul#tabsJHC a.hover {color: #000; padding: 3px 19px 0px 19px; border: 1px solid #B2B2B2; border-bottom: 1px solid #FFF;}
a#artists {width: 114px;}
a#about {width: 159px;}
.worksubmenu {border-bottom: 1px solid #000; padding: 3px 0px; line-height:20px;}
.worksubmenu table {width: 50%;}
.worksubmenu table tr {vertical-align: top;}
.worksubmenu .first {width: 150px; }
.worksubmenu2 {border-bottom: 1px solid #000; padding: 3px 0px; line-height:20px;}
.worksubmenu2 table {width: 100%;}
.worksubmenu2 table tr {vertical-align: top;}
.worksubmenu2 table tr td{width: 20%x;}
.worksubmenu2 .first {width: 150px; }
form select option{ padding-right: 10px; padding-left: 5px;}
.otislife {border-bottom: 1px solid #B2B2B2; border-top: 0px solid #B2B2B2; padding: 10px 0px; line-height: 20px;}
.otislife table {width: 100%;}
.otislife table tr {vertical-align: top;}
.otislife table tr td {width: 192px; padding-bottom:15px; padding-right:30px;}
.otislife table tr td select{margin-bottom:8px;}
.morelink{padding-top:20px; line-height:20px;}
.gethelp{line-height:20px;}
.programcourses table {width: 100%;}
.programcoursess table tr {vertical-align: top;}
.programcourses table tr td {width: 33%; line-height:23px;}
.courses ul {list-style: none; margin-left:15px; padding: 10px 0px 10px 0;}
.courses ul li {margin: 15px 0 0 15px;}
.courses ul li ul{margin-left:15px; list-style-image: none; list-style-type: square; line-height:23px;}
.courses ul li ul li{margin: 0 0 0 15px; padding: 0;}
.courses {line-height:18px;}
/* .giving p{line-height: 20px;} PS */
.coursedetails td{padding: 7px; background-color:#FFFFFF;}
/* Otis Programmer added below */
#RPleftContentInternal {width: 914px; padding: 25px; min-height: 850px; background: #FFF; float: left; position: relative;}
#RPtopInternalsize {width: 930px; border-bottom: 1px solid #000; position: relative;}
.RPabout a:link{color:#330000;}
.RPtextmenu {border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding-top: 10px; padding-bottom: 10px; line-height: 20px;}
.RPruleSpacing {border-top: 1px solid #B2B2B2; padding-top: 1px; padding-bottom: 1px; line-height: 20px;}
.PSotisLife {border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding: 5px 0px; line-height: 20px;}
.RPprogramssubmenu {border-bottom: 1px solid #999999; padding: 3px 0; line-height:20px;}
ul.actlist li{margin-left:30px; padding-left:0; list-style-position: outside;}
.academicssub {border-bottom: 1px solid #B2B2B2; border-top: 0px solid #B2B2B2; padding: 12px 0px; line-height: 20px;}
.academicssub table {width: 100%;}
.academicssub table tr {vertical-align: top;}
.academicssub table tr td {width: 192px; padding-bottom:15px; padding-right:30px;}
.academicssub2 {border-bottom: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; padding: 12px 0 0 0; line-height: 20px;}
.academicssub3 {border-bottom: 0px solid #B2B2B2; border-top: 1px solid #B2B2B2; padding: 12px 0 0 0; line-height: 20px;}
#sdiv2 hr {margin-bottom:12px;}