/* Developed by Rajeev Raghavan - 12/8/08 */

/* Title Style */
.list_title {font-weight: 900;}

/* Standard Elements */
h6 {margin-top: 15px; margin-bottom: 15px;}

/* Page Elements */
body {text-align: center; margin: 0px; padding: 0px;}
#buffer {margin: 0px auto; width: 887px; background: url(/vgn-ext-templating/resources/images/shadows.png) repeat-y;}
#wrapper {margin: 0px auto; padding: 0px; width: 787px; border: 5px #fff solid; border-bottom: 0px; border-top: 0px;}
br.left {clear: left;}
br.right {clear: right;}
br.clear {clear: both;}

/* Header Elements */
#header {text-align: left; position: relative;}
#header a#link {position: absolute; top: 0px; left: 0px;}
#header a#link span {display: none;}
#header a#umlink {visibility: hidden; position: absolute; top: 0px; left: 535px;}
#header a#umlink span {display: none;}
#header a#lsalink {visibility: hidden; position: absolute; top: 0px; left: 100px; width: 66px;}
#header a#lsalink span {display: none;}

/* Search Form Elements */
#header form {position: relative; margin: 0px; position: absolute; top: 23px; right: 0px;}
#searchbox {margin-left: 0px; padding: 0px; width: 209px; height: 23px; border: 0px; text-align: left;}
#searchbox input {margin: 0px;}
#searchbox #search {position: relative; width: 162px; padding: 4px;}
#searchbox #search:focus {outline: none;}
#searchbox #searchbtn {padding: 0px; margin-left: 5px;}
#searchbox #search_suggestions {display: none; width: 159px; margin: 0em; padding: .5em 0em .5em 1em; list-style-type: none; position: absolute; left: 0px; top: 22px; z-index: 25;}
/* Safari only hack for the width */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#searchbox #search_suggestions {width: 160px;}
}
#searchbox #search_suggestions li {padding: .25em 0em;}

/* Carousel Code (Home Page) */
.overflowprotect{height: 304px; width: 571px; overflow: hidden;}

/* Navigation Elements */
#nav {white-space: nowrap; width: 767px; height: 36pxa; text-align: left; margin: 0px; padding: 0px 10px; list-style-type: none;}
#nav li {display: inline-block; position: relative; padding: 11px 5px 9px 2px; text-transform: uppercase;}
#nav li .selected {color: #fff;}
#nav li ul {display: none; list-style-type: none; width: auto; min-width: 150px; position: absolute; left: 0px; padding: 8px 10px; margin: 0px; margin-top: 9px; text-align: left; z-index: 202; -webkit-box-shadow: 0px 4px 8px #343434; -moz-box-shadow: 0px 4px 8px #343434; box-shadow: 0px 4px 8px #343434;}
#nav li:hover ul {display: block;}
#nav li ul li {display: block; text-transform: none; padding: 6px 0px;}

/*Added by Ramya - Start*/
#nav li:hover ul li .selected {color: #fff;}
#nav li:hover ul li ul {display: none; left:150px; top: -10px; min-width: 140px;}
#nav li:hover ul li:hover ul {display: block; }
#nav li:hover ul li:hover ul li ul{display: none; left:150px; top: -10px; min-width: 140px;}
#nav li:hover ul li:hover ul li:hover ul{display: block; }
/*Added by Ramya - End*/

/* Content Container Elements */
#content {text-align: left; padding: 0px; height: auto; overflow: hidden;}
#content #left {float: left; width: 571px; min-height: 730px; padding-bottom: 1em; }
#content #right {margin-left: 576px;}
#content #contentmain {padding: 0em 1.5em;}
#content #contentmain p a.arrow, #content #contentmain h1 a.arrow, #content #contentmain h2 a.arrow, #content #contentmain h3 a.arrow, #content #contentmain h4 a.arrow, #content #contentmain h5 a.arrow, #content #contentmain h6 a.arrow {background: url(/vgn-ext-templating/sites/soc/images/arrow.gif) no-repeat left 80%; padding-left: 1.5em; padding-right: .75em; display: inline-block; height: 9px;}
#content #col1.homecol p a.arrow, #content #col2.homecol p a.arrow {background: url(/vgn-ext-templating/sites/soc/images/arrow.gif) 0 0 no-repeat; padding-left: 1.5em; padding-right: .75em; display: inline-block; width: 14px; height: 13px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content #contentmain p a.arrow, #content #contentmain h1 a.arrow, #content #contentmain h2 a.arrow, #content #contentmain h3 a.arrow, #content #contentmain h4 a.arrow, #content #contentmain h5 a.arrow, #content #contentmain h6 a.arrow {margin-bottom: 4px;}
}

/* Left Container Elements */
#left div#frontimage {position: relative;}
#left #col1 {float: left;}
#left #col2 {margin-left: 230px;}
#left.equal #col2 {margin-left: 280px;}
#left #contentmain #col1 {float: left; width: 250px; margin-right: 20px; }
#left #contentmain #col2 { float: left; width: 250px; margin-left: 0; }
#left #col2 h6{margin-bottom: 0 !important;}
#left .col {width: 255px;}
#left #contentmain #col_l_l {float: left; margin-top: -12px; width: 320px; margin-right: 20px; }
#left #contentmain #col_s_r {float: left; margin-top: -12px; width: 179px; margin-left: 0; }
#left #contentmain #col_l_r {float: left; margin-top: -12px; width: 320px; margin-left: 0; }
#left #contentmain #col_s_l {float: left; margin-top: -12px; width: 179px; margin-right: 20px; }
#row + #col1 img {margin: 0 !important;}

/* Left Content Elements */
#left hr {border: 0px;}
#left hr.short {width: 30%; text-align: left; border: 0px;}
#content #left #contentmain h3 + p, #content #left #contentmain h6 + p {margin: 1em 0;}
#left p {color: #494949; font-family: Helvetica, Arial, sans-serif !important;}
/* Home Page Title Alignment and Text and Image Alignment */
#site-title + #col1 > p, #site-title + #col1 + #col2 > p, #site-title + #col1 h2, #site-title + #col1 h3{margin-top:0 !important;}
#left #col2.homecol img {padding: 0; margin: 0;}
#left #col1.homecol img {padding: 0; margin: 1.1em .75em .5em 0;}
#left #col2 img {margin-left: 0;}
#left #col2.homecol a img#giving-button {margin-bottom: 30px !important; margin-top: 19px !important;}
#left .homecol#col2 a img{display:block !important; margin:0 auto !important;}
#left #col1.homecol h2, #left #col1.homecol h3, #left #col1.homecol h4, #left #col1.homecol h5, #left #col1.homecol h6, #left #col2.homecol h2, #left #col2.homecol h3, #left #col2.homecol h4, #left #col2.homecol h5, #left #col2.homecol h6 {margin-bottom: 0 !important;}

/* Vignette Tweaks */
#left .homecol span.vignette a {width:15px; height:15px; display:inline-block; }
#left .homecol span.vignette img{display:inline-block !important; margin:0 !important; }
#left h4, #left h5 {letter-spacing: normal !important;}
#left h3 {padding-bottom: 0.5em;}


/* Content Style - Images */

#left span.vignette img {padding: 0em; margin: 0em;}
#left img {padding: .25em; margin: 1.1em .75em .5em .75em;}
#left img.left {float: left; margin-left: 0em; margin-right: 0.5em !important; margin-top: 1em !important;}
#left img.peopleImg[width="57px"] {float: left; margin:1em 1em 1em 0;}
#left img.right {float: right; margin-right: 0em; margin-left: 0.5em !important;}
#left img.banner {margin: 0em; padding: 0em; border: 0px;}
#left img.gallery {margin-left: 0em;}
#left div.hide {display: none;}
#left blockquote img {margin-left: 0; border: none !important;}

/* Content Style - Images - Lightbox - Slimbox 2 */
#lbOverlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer {	position: absolute;	overflow: hidden;	background-color: #fff;}
.lbLoading{background: #fff url(/vgn-ext-templating/resources/images/loading.gif) no-repeat center;}
#lbImage { position: absolute; left: 0; top: 0;	border: 10px solid #fff; background-repeat: no-repeat;z-index: 400;}
#lbPrevLink, #lbNextLink {display: block;	position: absolute;	top: 0;	width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(/vgn-ext-templating/resources/images/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(/vgn-ext-templating/resources/images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size: 10px; color: #666; line-height: 1.4em;	text-align: left;	border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block;	float: right;	width: 66px; height: 22px;	background: transparent url(/vgn-ext-templating/resources/images/closelabel.gif) no-repeat center;	margin: 5px 0; outline: none;}
#lbCaption, #lbNumber{margin-right: 71px;}
#lbCaption {font-weight: bold;}

/* Content Style - Images with gradient caption */
#left div.imgcaption {margin: 0px 10px 0px -4px;}
#left div.imgcaption img {border: 0px none; margin: 0;}
#left div.imgcaption_description p {background-position: 0 -40px !important; font-size: 8pt; line-height: 1.5em; margin: -7px -4px 10px 4px; min-height: 20px; padding: 3px 4px 0px;}
#left div.float_left {float: left; margin: 0px 22px 0px -4px;}
#left div.float_right {float: right; margin: 0px 0px 0px 10px ! important;}
#left ul.event_detail div.imgcaption_description p {margin-left: 3px; margin-right: -4px;}
#left ul.event_detail div.float_left {margin-left: -109px;}
#left h6 + .imgcaption {margin-top: 15px !important;}

/* Content Style - Forms */
#left form {margin: 0px; padding: 0px;}
#left fieldset {position: relative; margin: 1em 0em; border: 0px; padding: 0px;}
#left fieldset legend {margin-left: 1.75em; padding-left: 0em;}
#left fieldset ul {list-style-type: none; margin: .5em 0em; padding: 0px; line-height: 1.25em;}
#left fieldset ul li {padding: .65em 0em;}
#left fieldset label {display: -moz-inline-box; display: inline-block; width: 100px; height: auto; vertical-align: top;}
#left fieldset label.checkbox {width: 280px;}
#left fieldset label.hint {position: absolute; left: 330px; width: 100px; padding: 1px 12px 1px 12px;}
#left fieldset label span.block {display: block; width: 100px; margin-top: -3px;}
#left fieldset label span.check_block {display: block; width: 280px; margin-top: -3px;}
#left fieldset input {padding: 2px; width: 200px; font-family: Verdana, sans-serif !important; padding: 4px !important;}
#left fieldset input.checkbox {width: 20px; margin: 0px 3px; border: 0px;}
#left fieldset textarea {padding: 2px; width: 200px; height: 60px;}
#left fieldset div#buttons {text-align: right; margin-right: 4.25em; margin-top: .75em;}
#left fieldset input#submit {cursor: pointer; width: 80px; margin: .25em 1em; padding: 4px;}
#left fieldset input#reset {cursor: pointer; width: 80px; margin: .25em 1em; padding: 4px;}

/* Content Specific Elements - Expandable DIV */
#left div.expand {padding-bottom: .25em;}
#left h3.expand_toggle {position: relative; cursor: pointer; padding-right: .25em; margin: 1.5em 0px 0.5em;}
#left h3.expand_toggle a span {display: block; position: absolute; top: -3px; right: 0px; padding-top: .25em;}

/* Content Specific Elements - Accordion */
#left div.slide {margin-left: 2em; margin-top: 0em;}
#left div.slide h2 {margin-bottom: 0em;}
#left div.slide h2 + ul {margin-top: 1.5em;}
#left div.slide ul li {margin-bottom: 0em;}
#left h3.ui-accordion-header {height: 45px; cursor: pointer; padding: 1em 0em 0em 62px; margin-left: -.5em; margin-bottom: 0px !important;}
#left h3.ui-accordion-header em {display: block; padding-top: .1em; margin-bottom: 0em; padding-bottom: 0em; width: 405px; height: 16px; overflow: hidden;}

/* Content Specific Elements - Header */
#left div#contentheader {min-height: 100px; margin-left: 0em; margin-top: -4px; padding-top: .75em;}
#left div#contentheader h3#breadcrumb {padding: 0em 0em .25em 1em; margin-bottom: .75em; margin-top: 1em;}
#left div#contentheader h1 {margin: 0em .75em; padding: 0em 0em .5em 0em; width: 530px;}
#left div#contentheader h1.news span {display: inline;}
#left div#contentheader h2 {margin: 1em 1.5em .5em 1.5em;}

/* Content Specific Elements - Events */
/* Content Specific Elements - Events Listing */
#left ul.events {width: 280px; margin-top: 2em; padding-right: .5em; list-style-type: none; padding-left: 0em;}
#left ul.events li {margin-bottom: 1em;}
#left ul.events h2, #left ul.events h2 a {margin-top: 13px; margin-bottom: 0em;}
#left ul.events p {margin-top: 0em;}
#left ul.events p a.arrow {padding-top: 5px; padding-left: 18px; display: block;}
#left ul.events hr {width: 18%; text-align: left; margin: 1em auto 0 0;}
#left #exhibits_list {margin-top: 1em; width: 166px !important; background: #F0F3E4; padding: .5em; }
#left #exhibits_list h2 a {margin-top: 0; font-weight: normal; font-size: 9.5pt;}

/* Content Specific Elements - Events Calendar */
#eventsform {margin-top: 15px;}
#eventsform #calendar {width: 179px; height: 149px; line-height: 0;}
#eventsform #calendar caption {width: 179px; padding: .5em 0px; line-height: 1em;}
#eventsform #calendar caption .month {padding: 0em 3.8em;}
#eventsform #calendar caption .month a {text-decoration: underline !important;}
#eventsform #calendar caption .month a:hover {text-decoration: none !important;}
#eventsform #calendar caption a.larrow {display: inline-block; width: 13px; height: 9px;}
#eventsform #calendar caption a.larrow span {display: none;}
#eventsform #calendar caption a.rarrow {display: inline-block; width: 13px; height: 9px;}
#eventsform #calendar caption a.rarrow span {display: none;}
#eventsform #calendar tbody {width: 179px;}
#eventsform #calendar tr {width: 179px; height: 25px;}
#eventsform #calendar tr th {text-align: center;}
#eventsform #calendar tr td {text-align: center; line-height: 1em;}
div.tip {height: 14px; width: 30px; padding: 5px 4px; margin: 0px; margin-left: -55px; margin-top: -17px;}
div.tip a {text-decoration: underline !important;}
div.tip a:hover {text-decoration: none !important;}
#calendaroptions {width: 177px; height: 25px; padding-top: 4px; padding-bottom: 2px;}
/* Safari only hack for the width */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#calendaroptions {width: 179px;}
}
#calendaroptions a img {margin: 0px !important; border: 0px !important; padding: 0px !important;}

/* Content Specific Elements - Month Calendar */
#month_calendar {width: 100%; height: 100%;}
#month_calendar caption {width: 100%; padding: .5em 0px; text-align: center;}
#month_calendar tr {height: 100%;}
#month_calendar tr th {text-align: center;}
#month_calendar tr td {text-align: center;}

/* Content Specific Elements - Events Form */
#eventsform {float: right; width: 179px; display: block; position: relative; }
#wCalendar { width: 179px; display: block; position: relative; }
#eventsform form#eventssearch {width: 179px; margin: 25px 0px; padding: 0px; text-align: left; position: relative;}
#eventsform form#eventssearch #events_searchfield {width: 169px; display: block; padding: 4px; margin-bottom: .5em;}
#eventsform form#eventssearch .searchbtn {position: relative; cursor: pointer; width: 30px;}
#eventsform form#eventssearch .resetbtn { width: 50px !important; margin-right: 5px; }
#eventsform form#eventssearch .searchdate {padding: 4px; margin: 0px; margin-bottom: .4em; width: 74px;}
#eventsform form#eventssearch span.space {padding: 0px; margin: 0em; margin-left: 3px;}
/* Safari only hack for the width */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#eventsform form#eventssearch span.space {margin-left: 4px;}
}
#eventsform form#eventssearch button.calendar {height: 1px; width: 1px; background: url(/vgn-ext-templating/resources/images/transparent.gif); border: 0px; margin-left: -15px;}
#eventsform form#eventssearch #department, #eventsform form#eventssearch #tags {width: 144px; padding: 3px; margin-bottom: 0.45em;}

/* Content Specific Elements - Events Detail */
#left div#eventdate {width: 93px; height: 81px; margin: .4em 1em .1em 0em; float: left; padding-top: .5em;}
#left div#eventdate a {display: block; margin-top: 1em; padding: 3px 0px; font-size: 9pt;}
#left div#eventdate a:hover {text-decoration: none;}
#left div#eventdate a img {margin: 0px !important; border: 0px !important; padding: 0px !important; padding-right: 5px !important; vertical-align: -25%;}
#left ul.event_detail {margin-top: .9em; margin-left: 70px; margin-right: 1em; list-style-type: none;}
#left ul.event_detail li {word-wrap: break-word; overflow: visible;}
#left ul.event_detail li ul {margin: 1em 1em 1em 60px; padding-left: 0em;}

/* Content Specific Elements - News */
/* Content Specific Elements - News Listing */
#left ul.news {width: 420px; margin-top: 2em; margin-left: 105px; padding-right: .5em; list-style-type: none; padding-left: 0em;}
#left ul.news_search {width: 420px; margin-top: 2em; margin-left: 105px; padding-right: .5em; list-style-type: none; padding-left: 0em;}
#left ul.news li, #left ul.news_search li {margin-bottom: 1em;}
#left ul.news li.selected_time, #left ul.news li.selected_time_first, #left ul.news_search li.selected_time, #left ul.news_search li.selected_time_first  {float: left; width: 93px; height: 80px; margin-left: -105px; margin-top: 4px; text-align: center;}
#left ul.news li.selected_time h3, #left ul.news li.selected_time_first h3, #left ul.news_search li.selected_time h3, #left ul.news_search li.selected_time_first h3  {margin-top: .7em;}
#left ul.news li.selected_time + li, #left ul.news_search li.selected_time + li {margin-top: 50px;}
#left ul.news li.selected_time, #left ul.news_search li.selected_time {margin-top: 40px !important;}
#left ul.news h2, #left ul.news h2 a, #left ul.news_search h2, #left ul.news_search h2 a {margin-top: 13px; margin-bottom: 0em; line-height: 1.2em; }
#left ul.news p, #left ul.news_search p {margin-top: 0em;}
#left ul.news_search p a.arrow {padding-top: 5px; padding-left: 18px; display: block;}
#left ul.news hr, #left ul.news_search hr {width: 18%; text-align: left; margin: 1em auto 0 0;}

/* Content Specific Elements - News Form */
form#newssearch {width: 530px; margin: -.5em 0px 0px -.3em; padding: 0px; text-align: right; position: relative;}
form#newssearch #news_searchfield {width: 308px; padding: 4px; padding-left: 0px;}
form#newssearch #news_searchbtn {position: relative; cursor: pointer; width: 30px; text-align: center;}
form#newssearch .searchdate {padding: 4px; margin: 0px; margin-bottom: .4em; width: 74px;}
form#newssearch span.space {padding: 0px; margin: 0em; margin-left: 4px;}
form#newssearch button.calendar {height: 1px; width: 1px; background: url(/vgn-ext-templating/resources/images/transparent.gif); border: 0px; margin-left: -15px;}
form#newssearch #department {width: 144px; padding: 3px; margin-top: 5px; }
form#newssearch #topic {width: 160px; padding: 3px; margin-top: 5px; }

/* Content Specific Elements - News Detail */
p#meta {margin-top: 0em;}

/* Content Specific Elements - Events & News Form Calendar */
div.calendar {height:185px; padding:0px 21px 20px 21px; text-align:center; width:147px;}
div.calendar * {margin:0px; padding:0px;}
div.calendar div {height:185px; overflow:hidden; margin-top:-10px; padding-top:10px; position:relative; width:147px;}
div.calendar caption {padding-top:3px; padding-bottom:1px; text-align:center; width:100%;}
div.calendar caption a {cursor:pointer; display:block; height:12px; overflow:hidden; position:absolute; text-indent:-100px; top:17px; width:11px;}
div.calendar caption a.prev {left:5px;}
div.calendar caption a.next {right:2px;}
div.calendar caption span {height:25px; position:relative; text-align:center;}
div.calendar caption span.month {padding-right:8px;}
div.calendar caption span.month:after {content:',';}
div.calendar table {cursor:default; margin:0 auto; overflow:hidden; width:147px;}
div.calendar th {height:15px; text-align:center; width:21px;}
div.calendar td {height:18px; text-align:center; width:21px;}
div.calendar td.invalid {display: none;}
div.calendar td.valid {cursor:pointer;}
div.calendar td.today, div.calendar td.active, div.calendar td.hover {cursor:pointer;}
#eventsform #calendar caption, #eventsform #calendar { position:relative; }
/*#eventsform #calendar caption { display:block; }
#eventsform #calendar td { width: 179px; }
#eventsform #calendar td { width: 35px; }*/
#eventsform #calendar caption a#prev {cursor:pointer; display:block; height:12px; overflow:hidden; position:absolute; text-indent:-100px; top:8px; width:11px; left:5px; font-size:14px;}
#eventsform #calendar caption a#next {cursor:pointer; display:block; height:12px; overflow:hidden; position:absolute; text-indent:-100px; top:8px; width:14px; right:5px; font-size:14px;}

/* Content Specific Elements - People */
/* Content Specific Elements - People Listing */
#left ul.people {margin-top: 2em; margin-right: 0em; padding: 0px; list-style-type: none;}
#left ul.people li {padding: 0px; margin-left: 70px; margin-bottom: 1.5em; min-height: 69px; }
#left ul.people li img.peopleImg {margin:0 0 0 -70px !important; padding: 0px; border: 0px; float: left;}
#left ul.people li h2 {margin-bottom: 0;}
#left ul.people li h3 {margin:.5em 0 0 0; clear: none !important; line-height: 1.3em !important;}
#left ul.people li h3 span {display: inline-block !important; width: 250px; vertical-align: top; line-height: 1.3em !important; margin: 0;}
#left ul.people li h3 span.title {width: 351px;}
#left ul.people li h3 span.location {width: 100px;}
#left ul.people li h3 span.dept {width: 150px;}
#left ul.people li h3 span.contact {width: 300px; line-height: 1.3em !important; min-height: 15px;}
#left ul.people li h3 span.contact a {line-height: 1.3em !important; }
#left ul.people hr {width: 100%; text-align: left; margin: .5em auto 0 0;}
#left p.titlLnk {margin:1em 0 -0.5em 0; }

/* Content Specific Elements - People Search */
#left form#peoplesearch {margin: -.75em 0em 0em 0em; padding: 0px; text-align: right;}
#left form#peoplesearch fieldset {border: 0px; margin-top: 30px;}
#left form#peoplesearch #search {width: 150px;}
#left form#peoplesearch .searchbtn {cursor: pointer; position: relative; width: 30px;}
#left form#peoplesearch select {padding: 3px; width: 150px;}

/* Content Specific Elements - People Detail */
#left div.people_image {margin: 0em; float: left; width: 165px;}
#left div.people_image img {padding: 0em; margin: 0em; border: 0px;}
#left div.people_image p {min-height: 80px; margin: -3px 0 0; padding: .5em 0em 0em .5em; width: auto;}
#left div.people_image span {display: block; margin-bottom: .5em;}
#left div#contact {margin-left: 200px; position: relative;}
#left h3 .contact a {font-family: Helvetica, Arial, sans-serif !important; font-size: 9pt !important; line-height: 2em; font-weight: normal; }
#left ul.people_detail {clear: left; list-style-type: none; margin-left: 0em; padding-left: 0em; padding-top: 2.5em;}
#left ul.people_detail li h6 {margin-top: 0em;}
#left ul.people_detail li ul {margin-bottom: 1em; margin-top: .7em;}
#left #contentmain ul.people_detail li p {margin: .7em 0 1em 0 !important;}

/* Content Specific Elements - Publications */
#contentmain #col1.aligned {margin-top: -12px;}
#contentmain #col2 div.box {border: 1px solid #B8B8B7; padding: 5px; margin: 0; min-height: 250px; width: 198px;}
#contentmain #col2 div.box p {margin-top: 0;}
#contentmain div.box {border: 1px solid #B8B8B7; padding: 5px; margin: 0; min-height: 250px; width: 500px;}
#contentmain div.box p {margin-top: 0;}
#contentmain div.publication {margin: 0 15px 0 5px; float: right;}
#contentmain div.publication P {text-align: center; margin: 0; font-weight: bold; font-size: 10.5pt;}
#left div.publication .caption {text-align: center; margin: 0; font-weight: bold; font-size: 10pt;}
div.publication_list {margin-top:-10px;}
div.publication_list img, .opportunity_list img {position: relative; margin-left: -5px !important; margin-top: 0.8em !important; top: -20px; border: none !important; float: left; width: 110px; }
div.publication_list p, div.publication_list h2 {padding-left: 125px;}
#contentmain div.publication img {width: 165px; height: 247px; margin-top: 46px;}
#left h1.subtitle {font-family: Times,serif; font-size: 16pt !important; font-weight: normal; letter-spacing: 3px;}
#left #pagetitle, #pagetitle p, #left #pagetitle a {font-family: Helvetica,Arial,sans-serif !important; font-weight: bold !important; font-size:10.5pt; line-height: auto;}
#left #contentmain #col2.publications {text-align:left; float: left; margin-left: 26px; width: 200px;}
#left #contentmain #col1.publications {width: 275px; clear: right;}

/* Content Specific Elements - Publications Index */
#left ul.publications {padding: 0px; list-style-type: none;}
#left ul.publications li {margin-left: 70px; margin-bottom: 36px;}
#left ul.publications li img.publicationsImg {margin:0 0 0 -70px !important; padding: 0px; border: 0px; float: left;}
#left ul.publications li h2 {margin-bottom: -0.5em; padding-left: 56px;}
#left ul.publications li h2 a {font-weight: bold;}
#left ul.publications li p {padding-left: 56px;}

/* Content Specific Elements - Video */
#left .videolink{height: 21px; margin-bottom: 0 !important;}
#left .videolink a span{display: block; height: 16px; float: left; margin: -1px 0 0 0 !important; padding-top: 2px;}
#left p.videolink a span{display: block; height: 18px; float: left; margin: -3px 0 0 0 !important; padding-top: 0;}
#left .videolink a img.videoicon{width: 20px; height: 20px; background: #164466; padding: 0; border: 0 !important; margin: 0 0 0 .5em; float: left; display: block;}
a.player {clear: both; border: 1px solid #B8B8B7; margin: 1.1em 0 0.5em; padding: 0.25em; display: block; width: 528px !important; height: 396px;}
a.player img {margin-top: 70px;	border: 0px;}
a.player:hover {border: 1px solid #000;}
/* player container */
div.player {height: 396px; width: 528px; border: 2px solid #fff; outline: 1px solid #333; -moz-outline-radius: 4px; cursor: pointer; float: left; text-align: center; margin-right: 15px;}
/* play button */
div.player img {margin-top: 67px;}
/* info area */
div.player div.info {height: 40px;	background: #000 url(/vgn-ext-templating/resources/images/h80.png) repeat-x; opacity: 0.7; color: #fff;	margin-top: 5px !important; text-align: left; padding: 5px 15px; font-family: "bitstream vera sans","trebuchet ms"; font-size: 12px; border-top: 1px solid #ccc;}
/* duration data inside info area */
div.player div.info span {color: #99FF99; display: block; font-weight: bold;}


/* Content Specific Elements - Site Map */
#left ul#sitemap {list-style-type: none; margin-left: 0px; padding-left: 0px;}

/* Specific Content Elements */
#left p.desc {margin-top: .10em;}
#left img.cal {float: left; padding-left: .9em; padding-right: .5em;}
#left div.caption_image {background: url(/vgn-ext-templating/resources/images/image_caption.jpg) repeat-x bottom left; margin: 1.25em 1em;}
#left div.caption_image_left {background: url(/vgn-ext-templating/resources/images/image_caption.jpg) repeat-x bottom left; margin: 1em 1.25em; float: left;}
#left div.caption_image_right {background: url(/vgn-ext-templating/resources/images/image_caption.jpg) repeat-x bottom left; margin: 1.25em 1em; float: right;}
#left div.caption_image img, #left div.caption_image_left img, #left div.caption_image_right img {padding: 0em; margin: 0em;}
#left div.caption_image p, #left div.caption_image_left p, #left div.caption_image_right p {color: #ae4242; margin: .5em 0em 0em .5em; padding: 0em; line-height: 1.5em;}
#left ul.deptlist {float: left; width: 250px; font-family: Arial, sans-serif; font-size:9pt; margin-top: 1em; margin-left: 0em; padding-left: 0px; margin-right: 0em; line-height: 1em; list-style-type: none;}
#left ul.deptlist li {font-family: Arial, sans-serif; font-size: 20pt; color: #e17219; margin-bottom: 0em; margin-top: 2em; font-weight: normal; margin-left: -3px; text-transform: none;}
#left ul.deptlist li a {text-decoration: none; color: #e17219;}
#left ul.deptlist li a:hover {text-decoration: underline; color: #e17219;}
#left ul.deptlist li ul {list-style-type: none; font-size: 10pt; margin-left: 3.5em; padding-left: 0em; margin-top: -1.7em;}
#left ul.deptlist li ul li {margin-bottom: 1em; line-height: 1.2em; font-weight: normal; font-size: 10pt; margin-top: 0em; color: #494949;}
#left ul.deptlist li ul li a {font-weight: normal; text-decoration: none; color: #448CC0;}
#left ul.deptlist li ul li a:hover {text-decoration: underline; color: #494949;}

/* Sidebar Elements */
#right h1 {margin: 1em .75em 0px .75em; padding: 5px 0px; position: relative;}
#right h1#first {margin-top: 4px; clear: none;}
#right ul {list-style-type: none; margin: 9px 0px; padding-left: 0px; width: 200px;}
#right ul li {margin-bottom: .5em; padding-left: 10px;}
#right ul.news li, #right ul.events li {margin-bottom: 1.25em;}
#right ul li em {display: block; padding-top: .25em;}
#right li.selected {padding-left: 5px;}
#right ul li ul {width: auto; margin-bottom: 0px; margin-top: 5px; margin-left: -5px; margin-right: -10px; padding-top: 3px; padding-bottom: 3px;}
#right ul li ul li {padding-top: .25em; padding-bottom: .25em; margin-bottom: 0em; padding-left: 5px;}
#right ul li ul li ul {width: auto; margin-bottom: -5px; margin-top: 0px; margin-left: 22px; margin-right: 0px; list-style-type: circle;}
#right ul li ul li ul li {padding-left: 0px;}
#right a.archive {margin-left: 100px !important;}


/* Footer Elements */
#footer {clear: both; margin: 0px auto 0px auto; padding: .5em 50px 90px; width: 787px; height: 60px; text-align: left;}
#footer p {margin-right: 45px; float: left; width: 150px;}
#footer p#logos {margin-right: 0px; float: none; clear: left; width: auto;}
#footer p#ftr-contact {margin-right: 10px; float: left; width: 185px;}
#footer a {color: #9b9b9b; text-decoration: none;}
#footer a:hover {color: #9b9b9b; text-decoration: underline;}
#footer a img {border: 0px;}

/* Four Button Category Rollovers */
.fourbutton {margin: 0px 0px 0px -70px !important; list-style-type: none; height: 150px;}
.fourbutton li {float: left;}
.fourbutton li a {width: 140px; height: 150px; display: block; padding: 0px 2px;}
.fourbutton li a span {display: none;}

/* Wide Format */
.wide {margin: 0px 0px 0px -25px !important; padding: 0px !important; width: 571px !important;}
.wide img {margin: 0px 0px 0px 0px !important; padding: 0px !important; width: 571px !important; border-style: none !important;}
.fourbutton {width: 600px !important; clear: both;}

/* Accessibility */
.obscure {position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */; clip: rect(1px, 1px, 1px, 1px);}

/*Rounded corners on LSA Today*/
#right_col #soc_media {height: 39px !important; width: 173px !important; background-position-x: 2px !important; background-position-y: -1px !important; border: 0px !important; background: url("/vgn-ext-templating/sites/lsa/images/cnr_soc_media_bg_curved.png") no-repeat !important;}
#right_col #soc_media img {margin-top: 3px !important;}
.chat-bubble-text#tweet {background: url("/vgn-ext-templating/sites/lsa/images/cnr_blue_bg_curved.png") no-repeat !important; border: 0 !important;}
div#facebook {width: 237px; background: url("/vgn-ext-templating/sites/lsa/images/cnr_white_bg_curved.png") no-repeat !important; border: 0 !important; outline: 0px !important;}
#left_col #soc_media {height: 32px; background: url("/vgn-ext-templating/sites/lsa/images/cnr_blue_detail_bg_curved.png") no-repeat !important; border: 0 !important;}
#right_col.archives #mag .chat-bubble-text {background: url("/vgn-ext-templating/sites/lsa/images/cnr_mag_curved.png") no-repeat !important; border: 0 !important; margin-top: 0px; background-position-y: -11px !important;}
#more_lsa #right #indepth-left .chat-bubble-text {background: url("/vgn-ext-templating/sites/lsa/images/cnr_mag_curved.png") no-repeat !important; border: 0 !important; background-position-y: -15px;}
div#facebook_bottom {margin-top: -20px;}
div#tweet_bottom img, div#facebook_bottom img {display: block !important;}
div#facebook .facebookfeed {background-color: transparent !important;}
#more_lsa #right #indepth-left .chat-bubble-text {height: 60px; margin-top: 0; background-position-y: -11px !important;}
#more_lsa #right #indepth-left .chat-bubble-text p {margin-top: 15px !important;}
/* Safari only hack for the rounded corners */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#more_lsa #right #indepth-left .chat-bubble-text {background-position-y: 0px !important;}
#right_col.archives #mag .chat-bubble-text {background-position-y: 0px !important;}
}

/*Program Rank Badge*/
#rankbadge {text-align: center;  padding-top: 8px; height: 65px}
#col2 #rankbadge p {color:#fff !important; position: relative; top: -124px; margin-right: 125px; font-size: 32pt !important; font-family: Georgia, "Times New Roman", Times, serif !important; z-index: 1;}

/*Table Variations*/

/*All Tables*/
#content table{font:normal 9pt/2em Helvetica, Arial, sans-serif; }

/*Table with horizontal lines only*/
#content table.option1 {border-collapse: collapse; width: 100%; margin: 2em 0 2em 0;}
#content table.option1 tr {border-bottom: solid black 1px;}
#content table.option1 th {text-align: left; font-weight: bold; border-bottom: 2px solid black; border-top: 1px solid black; padding: 6px;}
#content table.option1 td {padding: 6px;}

/*Table with alternating row colors*/
#content table.option2 {border-spacing: 0px;}
#content table.option2 th{background-color: #ccc; font-weight: bold; text-align: left;}
#content table.option2 td, th {line-height: 1.5em; vertical-align: top; padding: 6px; border: 1px solid #fff;}
#content table.option2 tr:nth-child(2n+1) {background: none repeat scroll 0px 0px #FFFFFF; color: #000000;}
#content table.option2 tr:nth-child(2n) {background: none repeat scroll 0px 0px #eee; color: #000000;}
#content table.option2 {border-spacing: 0px;}
#content table.option2 td, th {padding: 6px;}

#left div.contentinstanceediting {margin-top: 40px;}

/*Media Image Captions*/
#left .caption {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; margin-left: 1em; margin-top: -1.5em; line-height: 1.5em;}

/*Button Format*/
#left .btn_container {margin-left: -10px;}
#left .btn_container + h1, #left .btn_container + h2, #left .btn_container + h3, #left .btn_container + h4, #left .btn_container + h5, #left .btn_container + h6, #left .btn_container + p {padding-top: 20px !important; clear:left;}
#col1.homecol .btn_container + p, #col1.homecol .btn_container + h1, #col1.homecol .btn_container + h2, #col1.homecol .btn_container + h3, #col1.homecol .btn_container + h4, #col1.homecol .btn_container + h5, #col1.homecol .btn_container + h6 {padding-top: 10px !important;}
#col2.homecol .btn_container + p, #col2.homecol .btn_container + h1, #col2.homecol .btn_container + h2, #col2.homecol .btn_container + h3, #col2.homecol .btn_container + h4, #col2.homecol .btn_container + h5, #col2.homecol .btn_container + h6 {padding-top: 75px !important; clear: none;}

/* Slideshow */
#slideshow {height: 304px; width: 571px; padding: 0; margin: 0; overflow: hidden;}
#slideshow .imgnotes {position: absolute; bottom: 24px; z-index: 200; height: auto; width: 350px; max-height: 64px; padding: 0 10px 10px;}
#slideshow .imgnotes p {background: transparent; height: auto; font-size: 7pt; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 0;}
#slideshow div.imgnotes span {background: none repeat scroll 0px 0px transparent ! important; line-height: 1.5em ! important; margin: 5px 0px 0px ! important; position: relative ! important;}
.slideshow div.slide {margin: 0 !important;}
.slideshow img {border: 0 none !important; margin: 0 !important; padding: 0 !important; overflow: hidden;}
#controls {width: 220px; height: auto; position: relative; top: -24px; left: 498px; margin: 0px; z-index: 201; margin-bottom:24px;}
#controls div {float: left;}
#controls #prev {width: 23px !important; height: 24px !important; margin: 0px -3px 0px 3px !important;}
#controls #next {width: 23px !important; height: 24px !important; margin: 0px -3px 0px 3px !important;}
#controls #autotoggle {width: 24px !important; height: 24px !important; margin: 0px -3px 0px 3px !important;}
#controls + script + ul.wide.fourbutton {clear: right !important; float: left; margin-top: -19px !important;}
#row #controls {left: 473px;}
#contentheader + div .overflowprotect {overflow: hidden !important; width: 571px !important;}
#contentheader + div .slideshow img {height: 304px; }
#contentheader + div .controls {left: 473px;}
#bar.barshow, bar.barhide {height: 24px; left: 370px; position: relative; top: -24px; width: 128px; z-index: 200; border-right: #fff solid 3px;}
#bar.barhide {visibility: hidden;}
 
/* Vignette Layers - Always on top */
layer div {z-index: 500 !important;}

/* Social Media Format */
.social_media {background: url("/vgn-ext-templating/resources/images/sm_icon_bgleft.png") no-repeat scroll 0px -3px #FFFFFF; display: inline-block; padding-left: 4px;}
.social_media img {height: 26px; width: 27px; border: medium none ! important; margin: 0 0 0 -2px !important; padding: 2px 0px 0px ! important;}
.social_media_cap {height: 43px !important; float:right; position: relative; top: -5px; background-color: #fff;}
img.social_media_cap {width: 4px;}
#left #col2.homecol .social_media img {display: inline !important;}
#left h6 + .social_media {margin-top: 5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.social_media {margin-bottom:8px; margin-top: 10px;}
.social_media_cap {float: none; top: 11px; clear: none !important;}
.social_media img {margin: -16px 0px 0px -3px !important;}
}

/* People List */
.people_list {margin-top: 19px;}
.people_list img {border: medium none !important;  margin: 0 !important; padding: 0 !important; width: 120px;}
.people_list h2 {margin-top: 0px !important; margin-bottom: 17px !important; font-size: 8pt !important;}
#left .people_list h3.list_title {margin-bottom: -1em !important; margin-top: -5px !important;}
#col_s_r .people_list {margin-left: 20px;}

/* Emergency Message */
.emergency_msg { background-color:red; padding: 20px 10px 20px 10px !important; font-size: 12pt; font-family:helvetica, Arial, sans-serif; text-align:left; color:white; }
.emergency_msg a{text-decoration: underline; color:white !important;}

/* Customization for Joseph's News and Events Share Icons */
.addthis_button {float:right; margin-top: -16px;}
.addthis_button_facebook_like {overflow:hidden; width: 49px !important;}
.addthis_button_tweet {margin: 0 0 -28px -4px !important;}
.addthis_counter {margin-top: -20px !important;}
.addthis_floating_style {position: relative !important;}
.addthis_floating_style a {margin-bottom:-1em !important;}
.addthis_counter.addthis_pill_style {height: 30px !important;}
#left div#eventdate .addthis_floating_style a, #left div#eventdate .addthis_floating_style a:hover {border: 1px transparent solid !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.addthis_counter {margin-top: -7px !important;}
.addthis_button_tweet {margin-left: -2px !important;}
}

/* Opportunity Details */
#left div#opportunity a {display: block; font-size: 9pt; margin-top: 1em; padding: 3px 0;}
#left div#opportunity {height: 81px; margin: 0.4em 1em 0.1em 0; padding-top: 0.5em; width: 93px;}
#left ul.opportunity_detail li {list-style-type: none;}
.opportunity_detail {list-style-type: none; margin: .9em 1em 0 105px;}
.opportunityImage {float: left;}
.opportunity_detail li span.title, .opportunity_detail p span.title {color: #000000 !important; font-weight: bold;}

/*Opportunity Content*/
.opportunity_wrap {padding-bottom: 25px;}
.opportunityImg {border: none !important; margin: 0 !important; width: 100px;}
.opportunity_wrap .left {border: none !important; width: 75px;}
.opportunity_wrap p {padding-top: 1em;}
.opportunity_wrap h1, .opportunity_wrap h2, .opportunity_wrap h3, .opportunity_wrap h4, .opportunity_wrap h5 .opportunity_wrap h6 {padding-bottom: .1em;}