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

/* Page Elements */
body {text-align: center; margin: 0px; padding: 0px;}
#buffer {margin: 0px auto; width: 887px; background: url(../../images/CMSimages/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; height: 61px;}
#header a#link {position: absolute; top: 0px; left: 0px; width: 350px; height: 61px;}
#header a#link 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;}

/* Navigation Elements */
#nav {width: 767px; height: 36px; text-align: left; margin: 0px; padding: 0px 10px; list-style-type: none;}
#nav li {display: inline-block; position: relative; padding: 11px 2px 9px 2px; text-transform: uppercase;}
#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: 20; -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;}

/* Content Container Elements */
#content {text-align: left; padding: 0px; height: auto; overflow: hidden;}
#content #left {float: left; width: 800px; min-height: 730px; padding-bottom: 1em;}
#content #right {margin-left: 576px;}
#content #contentmain {padding: 0em 1.5em;}

/* Left Container Elements */
#left div#frontimage {position: relative;}
#left #col1 {float: left; width: 280px; margin-top: -12px;}
#left #col2 {margin-left: 300px; width: 230px;}

/* Left Content Elements */
#left hr {border: 0px;}
#left hr.short {width: 30%; text-align: left; border: 0px;}

/* Content Style - Images */
#left img {padding: .25em; margin: 1.1em .75em .5em .75em;}
#left img.left {float: left; margin-left: 0em;}
#left img.right {float: right; margin-right: 0em;}
#left img.banner {margin: 0em; padding: 0em; border: 0px;}
#left img.gallery {margin-left: 0em;}

/* Content Style - Images - Lightbox */
#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbTopContainer {position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading {background: #fff url(loading.gif) no-repeat center;}
#lbImage {position: absolute; left: 0; top: 0; border: 0px; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../../images/CMSimages/prev.png) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../../images/CMSimages/next.png) 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: 5px #fff solid; padding: 0px 5px; position: relative;}
#lbCloseLink {display: block; width: 66px; height: 22px; background: transparent url(../../images/CMSimages/close.gif) no-repeat right; position: absolute; right: 5px; bottom: 0px; outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold; margin-top: 5px;}

/* 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;}
#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 - Accordion */
#left div.slide {margin-left: 2em; margin-top: 0em;}
#left div.slide ul li {margin-bottom: 0em;}
#left h3.toggle {height: 55px; cursor: pointer; padding: 1em 0em 0em 62px; margin-left: -.5em;}
#left h3.toggle em {display: block; padding-top: .1em; margin-bottom: 0em; padding-bottom: 0em;}

/* 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;}

/* Content Specific Elements - Events Calendar */
#eventsform #calendar {width: 179px; height: 149px;}
#eventsform #calendar caption {width: 179px; padding: .5em 0px;}
#eventsform #calendar caption .month {padding: 0em 3.8em;}
#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 tr {height: 25px;}
#eventsform #calendar tr th {text-align: center;}
#eventsform #calendar tr td {text-align: center;}
div.tip {height: 14px; width: 30px; padding: 5px 4px; margin: 0px; margin-left: -55px; margin-top: -17px;}
#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;}
#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 .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(../../images/CMSimages/transparent.gif); border: 0px; margin-left: -15px;}
#eventsform form#eventssearch #department {width: 144px; padding: 3px;}

/* 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 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: auto; margin-top: 2em; margin-left: 0px; 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 {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 {margin-top: .7em;}
#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; }
#left ul.news p, #left ul.news_search p {margin-top: 0em;}
#left ul.news p a.arrow, #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(../../images/CMSimages/transparent.gif); border: 0px; margin-left: -15px;}
form#newssearch #department {width: 144px; padding: 3px;}
form#newssearch #topic {width: 160px; padding: 3px;}

/* 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;}

/* 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: 2.5em;}
#left ul.people li img {margin: 0px; margin-left: -70px; padding: 0px; border: 0px; float: left;}
#left ul.people li h2 {margin-bottom: -.6em;}
#left ul.people li h3 {margin-bottom: -1.1em;}
#left ul.people li h3 span {display: inline-block !important; width: 251px; vertical-align: top;}
#left ul.people li h3 span.title {width: 351px;}
#left ul.people li h3 span.location {width: 100px;}
#left ul.people h3 span.contact {width: 200px;}
#left ul.people hr {width: 100%; text-align: left; margin: 1.5em auto 0 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;}
#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: 188px;}
#left div.people_image img {padding: 0em; margin: 0em; border: 0px;}
#left div.people_image p {margin: .5em 0em 0em .5em; padding: 0em; width: 175px;}
#left div.people_image span {display: block; margin-bottom: .5em;}
#left div#contact {margin-left: 200px;}
#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 ul.people_detail li p {margin-top: -.25em; margin-bottom: 1.5em;}

/* 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: .15em;}
#left img.cal {float: left; padding-left: .9em; padding-right: .5em;}
#left span.vignette img {padding: 0em;}
#left div.caption_image {background: url(../../images/CMSimages/image_caption.jpg) repeat-x bottom left; margin: 1.25em 1em;}
#left div.caption_image_left {background: url(../../images/CMSimages/image_caption.jpg) repeat-x bottom left; margin: 1em 1.25em; float: left;}
#left div.caption_image_right {background: url(../../images/CMSimages/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: 260px; font-family: Arial, sans-serif; font-size:9pt; margin-top: 1em; margin-left: 2em; 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: 0px; 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: 2.5em; padding-left: 0em; margin-top: -2em;}
#left ul.deptlist li ul li {font-size: 10pt; margin-top: 0em; color: #494949;}
#left ul.deptlist li ul li a {text-decoration: none; color: #494949;}
#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 {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;}


/* Footer Elements */
#footer {clear: both; margin: 0px auto 0px auto; padding: .5em 50px; 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 a {color: #9b9b9b; text-decoration: none;}
#footer a:hover {color: #9b9b9b; text-decoration: underline;}
#footer a img {border: 0px;}