body { margin:0; padding:0; color: #414141; background: #ffffff; }

html { background: #ffffff; }

img { border: none; }

.image-fr  { float:right; margin:0 0 20px 20px; }

#wrap { width:990px; padding-left: 20px; margin:0 auto; background: url(../images/backgrounds/body-shadow-new.png) top left repeat-y; height:100%; overflow:hidden; }

ul { list-style:none; }

p { margin:0 0 10px 0; }

h1 { font-family : Arial, Helvetica, sans-serif; font-size: 22px; color:#520063; font-weight:normal; padding:0; margin:0;}

h2 { font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; padding:0 0 8px 0; margin:0; line-height:120%;}

h3 { font-family : Arial, Helvetica, sans-serif; font-size: 16px; color:#520063; font-weight:normal;  padding:0; margin:0;}

h4 { font-family :Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #707070; text-align:left; padding:0; margin:0; }

h5 { font-family : Arial, Helvetica, sans-serif; font-size: 14px; color:#520063; font-weight:normal; padding:0; margin:0;}

h6 { font-family : Arial, Helvetica, sans-serif; font-size: 12px; color:#520063; font-weight:normal; padding:0; margin:0;}

#main-content h1 { padding:0 0 8px 0; }

#main-content h3 a{ font-weight:normal; font-size: 16px; }

#main-content h5 a{ font-weight:normal; font-size: 14px; }

#main-content h2 a{ font-weight:normal; font-size: 18px; }

.inline-title { font-family : Arial, Helvetica, sans-serif; font-size: 14px; color:#520063; font-weight:normal; }

.inline-title-two { font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; }

#main-content .inline-title-two a { font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; }

.inline-title-sub { font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#777777; font-weight:normal; }

#main-content h5 a:hover{ text-decoration:underline;}




/*--- BASIC CLASSES FLOATS - CLEARS - PADS ---*/

.image-center { text-align:center; }

.flcb-pl20 { float:left; clear:both; padding-left:20px; }

div.clear { clear: both; line-height:0; }


.border-dark-gray { border:1px solid #cccccc; }

.border-mid-gray { border:1px solid #e0e0e0; }

.border-light-gray-right { border:1px solid #f0f0f0; float:right; margin:0 0 15px 15px; }

.border-light-gray-left { border:1px solid #f0f0f0; float:left; margin:0 15px 15px 0; }

.border-dark-gray img { border:4px solid #fff; }

.border-light-gray-right-nm { border:1px solid #f0f0f0; float:right; margin:0 0 15px 0px; }



.border-light-gray2-left { border:1px solid #cacaca; float:left; margin:0 15px 5px 0; }

.border-dark-gray2 { border:1px solid #a3a3a3; }

.border-mid-gray2 { border:1px solid #bababa; }

.border-dark-gray2 img { border:4px solid #fff; }


.comp-image-float-right { float:right; margin:60px 0 15px 15px; }

.image-float-right { float:right; margin:0 0 15px 15px; }

.push-right { padding:0 80px 0 50px; }

.push-left-10-reps { margin:0 0 0 8px;  }

.image-float-left { float:left; margin:0 15px 15px 0; }

.float-right-text { float: right; width:470px; }


#rss-icon a { float:right; width:27px; padding:4px 0 0 0; display:block; }

#fb-icon a { float:right; width:27px; padding:4px 0 0 0; display:block;  }


/*--- SEARCH BOX ---*/

#topsection1 { width: 950px; height: 46px; float:left; background: #ccc url(../images/topnav/topsection1-background.png) top left repeat-x; }

#nu { width: 209px; height: 46px; float: left;}

#topnav { width: 700px; height: 29px; padding: 7px 0 0 0; float: right; }
    
#topsection2 { width: 950px; height: 33px; background: #ccc url(../images/topnav/topsection2-background.jpg) top left repeat-x; z-index: 10; float:left; clear:both; }

#sesp { width: 437px; height: 31px; float: left; top: 0px; left: 0px; }

#search { width: 360px; height: 31px; float: right; padding-top:4px; }

#searchform { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; padding-top: 2px; color: #414141; position: relative; float:left; width:324px;  }

#searchbutton { padding-top: 3px; position: absolute; right: 0; top: 0px; width: 21px; height:20px; }





/* son of suckerfish css menu styles */

#navigation { margin-top: 3px; margin-left: 10px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc; position: relative; z-index: 80; }

#navigation a { font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc; text-decoration: none; font-weight:normal; }

#navigation a:hover { font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; font-weight:normal; }


#nav, #nav ul { padding: 0; margin: 0; list-style: none; }

#nav { position: relative; }

#nav a { display: block; }

#nav li ul.navmenu li a { width: 130px; text-align: left; font-size: 10px; line-height: 14px; padding: 6px; background: #520063; -khtml-opacity: 0.85; opacity: 0.85; }

#nav li ul.navmenu li a:hover { background: #520063; -khtml-opacity: 0.85; opacity: 0.85; width: 130px; text-align: left; font-size: 10px; line-height: 14px; padding: 6px; }

#nav li { float: left; width: 142px; }

#nav>li>a { height:27px; }

#nav li ul li { border-top: 1px solid #999; }

#nav li ul { position: absolute; width: 210px; left: -1599px; margin-top: auto; margin-left: 0px; }

#nav li ul ul { margin: -27px 0 0 142px; }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -1599px; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav li.sfhover ul { margin-left: 0px; }

#nav li li.sfhover ul { margin-left: 142px; }

#nav li.sfhover a.subnav:link { font-size: 10px; line-height: 14px; }

#nav li.sfhover a.subnav:visited { font-size: 10px; line-height: 14px; }





/*-----NEW TOP NAV-----*/

#nav li.home { width: 54px; height:27px; background: url(../images/topnav/home.png) top left no-repeat; }

#nav li.home a:hover  { width: 54px; height:27px; background: url(../images/topnav/home-over.png) top left no-repeat; }

#nav li.about { width: 89px; background: url(../images/topnav/about.png) top left no-repeat; position: absolute; left: 60px; }

#nav li.about a:hover { background: url(../images/topnav/about-over.png) top left no-repeat; }

#nav li.programs { width: 176px; background: url(../images/topnav/programs.png) top left no-repeat; position: absolute; left: 151px; }

#nav li.programs a:hover { background: url(../images/topnav/programs-over.png) top left no-repeat; }

#nav li.people {width: 70px; background: url(../images/topnav/people.png) top left no-repeat; position: absolute; left: 327px; }

#nav li.people a:hover { background: url(../images/topnav/people-over.png) top left no-repeat; }

#nav li.research { width: 89px; background: url(../images/topnav/research.png) top left no-repeat; position: absolute; left: 397px; }

#nav li.research a:hover { background: url(../images/topnav/research-over.png) top left no-repeat; }

#nav li.news { width: 115px; background: url(../images/topnav/news.png) top left no-repeat; position: absolute; left: 486px; }

#nav li.news a:hover { background: url(../images/topnav/news-over.png) top left no-repeat; }

#nav li.contact { width: 77px; background: url(../images/topnav/contact.png) top left no-repeat; position: absolute; left: 601px; }

#nav li.contact a:hover { background: url(../images/topnav/contact-over.png) top left no-repeat; }




/*-- BREAD CRUMB --*/

#breadcrumb {  width:685px; min-height:21px; border-bottom:1px solid #DADAD8; float:left; font-family : Arial, Helvetica, sans-serif; font-size:11px; color:#414141; padding:6px 0 6px 10px; background:url(../images/topnav/topsection2-background.jpg) repeat-x left top transparent; background-color:#c3c3c3; line-height:160% }

#breadcrumb a { font-size: 11px; font-weight:bold; color:#520063; text-decoration:none; }

#breadcrumb a:hover {text-decoration:underline; }



/*--- MAIN CONTENT WELL ON ALL SUB PAGES ---*/


#main { float:left; clear:both; width:924px; padding:12px; background-color: #fff; }

#main-title { width: 675px; float:left; padding:5px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; color:#520063;  background: url(../images/backgrounds/mainwell_back.jpg) top left repeat-y; }

#main-title img{ position:relative; left:-10px; top:-5px; margin-bottom:-10px; }



/*-- PROGRAM BANNERS --*/

#main-title .main-title-hdsp { background:url(../images/hdsp/hdsp_banner.jpg) no-repeat left top;width:695px; height:302px; margin:-5px 0 -15px -10px; }


.facebook-hdsp { float:left; padding:236px 16px 0 576px; }

.linkedin-hdsp { float:left; padding:236px 0 0 0; }



#main-content {
    border-top:1px solid #dadad8; 
    width: 655px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    line-height:160%; 
    color: #414141;  
    float:left; 
    clear:both; 
    padding:20px;
    min-height:500px;
    }




.main-content-1col { padding:10px 10px 30px 20px; float:left; clear:both; width: 665px; margin-left:-20px; }

.main-head-content { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #707070; font-weight:bold; }

#main-content a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: none; }

#main-content a:hover { text-decoration: underline; }


#main-content ul { padding:0 0 0 20px; margin:8px 0 8px 0; }

#main-content li { padding:0; margin:0; }


#title-banner { margin:-10px 0 0 -20px; }


/*--- INQUIRY STYLES - DELETE AFTER NEW INQUIRY SITE IS LIVE ---*/


#inquiry-issue { margin-top: 15px; margin-left: 11px; font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #414141; }

.inquiry-issue-select { font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #414141; width: 150px; }

#inquiry-issue-theme { font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; color: #414141; width: 150px; padding-top: 10px; }





/*--- NEWS PAGES ---*/

#news { width: 324px; float: left; }

div.news-item { width: 340px; height:131px; padding: 4px 0 0 2px; float:left; clear: both; background: url(../images/backgrounds/newsevents_back.jpg) repeat-x; }

div.news-archive-item { width: 660px; min-height: 122px; clear: both; float:left; border-bottom:1px solid #dadad8; padding-bottom:10px; margin-bottom:10px; }

div.news-photo { width: 160px; height:117px; float: left; background: url(../images/news/thumbnails/drop-shadow.png) no-repeat; padding:6px 5px 5px 6px; }

div.news-photo img { width: 150px; border:3px solid #fff; }


div.news-photo2 { width: 160px; height:117px; float: left;  background: url(../images/news/thumbnails/drop-shadow.png) no-repeat; padding:6px 5px 20px 6px; }

div.news-photo2 img { width: 150px; border:3px solid #fff; }

#newseventsContain .news-copy { float:left; width: 160px; height:124px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #520063; padding:5px 0 0 3px;}

#newseventsContain .news-copy a, a:link, a:active, a:visited { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #520063; text-decoration: none; }

#newseventsContain .news-copy a:hover { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #520063; text-decoration: underline; }

div.news-archive-copy { width: 470px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #414141; padding:5px 0 0 10px; float:left; min-height:140px; }

div.news-archive-copy a, a:link, a:active, a:visited { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: none; }

div.news-archive-copy a:hover { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: underline; }

.thumb-content { width: 475px; float: right; font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #414141; padding-top: 3px; padding-bottom: 12px;
}



/*--- EVENTS HOMEPAGE CONTENT ---*/

#events { width: 324px; float: left; clear:both; }

.events-item { width: 324px; height:119px; padding: 8px 8px 8px 10px; float:left; clear: both; background: url(../images/backgrounds/newsevents_back.jpg) repeat-x;  }

.events-date { font-family : Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5c5c5b; text-transform:uppercase; padding-bottom:10px; }

.events-day { font-family : Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #9a9a98; }

div.events-title { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #520063; padding-bottom:10px; }

div.events-title a, a:link, a:active, a:visited { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #520063; text-decoration: none; }

div.events-title a:hover { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #520063; text-decoration: underline; }

div.events-description { font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #414141; }

div.events-description a { font-size: 11px; font-weight: normal; color: #520063; }

div.events-description a:hover { text-decoration:underline; }

.events-location { font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #414141; }




/*--- EVENTS PAGES ONLY ---*/


div#eventspage-list div.eventspage-title a { font-family : Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #520063; text-decoration: none;}

div.eventspage-item { width: 650px; min-height:70px; float:left; clear:both; padding-bottom:25px; border-bottom:1px solid #dadad8; margin-bottom: 25px; }

div.eventspage-photo img { display:none; }

div.eventspage-copy { font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #414141;  }

div.eventspage-description { font-family : Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #414141; }

div.eventspage-title { font-family : Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #520063; }

div#eventspage-list div.eventspage-title a:hover { text-decoration:underline; }





/*--- SPOTLIGHT SECTION HOMEPAGE ---*/


#spotlight { width: 214px; float:left; clear:both; position: relative;  padding:13px 0 0 0; }

#spotlightheaderContain {width: 250; height:30px; background: #7f2d7d url(../images/homebanners/banner-background.png) top left repeat-x; padding-left: 5px; }

.spotlightContain { width: 212px; float:left; clear:both; height:403.5px; background: url(../images/backgrounds/new-spotlight-back.jpg) repeat-x; border:1px solid #c9c9c9;}



#spotlight-caption { width:190px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; padding:0 10px 0 10px; float:left; clear:both;}

#spotlight-caption a{ font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: none;}

#spotlight-caption a:hover { text-decoration: underline;}



#spotlight-title a { width:195px; font-family :Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #520063; padding:2px 5px 10px 10px; float:left; clear:both; margin-top:12px }

#spotlight-title a:hover { text-decoration:underline; }

#spotlight-image { border:1px solid #999999; margin:10px 0 0 5px;  }




#spotlight2-caption { width:190px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; padding:0 10px 0 10px; float:left; clear:both; }

#spotlight2-caption a{ font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: none; }

#spotlight2-caption a:hover { text-decoration: underline;}



#spotlight2-title a {  width:195px; font-family :Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #520063; padding:2px 5px 10px 10px; float:left; clear:both; margin-top:12px }

#spotlight2-title a:hover { text-decoration:underline; }

#spotlight2-image { border:1px solid #999999;  margin:10px 0 0 5px; }





#spotlight-caption-conv { width:180px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #520063; padding:15px 5px 0 5px; float:left; clear:both; }

#spotlight-caption-conv a, a:link, a:visited, a:active { font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: none; }

#spotlight-caption-conv a:hover { font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; text-decoration: underline;}



#spotlight-title-conv, #spotlight-title-conv a { width:190px; font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; padding:12px 5px 0 6px; float:left; clear:both; height:60px; }

#spotlight-title-conv a:hover { font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #520063; padding:12px 5px 10px 3px; float:left; clear:both; height:60px; text-decoration:underline; }

#spotlight-image-conv { border:1px solid #999999; }



.horizontal-rightnav-home { border-bottom:1px solid #c3c3c1; width:190px; float:left; clear:both; margin: 0 0 10px 10px; }




/* MES new: form fields --- TABLE FORMS BOOO*/


#main-content .formHeading { border:none; color:#520063; font-size:16px; font-weight:bold; padding:2px;  }

#main-content .formLabel { font-weight:bold; padding:2px 2px 2px 5px; text-align:left; vertical-align:top; color:414141; font-size:12px; }

#tableform { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333; text-decoration: none; border:1px solid #999; padding: 10px; }

#tableform td { padding-bottom: 10px; vertical-align: top; }

.form-label { width: 200px; }

.form-submit { background-color:#520063; border-bottom:1px solid #333; border-right:1px solid #333; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:3px 15px 3px 15px; }


/*--- INQUIRY HOMEPAGE ---*/

div.inquiry-home { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; border-bottom:1px solid #dadad8; margin-bottom: 10px; padding-bottom:3px; float:left; clear:both; }

div.inquiry-home-image { float: left; width: 170px; padding: 10px 10px 15px 10px; }

div.inquiry-home-image img { width: 150px; }

div.inquiry-home-story { margin-top: 6px; padding-left: 10px; margin-left: 170px; width: 480px; }

div.inquiry-home-story-full { margin-top: 6px; padding: 10px; }

div.inquiry-home-story-title a span { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #520063; }

div.inquiry-home-summary {font-size: 12px; font-weight: normal; color: #414141; margin-top: 5px; }

div.inquiry-home-author { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; font-style: italic; color: #414141; margin-top: 8px; margin-bottom: 15px; }




#newscenter-home-container { width: 695px; line-height:120%; overflow: auto; clear: both; margin-left:-20px; margin-bottom:-20px; }

#newscenter-home-container h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color: #707070; padding-left:10px; }

#newscenter-home-inquiry-image img { margin-right: 12px; }

#newscenter-home-news { margin-top: 12px; float: left; width:342px; border-top:1px solid #dadad8; border-right:1px solid #dadad8;  }

#newscenter-home-events { margin-top: 12px; float: right; width:342px; border-top:1px solid #dadad8; border-left:1px solid #dadad8; }



/*-------NEWS AND EVENTS PAGE--------*/


#main-content .newsmonthlist { padding:0; margin:0; }

#main-content .newsmonthlist ul { list-style-type: none; padding:0; margin:0; }

#main-content .newsmonthlist li { list-style-type: none; padding:10px 0 10px 0; margin:0; }

#main-content .newsmonthlist li a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #520063; }

#main-content .newsmonthlist li ul li { border-bottom:1px solid #dadad8; }

#main-content .newsmonthlist li ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #520063; }

#main-content .newslist { padding:0; margin:0; }

#main-content .newslist li { list-style-type: none; padding:10px 0 10px 0; margin:0; border-bottom:1px solid #dadad8; }

#main-content .newslist li a { font-weight: normal; font-size: 14px; }

div#main-content table.profiletable { margin: 0 0 20px 0; }



#siteName a { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #520063; font-weight:bold; text-decoration:none; }

#siteName a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #520063; font-weight:bold; text-decoration:underline; }






/*--------LEGACY items from MySESP------*/

.header { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #520063; }

#header2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #520063; }

#header2 a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #520063; text-decoration:none; font-weight:normal; }

#header2 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #520063; text-decoration:underline; font-weight:normal; }


.subheader { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #707070; font-weight: bold;}

.subheader a:link { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #707070; text-decoration:none; }

.subheader a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #707070; text-decoration:underline; }


.subheader2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #707070; font-weight: bold; }

.subheader2 a:link { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #707070; text-decoration:none; }

.subheader2 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #707070; text-decoration:underline; }

.subheader3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #520063; font-weight: bold; display:block; padding-bottom:10px; }

.subheader4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #520063; font-weight: bold;}


.bodycopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #333;
}

.bodycopy a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #520063;
text-decoration: none;
}

.bodycopy a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #520063;
text-decoration: underline;
}

.smallcopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #414141;
}

.smallcopy a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #707070;
text-decoration: none;
}

.smallcopy a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #707070;
text-decoration: underline;
}

.profileListing {
text-align: left;
height: auto;
color: #414141;
}

#concentrations {
padding-left: 0px;
width: 640px;
border: 1px solid #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
text-align: left;
padding: 0px;
}

#concentrations a {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #520063;
}

#concentrations td {
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
vertical-align: top;
}

.concentrations-header{
color: white;
background: #520063;
font-weight: normal;
vertical-align:bottom;
text-align:center;
}

.concentrations-category{
color: #414141;
background: #ccc;
vertical-align:middle;
text-align:center;
width: 40%;
}

.concentrations-hdsp{
color: #414141;
background: #fff;
vertical-align:middle;
text-align:center;
width: 15%;
}

.concentrations-loc{
color: #414141;
background: #ccc;
vertical-align:middle;
text-align:center;
width: 15%;
}

.concentrations-soc{
color: #414141;
background: #fff;
vertical-align:middle;
text-align:center;
width: 15%;
}

.concentrations-st{
color: #414141;
background: #ccc;
vertical-align:middle;
text-align:center;
width: 15%;
}

#highlight {
border-width: 1px;
border-style: solid;
border-color: #dadad8;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #414141;
font-weight: normal;
width: 500px;
}

/*------My CSS-------*/

.shareTHIS { display:none; float:right; width:18px; padding:7px 5px 0 0; }

#spotlightImageContain { height:215px; float:left; clear:both; padding-left:5px; }

#landscapeContain { width:700px; float:left; clear:both; }

.divideVert { height:220px; float:left; width:3px; }




/*-------- News Events HOMEPAGE --------*/

#newseventsContain { width:700px; float:left; padding-top:12px; }

.banner { padding-left:5px; height:30px; width: 337px; background: url(../images/homebanners/banner-background.png) top left repeat-x; }


#banner-news { width:57px; float:left; }


#banner-news a { width:57px; height:30px; background: url(../images/homebanners/news-header-both.png) top left no-repeat; display:block; text-indent:-1500px; overflow:hidden; }

#banner-news a:hover { background-position: 0 -30px; }


#banner-events a { width:76px; height:30px; background: url(../images/homebanners/events-header-both.png) top left no-repeat; display:block; text-indent:-1500px; overflow:hidden; }

#banner-events a:hover { background-position: 0 -30px; }


.banner2 { padding-left:5px; width: 337px; background: #ccc url(../images/homebanners/banner-background.png) top left repeat-x; }

#newsContain { width:342px; float:left; border:1px solid #dadad8; }

#eventsContain { width:342px; float:right; border:1px solid #dadad8; }

.news-itemContain { width:696px; height:210px; float:left;  }

.news-item1 { width:188px; float:left; height:210px; padding-left:40px; padding-top:10px;  }

.news-item2 { width:188px; float:left; height:210px; padding-left:40px; padding-top:10px;  }

.news-item3 { width:188px; float:left; height:210px; padding-left:40px; padding-top:10px;  }

.eventDescription { font-family : Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #313131; }


#slideshow { float:left; clear:both; width: 698px; height: 243px; background: url(../images/slideshow/back_slide.png) repeat-x; border: 1px solid #aeaeac; }


/*-----FOOTER-------*/


#footer { background: #fff url(../images/homebanners/footer3-background.png) repeat-x ; width:950px; height:98px; float:left; clear:both;  text-align:center;}

#footer li { display:inline; padding: 0 25px 0 25px; }

#footer ul { padding:10px 0 23px 0; margin:0; }

#footer span { color:#c6c1c6; font-family :Arial, Helvetica, sans-serif; font-size: 11px; }

#footer a { color:#520063; font-family :Arial, Helvetica, sans-serif; font-size: 12px;  }

#footer a:hover { color:#520063; font-family :Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:underline; }

#footer span a { color:#c6c1c6; font-family :Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal;  }

#footer span a:hover { color:#c6c1c6; font-family :Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:underline; font-weight:normal; }






/*---- Right Hand Navigation for Sub Level Pages -----*/



#sidebar { float:right; width:212px; background: #ffffff;  }

#quicklinksHeaderContain { width: 226; height:30px;  background: #7f2d7d url(../images/homebanners/banner-background.png) top left repeat-x; padding-left: 5px; }







/*-------- SUBPAGES NEW  --------*/

#main-subpage { float:left; width:695px; margin:10px; background-color: #fff; border:1px solid #dadad8; }

#main-subpage ul { list-style:disc;  }

#sidebar-subpage { float:left; width:222px; background: #fff; margin:10px 0 10px 0; border:1px solid #dadad8;   }








#video-contain { float:left; clear:both; background: #fff url() repeat-x; width:300px; height:242px; }


/*-------- SUBPAGES MAIN WELL  --------*/


.header-contain { background: #fff url(../images/backgrounds/main_header_back.jpg) repeat-x; float:left; clear:both; width:686px; height:29px; border-top:1px solid #dadad8; color:#414141; font-family : Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; padding:5px 0 0 10px; margin-left:-20px;  }

.mainwell-twocol-thumb { float:left; width:695px; clear:both;  }

.mainwell-thumb-contain { float:left; clear:both; width:675px; padding:10px; border-bottom:1px solid #dadad8; background: url() bottom left repeat-x; margin-left:-20px;  }

.mainthumb { float:left; width:225px; height:150px; background: url() no-repeat; padding:3px 0 0 6px; }

.mainthumb img { float:left; width:204px; border:4px solid #fff; }

.mainthumb-text { float:left; width:440px; }

#header-links a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #520063; text-decoration: none;  }

#header-links a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #520063; text-decoration: underline;  }


.text_twocol_left { float:left; clear:both; width:120px; height:50px; padding:10px 15px 15px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #707070; font-weight: bold; }

.text_twocol_right { float:left; width:470px; padding:10px 0 15px 0;  }


.background-wrap { float:left; clear:both; width:620px; margin:0 0 20px 35px; background-color:#fff; border:1px solid #dadad8; }





/* slideshow gallery */

.slideshowlite {
    position: relative;
    overflow: hidden;
}

    .slideshowlite a {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .slideshowlite img { border-bottom:1px solid #aeaeac; }

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 35px;
    right: 5px;
    
}

    .slideshowlite ul li,
    .slideshowlite ol li {
        float: left;
        margin: 0 3px;
        width: 16px;
    }
    
    .slideshowlite ul li a {
        position: relative;
        display: block;
        width: 100%;
        height: 14px;
        padding-top: 2px;
        text-decoration: none;
        color: #520063;
        background: #fff;
        border: 1px solid #520063;
        text-indent:-1500px;
        font-size: 11px;
        outline: none;
        display:none;
    }
    
    .slideshowlite ul li a.current {
        color: #fff;
        font-weight: bold;
        border: 1px solid #fff;
        background: #893188;
        text-indent:-1500px;
        outline: none;
        display:none;
    }
    
    .slideshowlite ul li a:hover {
        color: #fff;
        background: #4e0062;
        display:none;
    }
    
/* caption control */

.slideshowlite ol {
    top: 248px;
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    color: #520063;
    background: none;
    padding: 3px 10px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;

}

    .slideshowlite ol li {
        width: 100%;
    }
    


/*-----QuickLinks-----*/    
    

div.quick { height:241px; }

div.quick ul#menu {  list-style-type:none; margin: 0; padding: 0; width: 212px; }

div.quick ul#menu ul { background: url(../images/buttons/quick_links_back_left.png) top left no-repeat;  list-style-type:none; margin: 0; padding: 0; width: 212px; }

div.quick ul#menu a { display: block; text-decoration: none; font-family :Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #c6c1c6; }





div.quick ul#menu li {  } 

div.quick ul#menu li a { background: url(../images/buttons/quick_links_back_left.png) top left no-repeat;  color: #3f0b49; font-family :Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; padding:7px 0 5px 28px; }

div.quick ul#menu li a:hover {  font-family :Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #931aaa; }






div.quick ul#menu li ul li a { background: #69216c; color: #ffffff; border-bottom:1px solid #7f2883; padding: 3px 0 3px 10px;  }

div.quick ul#menu li ul li a:hover { background: #7f2883; color: #ffffff; padding-left: 10px; }




/*--- TEMPLATE LAYOUT 1 MSLOC ---*/



.algright-image { float:right; padding-left:10px; }

.algleft-image { float:left; }



.ptop15 { padding-top:15px; }

.full-image-content { border-top:1px solid #dadad8; padding:10px 0; float:left; clear:both; width:655px; }

.full-image-content ul { float:left; clear:both;}


/*--- MSLOC VIDEO BANNER ---*/



.msloc-vidback { width:400px; height:225px; float:right; margin:0 0 0 10px; border:1px solid #dadad8; }


/*-- NAVIGATION TABS --*/



#tab1 a { background: url(../images/buttons/program-curriculum.png) no-repeat center bottom; width:155px; height:98px; float:left; display:block; text-indent:-3500px; overflow:hidden; margin-right:8px; }

#tab1 a:hover { background-position: 0 -3px;  }





#tab2 a { background: url(../images/buttons/msloc-profiles.png) no-repeat center bottom; width:155px; height:98px; float:left; display:block; text-indent:-3500px; overflow:hidden; margin-right:8px; }

#tab2 a:hover { background-position: 0 -3px;  }




#tab3 a { background: url(../images/buttons/information-request.png) no-repeat center bottom; width:155px; height:98px; float:left; display:block; text-indent:-3500px; overflow:hidden; margin-right:8px; }

#tab3 a:hover { background-position: 0 -3px;  }




#tab4 a { background: url(../images/buttons/online-application.png) no-repeat center bottom; width:155px; height:98px; float:left; display:block; text-indent:-3500px; overflow:hidden; }

#tab4 a:hover { background-position: 0 -3px;  }



.fl-right { float:right; margin-right:170px; }
.horizontal-divide { border-bottom:1px solid #dadad8; width:655px; float:left; clear:both; margin-bottom:10px; line-height:0;}


.horizontal-divide-ten { border-bottom:1px solid #dadad8; width:655px; float:left; clear:both; margin-bottom:10px; height:10px; line-height:0;}

.horizontal-divide-green { border-bottom:1px solid #d4e387; width:655px; float:left; clear:both; margin-bottom:10px; line-height:0; }

.divide-full { width:100%; border-bottom:1px solid #dadad8; height:5px; margin-bottom:5px; }


/*-- NEW LS STYLES --*/


.e-brochure a { float:left; background: url(../images/buttons/request-more-info-new.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin: 0 5px 20px 0; }

.e-brochure a:hover { background-position: 0 2px; }


.e-brochure-center a { float:left; background: url(../images/buttons/request-more-info-new.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin:0 0 10px 160px; }

.e-brochure-center a:hover { background-position: 0 2px; }



.apply-now a {  float:right; background: url(../images/learning-sciences/applynow-big.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin-right:-6px; }

.apply-now a:hover { background-position: 0 2px; }



.request-info a {  float:right; background: url(../images/msloc/request-info.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin-right:-6px; margin-left:20px; }

.request-info a:hover { background-position: 0 2px; }



.apply-now-left a {  float:left; background: url(../images/learning-sciences/applynow-big.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin:0 0 10px 0; }

.apply-now-left a:hover { background-position: 0 2px; }


.apply-now-center a {  float:left; background: url(../images/learning-sciences/applynow-big.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin:0 0 10px 160px; }

.apply-now-center a:hover { background-position: 0 2px; }



.app-process a {  float:right; background: url(../images/msed/app-process-big.png) no-repeat left bottom; width:322px; height:128px; display:block; text-indent:-3500px; overflow:hidden; margin-right:-6px; }

.app-process a:hover { background-position: 0 2px; }





.imagelink-text { float:left; padding-top:22px; height:60px; }


#inter-socialback { float:left; background: url(../images/learning-sciences/ls-social-contextback.png) no-repeat center top; width:185px; height:175px; padding:95px 15px 0 15px; margin-bottom:10px; }

#inter-cogback { float:left; background: url(../images/learning-sciences/ls-social-cognitionback.png) no-repeat center top; width:185px; height:175px; padding:95px 15px 0 15px; margin-bottom:10px; }

#inter-designback { float:left; background: url(../images/learning-sciences/ls-social-designback.png) no-repeat center top; width:185px; height:175px; padding:95px 15px 0 15px; margin-bottom:10px; }



.ls-contacts-left { float:left; width:615px; background-color:#ffffff; border:4px solid #dadad8; padding:10px 15px 0 15px; margin:0 20px 20px 0px; -webkit-box-shadow: 5px 5px 8px #a6a6a4; -moz-box-shadow: 5px 5px 8px #a6a6a4; -o-box-shadow: 5px 5px 8px #a6a6a4; box-shadow: 5px 5px 8px #a6a6a4;  }

#main-content .contact-name { float:left; width:630px; background-color:#dadad8; margin:-10px 0 5px -15px; padding:5px 0 5px 15px;}

#main-content .head-inline { font-family : Arial, Helvetica, sans-serif; font-size: 13px; color:#520063; font-weight:normal; }

#main-content .contact-name a { font-family : Arial, Helvetica, sans-serif; font-size: 15px; color:#520063; font-weight:normal; }

#main-content .contact-name a:hover { text-decoration:underline; }


.contact-right { float:right; width:300px; padding-left:30px; border-left:2px dotted #dadad8; margin-bottom:20px; }

.formError { font-family : Arial, Helvetica, sans-serif; font-size: 12px; color:#F00; font-weight:normal; float:left; }



.contact-titles h5 { float:left; }

.contact-titles { float:left; clear:both; width:200px; }

#contact-form input { margin-bottom:20px; }

#contact-form .formSubmit { float:left; clear:both; padding:10px 0 0 200px; }

#profile-name a { font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; padding:0; margin:0; }

.profile-info { float:left; width: 550px; padding-bottom:10px; }

#main-content .profile-info ul { list-style:none; }

.small-profile-info { float:left; width: 470px; }

.ls-home-images { width:282px; background-color:#fff; padding:12px; min-height:320px; }

.ls-home-images img { margin-bottom:5px; border:none; }

.ls-home-images:hover { background-color:#e9e9e9; border:6px solid #fff; padding:6px; }



.hdsp-people-images { width:178px; background-color:#fff; padding:12px; min-height:356px; }

.hdsp-people-images img { margin-bottom:5px; border:none; }

.hdsp-people-images:hover {width:178px;  background-color:#e9e9e9; border:6px solid #fff; padding:6px; display:block; }


.submit-application { float:left; width:320px;  padding-bottom:15px;}

.submit-application-mail { float:left; width:450px;  margin-top:-32px }



.icon-float-left { float:left; margin:0 15px 15px 0; padding:3px 0 0 10px; }


.ls-reps-images { width:181px; background-color:#fff; padding:8px; min-height:220px; }

.ls-reps-images-ls { width:187px; background-color:#fff; padding:8px; min-height:200px; border:1px solid #dadad8; float:left; margin-right:20px; }


.ls-reps-images-ls-right { width:187px; background-color:#fff; padding:8px; min-height:200px; border:1px solid #dadad8; float:right; }

.ls-reps-images img { margin-bottom:5px; border:none; }

.rep-head { background:url(../images/topnav/topsection2-background.jpg) repeat-x left top; width:182px; padding:0 5px 4px 10px; margin:-8px 0 8px -8px; border-bottom:1px solid #dadad8; }

.rep-head-ls { background:url(../images/topnav/topsection2-background.jpg) repeat-x left top; width:188px; padding:5px 5px 0 10px; margin:-8px 0 8px -8px; border-bottom:1px solid #dadad8; text-align:center; }

.rep-head-hdsp { background:url(../images/homebanners/banner-background.png) repeat-x left top; width:182px; padding:0 5px 4px 10px; margin:-8px 0 8px -8px; border-bottom:1px solid #dadad8; min-height:27px; }

.rep-head h2 { padding:5px 0; }


span.title-info { padding-bottom:8px; margin-bottom:8px; display:block; border-bottom:1px solid #dadad8 }


.iconlink-float-left { float:left; margin:-8px 15px 30px 0; padding:0 0 0 10px; }


/*---- People Page Styles ----*/


#main-content ul.people-list-education { padding:0; }

.research-copy { border-top:1px solid #dadad8; padding-top:5px;  }



/*---- Right Hand Navigation for Sub Level Pages -----*/


.menu1 li:first-child { padding:0;  background:url(../images/topnav/topsection2-background.jpg ) repeat-x left top; border-bottom:1px solid #eaeae8; min-height:19px; width:222px; float:left; margin-bottom:10px; background-color:#c3c3c3; }

.menu1 li:first-child a { font-family : Arial, Helvetica, sans-serif; font-size: 14px; color:#520063; font-weight:normal; text-transform: uppercase; }


.menu1 li:first-child:hover { background-color:#c3c3c3; }

.menu1 li.selected:first-child { background-color:#c3c3c3;  }



ul.menu1 { margin:0; padding:0; }

.menu1 li { background-color:#d9d9d9; border-bottom:1px solid #eaeae8;  }

.menu1 li a { padding:8px 5px 8px 10px;  font-family : Arial, Helvetica, sans-serif; font-size: 12px; color:#520063; font-weight:normal; display:block; }

.menu1 li.selected { background-color:#afafaf; }

.menu1 li:hover { background-color:#afafaf; }


.italic-quote {  font-family : Arial, Helvetica, sans-serif; font-style:italic; font-size: 11px; color:#520063; font-weight:normal; padding:0; margin:0; float:left; clear:both; width:620px; display:block; }


#contact-us-cta { float:left; width:240px; height:150px; background:url(../images/hdsp/hdsp-contact-label.png) no-repeat left top; margin:0 0 0 -17px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; color:#520063; font-weight:normal; padding:20px 0 0 30px;  }

#contact-us-cta a { color:#520063; font-weight:bold; text-decoration:none; }

#contact-us-cta a:hover { text-decoration:underline; }

.divide-small { width:220px; border-bottom:1px solid #dadad8; height:5px; margin-bottom:5px; line-height:0; }

.divide-link { width:665px; border-bottom:1px solid #dadad8; border-top:1px solid #dadad8; margin:20px 0 20px -20px;  background-color:#eeeeee; padding:15px 10px 15px 20px; }



/*-- HDSP STYLES --*/


.gray-box { float:left; width:675px; min-height:260px; padding:10px 0 0 20px; margin-left:-20px;  background:url(../images/hdsp/goals-back.jpg) repeat-x left top; }

.four-image-column { float:left; min-height:210px;  width:160px; border-right:1px solid #ffffff ; padding:2px 0 5px 0; margin:5px 6px 30px 0;  }

.four-image-column-noborder { float:left; min-height:210px;  width:160px; padding:2px 0 5px 0; margin:5px 6px 30px 0;  }

.four-image-column span { padding:0 5px 0 3px; display:block; }

.four-image-column-noborder span { padding:0 5px 0 3px; display:block; }




#timeline-back { width:695px; height:616px; margin-left:-20px;  background:url(../images/hdsp/hdsp-dis-timeline.png) no-repeat left top; padding:0 0 0 15px; }

.five-column-text { width: 123px; float:left; padding:0 6px 0 5px; }


#timeline-back .five-column-text ul { list-style:disc; padding:0 0 0 15px; margin:0; }

#timeline-back .five-column-text ul li { padding:0; margin:0; }


#course-description-format ul { list-style:none; }

#course-description-format ul li { padding:0 0 0 60px; margin:0; }


.top-course-desc { background:url(../images/hdsp/top-goals.png) repeat-x left top; height:13px;  margin-left:-20px; width:695px; float:left; clear:both;  }

.middle-course-desc-home { background-color:#dadada;  margin-left:-20px; width:675px; float:left; clear:both; padding:0 0px 0 20px; }

.middle-course-desc { background-color:#e9f994;  margin-left:-20px; width:665px; float:left; clear:both; padding:0 10px 0 20px; }

#main-content .middle-course-desc ul { list-style:none;  }

.bottom-course-desc {   margin-left:-20px; width:695px; float:left; clear:both;  background:url(../images/hdsp/bottom-core-curic.png) no-repeat left top; height:45px; line-height:0; }

.bottom-two-course-desc {   margin-left:-20px; width:695px; float:left; clear:both;  background:url(../images/hdsp/bottom-goals.png) repeat-x left top; height:13px; line-height:0; }




.media-player-center { margin:0 0 30px 80px;  background:url(../images/hdsp/writing-screen.jpg) no-repeat left top; width:500px; height:275px;   }


.media-player-market { margin:0 0 30px 80px;  background:url(../images/hdsp/going-market-screen.jpg) no-repeat left top; width:500px; height:275px;   }


.media-player-superman { float:right; margin:20px 0 20px 20px; background:url(../images/video/jim-carol-screen.jpg) no-repeat left top; width:480px; height:310px;   }




/* --- MSLOC LANDING -- */


.msloc-pdf1 { float:left; width:190px; height:190px; background:url(../images/msloc/msloc-community-pdf.png) no-repeat left top; margin-right:44px; cursor:pointer;   }


.msloc-pdf2 { float:left; width:190px; height:190px; background:url(../images/msloc/msloc-program-pdf.png) no-repeat left top; cursor:pointer;    }


.msloc-pdf3 { float:right; width:190px; height:190px; background:url(../images/msloc/msloc-cert-pdf.png) no-repeat left top; cursor:pointer;    }


#main-content .msloc-pdf1 a { display:block; width:190px; height:50px; font-family :Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#fff; padding:136px 0 0 0; text-align:center; text-decoration:none; }


#main-content .msloc-pdf1 a:hover { color:#dadad8; }



#main-content .msloc-pdf2 a { display:block; width:190px; height:50px; font-family :Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#fff; padding:136px 0 0 0; text-align:center; text-decoration:none; }


#main-content .msloc-pdf2 a:hover { color:#dadad8; }



#main-content .msloc-pdf3 a { display:block; width:190px; height:50px; font-family :Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#fff; padding:136px 0 0 0; text-align:center; text-decoration:none; }


#main-content .msloc-pdf3 a:hover { color:#dadad8; }

/* for django curriculum pages */
.coursedescription {
    color: #414141;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 160%;
    padding: 20px;
    border:1px solid #dadad8;
}


.vid-gallery-content { float:right; width:480px; }



/*-- DOWNLOAD BUTTONS HTML5 Width --*/


#download-button .button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 13px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    width: 310px;
}



#download-button .button:hover {
    text-decoration: none;
}
#download-button .button:active {
    position: relative;
    top: 1px;
}

#download-button { text-align:left; margin-bottom:20px;  }


#download-button .purple {
    color: #fff;
    border: solid 1px #610075;
    background: #520063;
    background: -webkit-gradient(linear, left top, left bottom, from(#8c00a9), to(#520063));
    background: -moz-linear-gradient(top,  #8c00a9,  #520063);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c00a9', endColorstr='#520063');
}
#download-button .purple:hover {
    background: #3b0047;
    background: -webkit-gradient(linear, left top, left bottom, from(#65007a), to(#3b0047));
    background: -moz-linear-gradient(top,  #65007a,  #3b0047);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#65007a', endColorstr='#3b0047');
}
#download-button .purple:active {
    color: #bfbfbf;
    background: -webkit-gradient(linear, left top, left bottom, from(#520063), to(#8c00a9));
    background: -moz-linear-gradient(top,  #520063,  #8c00a9);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#520063', endColorstr='#8c00a9');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/*-- DOWNLOAD BUTTONS HTML5 ORIGINAL --*/


#download-button-org .button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 13px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



#download-button-org .button:hover {
    text-decoration: none;
}
#download-button-org .button:active {
    position: relative;
    top: 1px;
}

#download-button-org { text-align:center; margin-bottom:20px;  }


#download-button-org .purple {
    color: #fff;
    border: solid 1px #610075;
    background: #520063;
    background: -webkit-gradient(linear, left top, left bottom, from(#8c00a9), to(#520063));
    background: -moz-linear-gradient(top,  #8c00a9,  #520063);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c00a9', endColorstr='#520063');
}
#download-button-org .purple:hover {
    background: #3b0047;
    background: -webkit-gradient(linear, left top, left bottom, from(#65007a), to(#3b0047));
    background: -moz-linear-gradient(top,  #65007a,  #3b0047);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#65007a', endColorstr='#3b0047');
}
#download-button-org .purple:active {
    color: #bfbfbf;
    background: -webkit-gradient(linear, left top, left bottom, from(#520063), to(#8c00a9));
    background: -moz-linear-gradient(top,  #520063,  #8c00a9);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#520063', endColorstr='#8c00a9');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/*-- DOWNLOAD BUTTONS HTML5 - CIVIC ENGAGEMENT --*/


#download-button-civic .button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 18px/100% Arial, Helvetica, sans-serif;
    padding: 10px 30px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



#download-button-civic .button:hover {
    text-decoration: none;
}
#download-button-civic .button:active {
    position: relative;
    top: 1px;
}

#download-button-civic { text-align:center; margin-bottom:20px;  }


#download-button-civic .purple {
    color: #fff;
    border: solid 1px #610075;
    background: #520063;
    background: -webkit-gradient(linear, left top, left bottom, from(#8c00a9), to(#520063));
    background: -moz-linear-gradient(top,  #8c00a9,  #520063);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c00a9', endColorstr='#520063');
}
#download-button-civic .purple:hover {
    background: #3b0047;
    background: -webkit-gradient(linear, left top, left bottom, from(#65007a), to(#3b0047));
    background: -moz-linear-gradient(top,  #65007a,  #3b0047);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#65007a', endColorstr='#3b0047');
}
#download-button-civic .purple:active {
    color: #bfbfbf;
    background: -webkit-gradient(linear, left top, left bottom, from(#520063), to(#8c00a9));
    background: -moz-linear-gradient(top,  #520063,  #8c00a9);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#520063', endColorstr='#8c00a9');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}





.research-home-images { width:282px; background-color:#fff; padding:12px; min-height:380px; }

.research-home-images img { margin-bottom:5px; border:none; }

.research-home-images:hover {width:282px;  background-color:#e9e9e9; border:6px solid #fff; padding:6px; display:block; }


.research-home-images-org { width:282px; background-color:#fff; padding:12px; min-height:280px; }

.research-home-images-org img { margin-bottom:5px; border:none; }

.research-home-images-org:hover {width:282px;  background-color:#e9e9e9; border:6px solid #fff; padding:6px; display:block; }


.center-align-video { text-align:center; }


/*-- MSED --*/

#main-content .higher-ed-link a { float:left;  background: url(../images/msed/higher-ed-link-hover.jpg) no-repeat left bottom; width:318px; height:40px; border:1px solid #dadad8; margin-bottom:20px; padding-top:170px; font-family : Arial, Helvetica, sans-serif; font-size:16px; color:#520063; font-weight:normal; text-align:center; text-decoration:none; }

#main-content .higher-ed-link a:hover { background-position: 0 0; }




#main-content .elementary-link a { float:right; background: url(../images/msed/elem-ed-link-hover.jpg) no-repeat left bottom; width:318px; height:32px; border:1px solid #dadad8; margin-bottom:20px; padding-top:178px; font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; text-align:center; text-decoration:none; }


#main-content .elementary-link a:hover { background-position: 0 0; }




#main-content .secondary-link a { float:left; background: url(../images/msed/second-ed-link-hover.jpg) no-repeat left bottom; width:318px; height:32px; border:1px solid #dadad8; margin-bottom:20px; padding-top:178px; font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; text-align:center; text-decoration:none;}


#main-content .secondary-link a:hover { background-position: 0 0; }


#main-content .advanced-link a { float:right; background: url(../images/msed/advanced-teach-link-hover.jpg) no-repeat left bottom; width:318px; height:32px; border:1px solid #dadad8; margin-bottom:20px; padding-top:178px; font-family : Arial, Helvetica, sans-serif; font-size: 18px; color:#520063; font-weight:normal; text-align:center; text-decoration:none; }

#main-content .advanced-link a:hover { background-position: 0 0; }


.contact-home { 
    float:left; 
    background-color: #dadad8; 
    font-family : Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#414141; 
    font-weight:normal; 
    border:4px solid #fff; 
    padding:10px; 
    width:196px; 
    -moz-box-shadow: 1px 1px 8px #A6A6A4; 
    -webkit-box-shadow: 1px 1px 8px #A6A6A4; 
    box-shadow: 1px 1px 8px #A6A6A4; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A6A6A4')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A6A6A4'); 
    
    }
    
.request-info-home { 
    float:left; 
    border:4px solid #fff; 
    -moz-box-shadow: 1px 1px 8px #A6A6A4; 
    -webkit-box-shadow: 1px 1px 8px #A6A6A4; 
    box-shadow: 1px 1px 8px #A6A6A4; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A6A6A4')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A6A6A4'); 
    margin-bottom:12px;
    
    }
    
.request-info-home img:hover { opacity:0.75; filter:alpha(opacity=75);  }



.horizontal-rightnav-home { border-bottom:1px solid #c3c3c1; width:190px; float:left; clear:both; margin: 0 0 10px 10px; }

.horizontal-right-nav { border-bottom:1px solid #fff; width:195px; float:left; clear:both; margin: 10px 0 10px 0; }


.info-session-headcopy { float:left; width:320px; }

.fifth-year { background:url(../images/msed/five-year-plan-back.png) no-repeat top; background-color:#eeeeee; width:655px; float:left; border-top:1px solid #dadad8; border-bottom:1px solid #dadad8; padding:12px 20px; margin:0 0 20px -20px;}


.info-session img, .fifth-year img, .m-project-link img { float:left; width:52px; padding:0 10px 10px 0; }


.info-session { background:url(../images/msed/msed-info-calendar-back.png) no-repeat bottom; background-color:#eeeeee; width:655px; float:left; border-top:1px solid #dadad8; border-bottom:1px solid #dadad8; padding:12px 20px; margin:0 0 20px -20px;}

.m-project-link { background-color:#eeeeee; width:655px; float:left; border-top:1px solid #dadad8; border-bottom:1px solid #dadad8; padding:12px 20px; margin:0 0 20px -20px;}


#main-content .info-session-headcopy h2 { padding-bottom:2px; }

.msed-social { float:left; padding:15px 0 0 0; width:200px; }

.msed-social a { padding:0 10px 0 0;  }

.msed-program { border:1px solid #dadad8; background-color:#f7f7f7; padding:10px; margin:0 0 10px 0; float:left; width:633px;  }

#main-content .msed-program ul h5 { margin-left:-20px; }

#main-content .msed-program .horizontal-divide {  margin-top:10px; width:632px; line-height:0; }

.three-links-small .border-light-gray-left, .three-links-small-right .border-light-gray-left { margin-bottom:5px;  }

.three-links-small { float:left; width:190px; padding-right:42px; }

.three-links-small-right { float:right; width:190px; }

#main-content .msloc-resource-head a { display:block; text-align:center; font-weight:normal; font-size: 15px; }

#main-content ul.msed-list { list-style: disc; padding:0 0 0 40px; color:#414141; font-size:13px;  }


#main-content .msed-program ul { list-style: disc; padding:0 20px 0 30px; color:#414141; font-size:12px; float:left; width:150px;  }


#main-content .msed-program ul li ul {list-style: circle; padding:0 0 0 10px;  color:#414141; font-size:12px; margin:0px; }


.lightgray-box-shadow {
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px #888;
box-shadow: inner 0 0 5px #888;
width: 675px;
float:left;
clear:both;
padding:20px 0  10px 20px;
margin:0 0 20px -20px;
background-color:#f0f0f0;
border-top:1px solid #dadad8;
border-bottom:1px solid #dadad8;

} 

#main-content .lightgray-box-shadow p { display:block; margin-top:-20px; float:left; clear:both; width:655px; }


#main-content .subject-area-three img { float:left; margin-top:-8px; padding-right:5px;  }


#main-content .subject-area-three span { display:block; float:left; clear:both;  }

.subject-area-three { width:180px; float: left; padding:20px 45px 0 0; color:#737373; min-height:70px;  }

.horz-three { width:100%; float:left; clear:both; height:5px; margin-bottom:5px; border-bottom:1px solid #dadad8;  }


/* INFO SESSION FORM */


#info-session-form fieldset { border:1px solid #dadad8; padding:20px; margin-bottom:10px; background-color:#f4f4f4; width:610px; margin-top:10px; float:left; clear:both; }


#info-session-form label { width:200px; float:left; padding-top:10px; font-size:14px; color:#520063;  }

#info-session-form input, #info-session-form textarea { margin: 10px 0; padding:3px; width:300px; border: 1px solid #a3b4c4; border-color: #636d77 #a3b4c4 #c7d2de; line-height: 1; }

#info-session-form fieldset #program-select { margin:5px 0 20px 200px; color:#520063; width:310px; }

#info-session-form fieldset #info-select { margin:15px 0 20px 200px; color:#520063; width:310px; }


#info-session-form #submit { width:120px; float:right; margin-right:100px; }

#info-session-form label.error {
    clear: both;
    margin: -5px 0 10px 200px;
    font-size: 12px;
    color: #f00;
}

#info-session-form #submit { cursor:pointer; background-color: #520062; border:2px solid #CCC; padding:5px 10px; color:#fff; font-family: Arial,Helvetica,sans-serif; font-size: 14px;}





.top-blue-contain { background:url(../images/msed/msed-new-bluetop.png) no-repeat left top; height:35px;  margin-left:-20px; width:695px; float:left; clear:both;  }


.mid-blue-contain { background-color:#0c93b5; margin-left:-20px; width:665px; float:left; clear:both; padding: 3px 10px 0 20px; }

.mid-blue-contain img { float:left; margin-right:10px; }

.horizontal-divide-white { border-bottom:1px solid #50b1ca; width:655px; float:left; clear:both; margin-bottom:10px; height:10px; line-height:0; }


.bottom-blue-contain { background:url(../images/msed/msed-new-bluebottom.png) no-repeat left top; height:30px;  margin-left:-20px; width:695px; float:left; clear:both;  }

#main-content .mid-blue-contain h2, #main-content .mid-blue-contain h5 { color:#fff; line-height:120%;  }

#main-content .mid-blue-contain  { color:#ececea; }

#main-content .mid-blue-contain h3 { color:#fff; font-size:22px; line-height:120%; }

.live-stream { width:700px; float:left; clear:both; }

.live-stream-title { color: #414141; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; padding-top:5px; }

.live-stream-title a { color:#520063; font-weight:bold;  }

.live-stream-title a:hover { text-decoration:underline;  }

.livestream-widget { text-align:center; }


table.curriculum {
    border-collapse:collapse;
    background-color: #fff;
    margin-bottom: 2em;
    text-align:left;
    float:left;
    clear:both;
}

table.curriculum td, table.curriculum th {
    border:1px solid #dadad8;
    padding: 4px;
}



tr.quarter-title {
    background-color:#e8e8e6;
}

tr.curriculum-header {
        background-color:#f7f7f5;
}




table.which-undergrad {
    border-collapse:collapse;
    background-color: #fff;
    margin-bottom: 2em;
    text-align:left;
    float:left;
    clear:both;
    width:100%;
}

table.which-undergrad td, table.which-undergrad th {
    border:1px solid #dadad8;
    padding: 4px;
}

table.which-undergrad td:first-child { padding-left:10px; }



tr.which-title {
    background-color:#e8e8e6;
    text-align:center;
    width:120px;
}


tr.which-title td:first-child { text-align:left; width:200px; }

td.marker-dot { color:#690080; font-size:36px; text-align:center; }



table.state-cert-links {
    border-collapse:collapse;
    background-color: #fff;
    margin: 10px 0 10px 0;
    text-align:left;
    float:left;
    clear:both;
    width:100%;
    
}

table.state-cert-links td {
    border:1px solid #dadad8;
    
    text-align:center;
    width:25%;
    background-color:#eeeeee;
}

#main-content table.state-cert-links td a { font-size:1.1em; font-weight:normal; display:block; padding:6px;  }

#main-content table.state-cert-links td a:hover { background-color:#f8f8f8; }





#main-content ul.num-list {
    list-style:decimal;
    margin-left:20px;
    float:left;
    clear:both;
        
        
}


#main-content ul.matric-num-list {
    list-style:decimal;
    margin-left:20px;
    font-size:14px;
    color: #520063;
    line-height:160%;
    
        
}

#main-content ul.matric-disc-list {
    list-style:disc;
    margin-left:20px;
    font-size:12px;
    color: #414141;
    
    
}


#main-content ul.postgrad-jobs-list { font-size:12px; color: #520063; }

#main-content ul.postgrad-jobs-list a { list-style:disc; font-size:14px; color: #520063; font-weight:normal; }

#main-content ul.postgrad-jobs-list li { border-bottom:1px dotted #dadad8; padding-bottom:5px; margin-bottom:5px; color:#8d8d8d; font-size:14px; }

#main-content ul.circle-list {
    list-style: circle;
    margin-left:20px;
    font-size:12px;
    color: #414141;
    
    
}

#main-content ul.matric-num-list li { margin-bottom:8px; }


#conceptual-frame {  background:url("../images/msed/new-msed-v-diagram.png") no-repeat left top; width:585px; height:600px; float:left; clear:both; margin:10px 0 0 40px;}


.vision-learn1 { float:left; width:240px; margin:55px 0 0 162px;   }

.vision-learn23 { float:left; width:220px; margin:95px 0 0 25px; padding-right:45px;   }

#main-content .vision-learn1 h5, #main-content .vision-learn23 h5 { padding-left:50px; }

#main-content ul.new-list-links { list-style: disc; color:#414141; margin-left:20px; }

#main-content ul.new-list-links a { font-size:14px; font-weight:normal; line-height:160%; }

.msed-pdf { width:200px; float:left; padding:0 0 0  10px; }


.msed-home-three-links { float:left; width:203px; border:1px solid #dadad8; margin-right:20px;  margin-bottom:20px;   }

.msed-home-three-links-right { float:right; width:203px; border:1px solid #dadad8; margin-bottom:20px;  }

.msed-home-linkcontent { float:left; clear:both; border-top:1px solid #dadad8; width:183px; padding:10px;  background:url("../images/msed/msed-home-link-back.jpg") repeat-x left top; min-height:150px; position:relative;}

.msed-home-linkcontent img { position:absolute; bottom:5px; left:4px; }

#higher-ed-homeback { float:left; clear:both; width:355px; min-height:285px; background:url("../images/msed/higher-ed-arrowbanner2.jpg") no-repeat left top;  padding:10px 15px 10px 285px; margin-top:5px; }


#grad-programs-links { border:1px solid #dadad8; min-height:271px; background-color:#e7e7e5; width:212px;  }

#grad-programs-links ul { margin:0; padding:0;  }

#grad-programs-links ul li { padding:7px 9px 6px 9px; background-color:#e7e7e5; border-bottom:1px solid#ffffff;  }

#grad-programs-links ul li a { font-weight:normal; display:block; }

#grad-programs-links ul li:hover { background-color:#c7c7c5; }

#grad-programs-links ul li:last-child { border:none; padding-bottom:7px; padding-top:7px; }



/* MSED Toggle */



.higherexp-box { border:1px solid #dadad8; padding:10px 15px 20px 10px; float:left; clear:both; background-color:#f9f9f9; width:620px; margin-bottom:30px; position:relative;   }


.toggle-contain { float:left; clear:both; width:620px; }


.toggle-plus { cursor:pointer; width:120px;   position:absolute; bottom:-16px; left:256px; background-color:#f9f9f9; border:1px solid #dadad8; font-size:14px; color:#520063; text-align:center; padding:5px;  -moz-box-shadow: 0 0 5px #bebebe; -webkit-box-shadow: 0 0 5px #bebebe; box-shadow: 0 0 5px #bebebe;}

.toggle-plus:hover { background-color:#fff; color:#812e80;  }

.contact-us-left { float:left; width:300px; padding-left:20px;  }


/* MSLOC SLIDESHOW AND NEW STYLES */


#slides {
    background: url("../images/msloc/slide-back.jpg") no-repeat;
    width:665px;
    height:260px;
    z-index:100;
    position:absolute;
    margin:-5px 0 0 -5px;
    
    
}

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/

.slides_container {
    width:665px;
    height:260px;
    overflow:hidden;
    position:relative;
    display:none;
}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/

.slides_container div.slide {
    padding:6px 0 0 6px;
    width:653px;
    height:248px;
    display:block;
}


/*
    Next/prev buttons
*/

#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:1px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:643px;
}

/*
    Pagination
*/

#main-content .pagination {
    margin:12px auto 0;
    width:100px;
}

#main-content .pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

#main-content .pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url("../images/msloc/pagination.png");
    background-position:0 0;
    float:left;
    overflow:hidden;
}

#main-content .pagination li.current a {
    background-position:0 -12px;
}

/*
    Caption
*/

.caption {
    z-index:500;
    position:absolute;
    left:0;
    margin-left:6px;
    height:53px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(16,65,113,.85);
    width:613px;
    font-size:1.0em;
    line-height:1.39;
    color:#fff;
    text-shadow:none;
}

.caption span { display:block; float:right; font-style:italic; font-size:0.9em;  }

#slide-container { float:left; clear:both; width:665px; height:290px;  }

#four-column-homelinks { float:left; clear:both; width:677px;; margin-left:-5px }


.msloc-home-four-links { float:left; width:150px; border:1px solid #dadad8; margin-right:19px;  margin-bottom:20px;  }

.msloc-home-four-links-right { float:right; width:150px; border:1px solid #dadad8; margin-right:12px;  margin-bottom:20px;  }

.msloc-home-linkcontent { float:left; clear:both; border-top:1px solid #dadad8; width:134px; padding:8px;  background:url("../images/msloc/msed-home-link-back.jpg") repeat-x left bottom; min-height:180px; position:relative;}

.msloc-home-linkcontent img { margin-left:4px;  position:absolute; bottom:5px; left:4px; opacity:1; filter:alpha(opacity=100);   }


.msloc-home-four-links h3, .msloc-home-four-links-right h3 { padding-bottom:5px; }



#knowledge-nav { list-style:none; margin:10px 0 0 -20px; padding:0; text-align:center;  
  background-color:#efeeec; width:695px; }

#knowledge-nav ul { line-height:130%; margin:0; padding:0; }

#knowledge-nav ul li { display:inline;  }

#knowledge-nav ul li.first a { border-left:1px solid #ffffff; }

#knowledge-nav ul li a { display:inline-block; font-weight:normal; padding:12px 20px 6px 20px; margin:0 0 0 -3px; min-height:40px; vertical-align: middle; border-right:1px solid #ffffff; background-color:#e0dfdd; }


#knowledge-nav ul li a:hover { background-color:#d4d3d1; text-decoration:none; }






.horizontal-divide-msloc { border-bottom:1px solid #dadad8; width:665px; float:left; clear:both; margin-bottom:10px; line-height:0; }


.knowledge-listing { width:665px; float:left; clear:both; margin:20px 0;  }

.knowledge-content { width:475px; float:right; padding-right:5px; }

#share-icons { padding-bottom:10px;  }

.toggle-plus-msloc { cursor:pointer; color:#520063; font-size:14px; padding:5px 0 10px 0; width:90px; }

.toggle-plus-msloc:hover { text-decoration:underline;  }

.contact-us-left { float:left; width:300px; padding-left:20px;  }

.category-found { clear:both; color:#520063; display:block;  }

#knowledge-disclaimer { float:left; clear:both; font-size:10px; color:#999; line-height:130%;  }


#creativecommons { float:left; clear:both; border:1px solid #dadad8; margin-bottom:10px; background-color:#f4f4f4; padding:10px; font-size:11px; line-height:140% }

#creativecommons a { font-size:11px; font-weight:normal;  }

#attribution { float:left; clear:both; margin-top:-18px; font-size:11px; color:#999999;  }

#attribution a { font-size:11px;  }

#main-content .mid-blue-contain table { border-collapse:collapse; width:655px; margin:11px 0 0 0; }

#main-content .mid-blue-contain tr.msed-fifth-list { color:#1d4049; font-size:15px; background-color:#83ced8 }

#main-content .mid-blue-contain td:first-child { border-right:4px solid #0c93b5; }

#main-content .mid-blue-contain td { padding:10px; border-top:4px solid #0c93b5; color:#326e7e; vertical-align:top; }

#main-content .mid-blue-contain tr { background-color:#d9f0f3; width:327px; }

#main-content .mid-blue-contain td ul { list-style:disc; }



/* HDSP CURRICULUM 2011 */

.course-container { float:left; clear:both; width:675px; margin-left:-20px; padding:0 0 0 20px; background-color: #E9F994;  }

.course-additional { background-color:#f3ffca; float:left; clear:both; width:655px;  padding:0 20px 10px 20px; margin-bottom:-10px; margin-left:-20px;    }

.trigger-hdsp  { cursor:pointer; width:620px; font-size:18px; color:#520063; background-color: #E9F994; margin-left:-20px; padding:10px 20px 10px 55px; margin-bottom:-10px; background:url("../images/hdsp/plus-minus-toggle.png") no-repeat; }

.trigger-hdsp.active { background-position: left bottom; display:block; }

.trigger-hdsp:hover { background-color:#f3ffca;  }

.toggle-container-hdsp { float:left; clear:both; width:655px; margin-left:-20px; padding:0 20px 0 20px;  }

.course-group { background-color: #f3ffca; width:655px;  padding: 10px 20px 10px 20px; margin-bottom:20px; margin-left:-20px;  }

.course-group-two { background-color: #f3ffca; width:655px;  margin-left:-20px; padding: 10px 20px 10px 20px; margin-bottom:-10px;  }


/* ----------UNDERGRADUATE STYLES---------- */


.ugrad-home-two { float:left; width:310px; border:1px solid #dadad8;  margin-bottom:25px;   }

.ugrad-home-two-right {  float:right; width:310px; border:1px solid #dadad8; margin-bottom:25px;    }

.ugrad-home-two-content { float:left; clear:both; border-top:1px solid #dadad8; width:290px; padding:10px;  background:url("../images/msed/msed-home-link-back.jpg") repeat-x left top; min-height:100px; position:relative; }



.info-session-headcopy { float:left; width:320px; }


.which-concentrate img { float:left; width:52px; padding:0 10px 10px 0; }


.which-concentrate { background:url("../images/ugrad/which-concentration-back.png") no-repeat bottom; background-color:#eeeeee; width:655px; float:left; border-top:1px solid #dadad8; border-bottom:1px solid #dadad8; padding:12px 20px; margin:0 0 20px -20px;}


.ugrad-experience { float:left; width:203px; border:1px solid #dadad8; margin-right:20px;  margin-bottom:20px;  }


.ugrad-experience h5, .ugrad-experience-right h5 { text-align:center;  }

.ugrad-experience-right { float:right; width:203px; border:1px solid #dadad8; margin-bottom:20px;  }

.ugrad-experience img, .ugrad-experience-right img { margin:8px;  }

.ugrad-experience-content { float:left; clear:both; border-top:1px solid #dadad8; width:183px; padding:10px;  background:url("../images/msed/msed-home-link-back.jpg") repeat-x left top; min-height:100px; position:relative; }


#main-content ul.pdf-icon { list-style-image: url("../images/ugrad/pdficon_small.png"); margin-left:35px;}

#main-content ul.pdf-icon li { line-height:230%; } 

#main-content ul.pdf-icon li a { font-weight:normal; font-size:14px  }


.curriculum-down { background:url("../images/ugrad/download-curic-back.png") no-repeat bottom; background-color:#eeeeee; width:655px; float:left; border-top:1px solid #dadad8; border-bottom:1px solid #dadad8; padding:12px 20px; margin:0 0 20px -20px;}


.study-abroad-link { background:url("../images/ugrad/study-abroad-back.png") no-repeat bottom; background-color:#eeeeee; width:655px; float:left; border-top:1px solid #dadad8; border-bottom:1px solid #dadad8; padding:12px 20px; margin:15px 0 20px -20px;}

#main-content .study-abroad-link p { width:445px;  }

#main-content ul.course-list-nback { padding-bottom:15px; list-style:none; }

#main-content ul.course-list-nback li { padding:0 0 0 60px;}


table.ugrad-events {   border-collapse:collapse; background-color: #fff; margin-bottom: 2em; text-align:left; float:left; clear:both; width:100%;  }

tr.ugrad-eventdetails { border-top:1px solid #ececea; border-bottom:1px solid #ececea;  }

tr.ugrad-eventdetails td { padding:10px;  }

tr.ugrad-eventdetails td.ugrad-eventdate { color:#8f8f8e; font-size:16px; border-right:1px solid #ececea; width:200px; }

tr.ugrad-eventdetails td span { font-size:14px; }


table.ugrad-deadlines {   border-collapse:collapse; background-color: #fff; margin-bottom: 2em; text-align:left; float:left; clear:both; width:100%;  }

tr.ugrad-deaddetails { border-top:1px solid #ececea; border-bottom:1px solid #ececea;  }

tr.ugrad-deaddetails td { padding:10px 20px 10px 10px;   }


tr.ugrad-deaddetails td.ugrad-deadname { font-size:14px; color:#520063;  border-right:1px solid #ececea; width:460px; }


#main-content .more-button a { display:block; float:left; width:100px; padding:3px 10px; border:1px solid #dadad8; background-color:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; margin-bottom:5px; margin-left:270px;  } 

#main-content .more-button a:hover { background-color:#fff;  }

.announce-description { display:none;  }


