/* CSS for SOAS website */
@import url(about.css);
@import url(admissions.css);
@import url(research.css);
@import url(academics.css);
@import url(alumni.css);
@import url(visitors.css);
@import url(business.css);
@import url(soasnet.css);
@import url(utility.css);
@import url(cefims.css);
@import url(subnav.css);
html {height:101%} 
body.research {font: 76%/1.4 Tahoma, Geneva, Arial, Helvetica, sans-serif; background: #D7D6D0; color:#434342; text-align:center; padding:20px 0 0 0;}

/* Kill all browser defaults 
* {margin:0; padding:0;} 
*/
/* end */

/* links */
a:link, a:visited {color:#014F37; text-decoration:none;}
a:hover {color:#014F37; text-decoration:underline;}

div#content a:link, div#content a:visited {color:#015DBC; text-decoration:none; }
div#content a:hover {color:#015DBC; text-decoration:underline;}
/* end links */

/* page containers */
div#wrapper {margin:0 auto; text-align:left; background:url(../assets/shadow_base.png) no-repeat bottom left #DED6C4; padding:0 0 14px 0; width:756px;}
div#container {margin:0 auto; background:url(../assets/wrapper_bg.png) repeat-y; padding:0 6px; width:756px; w\idth:744px;}
p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {width:744px; background:url(../assets/content_bg.png) repeat-y;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#contentarea {float:left; background:#fff; margin:0 0 0 183px; display:inline; width:561px; min-height:340px; height:auto !important; height:340px;}
div#content {padding:10px 16px; width:561px; w\idth:529px;}

div#formcontentarea {float:left; background:#fff; margin:0 0 0 0; display:inline; width:744px; min-height:340px; height:auto !important; height:340px;}
div#formcontent {padding:10px 16px; width:744px; w\idth:712px;}

div#left {float:left; width:182px; margin:0 0 0 -744px; display:inline;}
/* end general layout rules */

/* homepge layout */
.home div#headerbg {background-image:url(../images/banners/about_banner.png); background-color:#65A41A;}
.home div#contentholder {background:url(../assets/beige_col.gif) repeat-y #DEE6C8;}

.home div#homeintro {float:left; background:url(../images/home/home.jpg) no-repeat top left #fff; border-bottom:1px solid #036148;}
.home div#homeintro { padding:10px 24px 12px 396px; margin:0; width:744px; w\idth:324px;} 
* html .home div#homeintro {padding-bottom:0px;} /* padding adjustment for IE6 and below */
*:first-child+html .home div#homeintro {padding-bottom:0px;} /* padding adjustment for IE7 */
.home div#homeintro h2 {font-size:1.4em;}
.home div#homeintro ul {float:left; list-style-type:none; background:#fff; text-transform:uppercase; margin:0; padding:0 0; width:324px;}
.home div#homeintro ul li {float:left; text-align:center; border:1px solid #036148;}
.home div#homeintro ul li#people {margin:0 12px;}
.home div#homeintro ul li a {padding: 50px 0 0 0; font-weight:bold;  background-repeat:no-repeat; background-position:top left; color:#434342; display:block; width:98px; }
.home div#homeintro ul li a span {display:block; width:98px; padding:1px 0; background:#fff; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80;}
.home div#homeintro ul li#courses a {background-image:url(../images/home/cta_study.jpg)}
.home div#homeintro ul li#people a {background-image:url(../images/home/cta_people.jpg);}
.home div#homeintro ul li#jobs a {background-image:url(../images/home/cta_jobs.jpg)}

.home div#homeleft {float:left; background: #F6F4EF; padding:0 0 6px 0; width:372px;}
.home div#homeleft h3 {float:left; font-size:1em; font-weight:bold;  margin:9px 0 0 0; width:110px; text-align:right;}
.home div#homeleft ul {float:left; list-style-type:none; margin:10px 0 0 12px; width:250px;}
.home div#homeleft ul li {float:left; white-space:nowrap; width:auto; padding:0 4px 0 0;}
.home div#homeleft div.line {border-bottom:1px solid #EAE4D4; margin:0px 0 0px 0; height:6px; clear:left;}
.home div#homeleft div.line hr {display:none;}

.home div#homeright {float:left; background: #DEE6C8; width:372px;}
.home div#homeright h3 {font-size:1em; font-weight:bold;  margin:4px 0 6px 24px;}
.home div#homeright .listitem {float:left; padding:0 12px 12px 24px;}
.home div#homeright .listitem img {float:left; border:1px solid #036148; margin: 0 12px 0 0;}
.home div#homeright .listitem p {float:left; margin:0 0 2px 0; width:260px;}
.home div#homeright .listitem p a {color:#65A41A;}
.home div#homeright div.line {border-bottom:1px solid #036148; margin:2px 0 0px 0; height:2px; clear:left;}
.home div#homeright div.line hr {display:none;}
/* homepge layout */

/* page header */
div#header {background:url(../assets/header_shadow.png) no-repeat top left;} 
div#headerbg {background-repeat: no-repeat; background-position: top left; height:105px; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 6px;} 
div#header img {}
div#header h1 {float:left; text-transform:uppercase;font-size: 1.4em; font-weight:normal; } 
div#header h1 a {display:inline; height: 46px; margin: 32px 0 0 12px; display: block; color:#fff; width: 400px; w\idth: 388px;} 
div#header h1 a span {display:none;}
/* end page header */

/* site search */
div#quicksearch {float: left; height: 60px; margin: 32px 0 0 60px; display: block; color:#fff; width: 260px; w\idth: 260px;} 
div#quicksearch label {display:none;}
div#quicksearch input {float:left; margin:0; padding:5px 6px 4px 6px; width:190px; font-size:1em; border: 1px solid #036148; height:24px; he\ight:14px;}
div#quicksearch input.button {float:left; color:#fff; margin:0 0 0 8px; padding:0; border:none; width:auto; height:auto;}
div#quicksearch ul {float:left; list-style-type:none;}
div#quicksearch ul li {float:left; padding:3px 55px 0 0; }
div#quicksearch ul li a {text-decoration:none; display:block; color:#fff;}
div#quicksearch ul li a:hover {text-decoration:underline;}
/* end site search */

/* primary navigaton */
div#nav {float:left; width:744px; background: #E1E1E1; font-size:1.1em;}
div#nav ul {float:left; list-style-type:none;}
div#nav ul li {float:left; border-bottom:1px solid #000; white-space:nowrap; width:93px;}
div#nav ul li a {padding:7px 0; text-align:center; text-decoration:none; display:block; color:#365759; border-left:1px solid #E1E1E1; border-right:1px solid #C5C2BD;}
* html div#nav ul li a {width:93px; w\idth:91px;}
div#nav ul li a:hover {text-decoration:none; background: #D6D6D6; border-left:1px solid #D6D6D6;}
/* end primary navigaton */

/* breadcrumb trail */
div#crumbs {float:left; font-size:0.92em; width:744px; background: #F4F2EC; border-bottom:1px solid #000;}
div#crumbs ul {float:left; list-style-type:none; padding:5px 9px;}
div#crumbs ul li {float:left; padding:0 0 0 4px; white-space:nowrap;}
div#crumbs ul li a {padding:0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
/* end breadcrumb trail */

/* footer */
div#footer {float:left; font-size:.94em; background: #E8E8E8; border-top:1px solid #000; padding:10px 6px 10px 6px; width:744px; w\idth:732px; }
div#footer .footerlinks {float:left; margin:0; width:250px;}
div#footer ul {float:left; list-style-type:none; white-space:nowrap; margin: 4px 0 0 0; width:250px;}
div#footer li {float:left;}
div#footer li a {padding:0 0 0 4px;}
div#footer img {float:left; margin:0 10px 4px 14px;}
div#footer address {float:left; font-style:normal; font-weight:normal; margin: 4px 0 0 0; width:410px;}
div#footer address p {display:block; margin:0; text-align:right;}
/* end footer */

/* contentarea banners */
div#landingbanner {background-repeat: no-repeat; background-position:top left; border-bottom:1px solid #000;}
div#landingbanner h2 {margin: 0 0 0 296px; padding: 130px 0 10px 20px; background-repeat: no-repeat; background-position: top left; color:#fff; font-size:2em;}

div#coursebanner {background-repeat: no-repeat; background-position: top left; border-bottom:1px solid #000;}
div#coursebanner h2 {margin: 0 0 0 191px; padding: 122px 0 2px 10px; background-repeat: no-repeat; background-position: top left; color:#fff; font-size:1.4em;}
div#projectbanner {border-bottom:1px solid #000;}
div#projectbanner h2 {margin: 0; padding: 150px 0 2px 16px; background-repeat: no-repeat; background-position: top left; color:#fff; font-size:1.4em; }
div#gallerybanner {border-bottom:1px solid #000; margin: 0; padding: 148px 0 0 16px; background-repeat: no-repeat; background-position: top left; color:#fff; font-size:1.4em; }
div#gallerybanner h2 {display:none;}
/* end contentarea banners */

/* general typography */
h2, h3, h4, h5 {font-weight:normal;}
h2 {font-size:1.4em; margin:0 0 .4em 0;}
h3 {font-size:1.4em; margin:0 0 .4em 0;}
h4 {font-size:1.4em; margin:1em 0 .6em 0; border-bottom: 1px solid #D6D6D6;}
h5 {font-size:1.2em; margin:1em 0 0 0;}
h3.subtitle {margin:-.4em 0 0 0; font-size:1.1em; font-weight:bold;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 1em 0;}
blockquote {margin:.5em 2em 1.5em 2em;}
acronym {border-bottom: 1px dashed #E8E8E8; cursor: help;}
hr {height:1px; border: 0; margin:0 0 8px 0;}
div#content div.line {border-bottom:1px solid #DED6C4; margin:0px 0 20px 0; height:2px; clear:left;}
div#content div.line hr {display:none;}
div#content div.invisibleline {border-bottom:none; margin:0px 0 0px 0; height:2px; clear:left;}
div#content div.invisibleline hr {display:none;}
/* end general typography */

/* image floats */
img.centre {border:none;}
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:4px 0 4px 12px;}
img.leftborder, img.rightborder {padding:1px; border: 1px solid #000;}
img.border {padding:1px; border: 1px solid #000; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:186px; background-color:#E8E8E8; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:186px; background-color:#E8E8E8;}

.captionleftborder {float:left; margin:4px 12px 4px 0; width:186px; border: 1px solid #333; background-color:#E8E8E8; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:186px; border: 1px solid #333; background-color:#E8E8E8;}
/* end image captions */

/* pull quote */
div#content .pullquote {font-size:.92em; margin:0 0 1.5em 12px; background: url(../assets/quote_left.gif) no-repeat 10px 10px #F4F2EC; border:1px solid #D8CEB9; padding:0 0 0 0; float:right; clear:right; width:144px;}
div#content .pullquote blockquote {text-align:left; text-indent:15px;  padding:10px; margin:0; background:url(../assets/quote_right.gif) no-repeat 90% 100% ;}
div#content .pullquote p {font-weight:bold; padding:10px 0 5px 10px; margin:0;}
/* end pull quote */

/* callout */
div#content .callout {font-size:.92em; margin:0 0 1.5em 12px; background: #F4F2EC; border:1px solid #D8CEB9; padding:8px 10px 0 10px; float:right; clear:right; width:144px; w\idth:124px;}
div#content .callout p {padding:0; margin:0 0 10px 0;}
/* end callout */

/* right hand menu */
div#rhnav {font-size:.92em; padding:1px 0 12px 18px; background: #fff;  margin:0; float:right; width:162px; w\idth:144px;}
div#rhnav h3 {text-align:left; padding:6px 10px; background:#fff; color:#434342; border-left: 1px solid #D8CEB9; border-right: 1px solid #D8CEB9;  border-top: 1px solid #D8CEB9; font-size:1em; font-weight:bold; margin:-1px 0 0 0;}
div#content div#rhnav ul {padding:3px 2px 6px 8px; margin:0; background: #F4F2EC;border:1px solid #D8CEB9;}
div#content div#rhnav ul li {list-style-type:none; margin:0; padding:4px 0; line-height:1.25; list-style-position:outside;}
div#content div#rhnav ul li a {margin:0 0 0 0; padding:0 0 0 12px; text-decoration:none; border:none; color:#365759;  background:url(../assets/d_arrow_s.gif) no-repeat 0 5px; display:block;}
div#content div#rhnav ul li a:hover {text-decoration:underline; border:none;}
div#content div#rhnav ul li a strong {font-weight:normal;}

div#rhnav.programme {width:188px; w\idth:170px;}
div#content div#rhnav.programme ul li a {margin:0; padding:0; text-decoration:none; border:none; color:#015DBC;  background:none; display:inline;}
div#content div#rhnav.programme ul li a:hover {text-decoration:underline;}

div#rhnav.related {clear:right; margin-top:4px;}
/* end right hand menu */


/* lists */
div#content ul {margin:0 0 1em 2em;}
div#content ul li {padding:0; list-style-type:square; list-style-position:outside;}
div#content ul ul {margin:0 0 0 1.6em;}
div#content ul ul li {list-style-type:none;  list-style-position:outside; background:url(../assets/bullet-dash.png) no-repeat 0 9px; padding:0 0 0 14px; }
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-size:1.1em; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}

div#content ul.alpha li {list-style-type:lower-alpha;}

div#content ul.links {margin:0 0 1em 0;}
div#content ul.links ul {margin:0 0 0 3em;}
div#content ul.links ul li a {list-style-type:none; background-image :url(../assets/bullet-dash.png); padding:0 0 0 14px; }
div#content ul.links li {list-style-type:none; list-style-position:outside; margin:0; padding:2px 0;}
div#content ul.links li a {margin:0; padding:0 0 0 12px; text-decoration:none; border:none; color:#365759; background:url(../assets/d_arrow_s.gif) no-repeat 0 7px; display:block;}
div#content ul.links li a:visited {color:#365759;}
div#content ul.links li a:hover {text-decoration:underline; border:none;}

div#content ul.atoz {float:left; width:529px; margin:0 0 24px 0; padding:0;}
* html div#content ul.atoz {margin:0 0 12px 0;}
div#content ul.atoz li {float:left; list-style-type:none; width:16px; border:1px solid #65A41A; text-align:center; margin:0 2px 0 0; }
div#content ul.atoz li a {display:block; color:#65A41A;}
div#content ul.atoz li a:visited {color:#65A41A;}
div#content ul.atoz li a:hover {background-color:#65A41A; color:#fff; text-decoration:none;}

div#content ul.weekdays {float:left; width:529px; margin:0 0 12px 0; padding:0;}
div#content ul.weekdays li {float:left; list-style-type:none; width:84px; border:1px solid #65A41A; text-align:center; margin:0 2px 0 0; }
div#content ul.weekdays li a {display:block; color:#65A41A; padding:4px 0 4px 0; line-height:1.2;}
div#content ul.weekdays li a:visited {color:#65A41A;}
div#content ul.weekdays li a:hover {background-color:#65A41A; color:#fff; text-decoration:none;}
/* end lists */

/* two column layout */
div.twocolumns {float:left; margin:0 0 20px 0; display:inline; width:529px;}
div.halfwidthcolumn {float:left; padding:0 20px 0 0; width:264px; w\idth:244px;}
/* end two column layout */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: .5em 0 1em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
/*  removed for EPrints compatibility.
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #E8E8E8; border-top:1px solid #E8E8E8;}
th {padding: .2em .4em; background:#E8E8E8; text-align:left; border-left:1px solid #E8E8E8;}
td {padding: .4em; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
table caption {text-align:left; font-size:1em; padding:0 0 4px 0; font-weight:bold;}

table.directory {font-size:.92em;}
table.directory th {vertical-align: top; background-color:#F4F2EC;}
table.directory td {vertical-align: top; padding: .2em .4em; }
*/
/* end tables */

/* forms */
div#content form {margin: 20px 0 20px 0; float:left; width:528px;}
div#content fieldset {border:none; margin:0 0 10px 0;}
div#content legend {font-size:1.4em; margin:0 0 4px 0; color:#434342;}
div#content label {clear:left; cursor:pointer;  display:block; width: 220px; float:left;}
div#content input, div#content textarea, div#content select {width:200px; float:left; margin:0.075em 0; border: 1px solid #DED6C4; background:none;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 180px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#E8E8E8;border:1px solid #DED6C4; clear:left;}

div#content div.checklist {float:left; margin:10px 0 4px 0;}
div#content div.checklist input {width:auto; margin: 0px 0 0 -380px; border:none;}
div#content div.checklist label {width:355px; margin:0 0 0 25px; clear:none; display:inline;}

div#content table label {width: auto;}
div#content table input {width: auto;}

div.mandatory {font-size: 0.92em; font-weight:bold; color:#f00; margin: 0 106px 4px 220px; clear:both;}
label.mandatory {font-weight:bold; color: #f00;}
div#content input.mandatory, div#content select.mandatory {border:1px solid #f00;}
/* end forms */

/* pop-up windows */
div#popcontent {margin: 0 auto; padding: 0px 0 8px 0; text-align:center; width:492px;}
div#popcontent h1 {font-size:1em; text-align:left; font-weight:normal; margin:8px 0;}
div#popcontent p {text-align:left;}
div#popcontent img {border:none;}

div#popcontent ul {list-style-type: none; color:#DED6C4; border-top: 1px solid #014f37;}
div#popcontent ul li {float:left; margin: 6px 10px 6px 0;}
div#popcontent ul li.close {float:right; margin-right:0;}

div#popimage {background-color:#eae3d1; margin:0 auto; padding:0 0 4px 0; clear:both; float:left; width:100%; min-height:500px; height:auto !important; height:500px;}
div#popimage p {font-size:.92em; text-align:left;}

div#popcontent .portrait img {margin:20px 0 6px 0;}
div#popcontent .portrait p {margin: 0 0 2px 95px;}
div#popcontent .landscape img {margin:100px 0 6px 0;}
div#popcontent .landscape p {margin: 0 0 2px 20px;}
/* end pop-up windows */

/* News page */
div#content .listitem {float:left; padding:6px 0 0 0; border-top: 1px solid #DED6C4; margin:0 0 6px 0; width:529px;}
div#content .featured {float:left; margin:6px 0 12px 0; border-bottom: 1px solid #DED6C4;}
div#content .featured .listitem {padding:12px; margin:0; background-color:#F4F2EC; width:529px; w\idth:505px;}
div#content .listitem img {float: right; border:1px solid #036148; margin: 0 0 8px 12px;}
div#content .listitem h6 {font-size:.92em;}
h6.date {font-size:.8em;}
div#content .listitem h6.date {font-size:.8em;}
div#content .listitem p {margin:0 0 2px 0;}
div#content .listitem p strong {font-size:.92em;}
div#content .listitem p span {padding:0 0 0 10px;}

div#content .cv .intro {float:left; padding:12px; margin:6px 0 0px 0; background-color:#F4F2EC; border-bottom: 1px solid #DED6C4; border-top: 1px solid #DED6C4; width:529px; w\idth:505px;}
div#content .cv img {float: right; border:1px solid #036148; margin: 0 0 0px 12px;}
div#content .cv h4 {float:left; width:100%;}
div#content .cv h6 {font-size:.92em;}
div#content .cv p {margin:0 0 2px 0;}
div#content dl.tabular {float:left; width:529px; margin: 0 0 10px 0;}
div#content dl.tabular dt {float:left; clear:left; width: 120px; margin:0; font-size:1em; font-weight:bold;}
div#content dl.tabular dd {float:left; padding:0 0 0 10px; margin:0; width: 409px; w\idth: 399px;}

div#search {float:left; padding:12px; border-top: 1px solid #DED6C4; border-bottom: 1px solid #DED6C4; margin:0 0 12px 0; background-color:#F4F2EC; width:529px; w\idth:505px;}
div#search form {margin: 0; padding:0; width:505px;}
div#search label {display:none;}
div#search input {float: left; background-color:#fff; font-size:1em; margin:0; padding:4px 6px 4px 6px; height:24px; he\ight:14px;}
div#search input.button {clear: none; display: block; padding:0px 3px 3px 3px; margin: 0 0 0 6px; width:auto; height:auto; cursor:pointer; border:none; background:none;}
div#search input.radio {width:auto; margin:1px 0 0 4px; cursor:pointer; border:none; background:none; height:auto;}
div#search form ul.advanced {float:left; margin: 6px 0; padding: 6px 0 0 0; width:500px;}
div#search form ul.advanced li {list-style-type: none; float:left;}
div#search form ul.advanced li label {clear:none; display:inline; float:left; width:auto; padding:0 0 0 4px; margin:0 6px 0 0;}
/* end news page */

/* Events page */
div#content .cv ul {clear:left;}
div#content div#eventslist {float:left; margin:0 0 0 0;} 
div#content div#eventslist .listitem {float:left; padding:0 0 6px 0; border-bottom: 1px solid #DED6C4; border-top:none; margin:-24px 0 24px 0; width:529px;}
div#content div#eventslist h4 {float:left; margin:0 0 24px 0; width:529px;}
div#content div#eventslist h5 {float:left; font-size:1em; color:#434342; margin: 6px 0 0 0; width:59px;}
div#content div#eventslist ul {float:left; margin:6px 0 0 12px; padding:0; width:458px; }
div#content div#eventslist ul li {float:left; list-style:none; padding:0 0 0 0; width:458px;}
div#content div#eventslist ul li h6 {font-size:.92em;}
div#content div#eventslist div.cancelled {color:#D30202; background:url(../assets/cancelled.png) no-repeat 0 30px;}
div#content div#eventslist div.cancelled h5, div#content div.cancelled a, div#content div.cancelled a:visited {color:#D30202;}
div#content div#eventslist div.featured {background:url(../assets/featured.png) no-repeat 0 30px;}
div#content div#eventslist div.featured h5, div#content div.featured a, div#content div.featured a:visited {}
div#content div#eventslist div.line {border-bottom:1px solid #DED6C4; margin:0px 0 0px 0; height:6px; clear:left;}
div#content div#eventslist div.line hr {display:none;}

div#content div.eventdetail {margin:0 0 12px 0;}
div#content div.eventdetail h6 {margin:0 0 4px 0;}
div#content div.eventdetail p {margin:0;}
div#content div.eventdetail strong {font-size:.92em;}
div#content div.eventdetail span {padding:0 0 0 10px;}

div#content div.programmedetail {margin:10px 0 12px 0;}
div#content div.programmedetail h6 {margin:4px 0 0 0;}
div#content div.programmedetail p {margin:0 0 6px 0;}
div#content div.programmedetail strong {}
div#content div.programmedetail span {padding:0 0 0 12px;}
/* end events page */

/* faculty landing page */
div#facultygrid {float:left; border-bottom: 1px solid #D50D3C; margin:0 0 20px 0; background-color:#F2DCE2; width:528px;}
div#facultygrid .column {float:left; border-left: 1px solid #fff; border-right: 1px solid #fff; margin:0 0 0 -1px; width:175px;}
div#facultygrid h3 {border-bottom:1px solid #000;border-top: 1px solid #000;}
div#content div#facultygrid h3 a {color:#fff; display:block; background-color:#D50D3C; padding:2px 6px 76px 6px; background-repeat:no-repeat; background-position:bottom left; width:175px; w\idth:163px;}
div#content div#facultygrid h3 a:visited {color:#fff;}
div#facultygrid h3 a:hover {text-decoration:none;} 
div#facultygrid h4 {margin:2px 8px 2px 8px; font-size:1.1em; font-weight:bold;}
div#facultygrid ul.links {padding:0px 8px 0px 8px;}
div#facultygrid ul.links li {list-style-position:outside;}
/* end faculty landing page */

/* landing-grid */
div#landing-grid {float:left; font-size:1.4em;  background:#fff; width:529px; padding:10px 16px;}
div#landing-grid ul {float:left; list-style-type:none; margin:0 0 -1px 0;}
div#landing-grid ul li {float:left; list-style-type:none; border-bottom:1px solid #fff; margin:0 5px 5px 0;}
div#landing-grid ul li a {float:left; padding:0px 0px 0px 10px; text-decoration:none; display:block; color:#365759; background-repeat:no-repeat; background-position:right center; background-color:#EEE9DD; width:257px; w\idth:247px; height:97px; border: 1px solid #D5C8AE;}
div#landing-grid ul li a:hover {text-decoration:none;}
div#landing-grid ul li.end {margin:0 0 5px 0;}
div#landing-grid ul li.end a {width:246px; w\idth:236px;}
div#landing-grid span{width:158px;w\idth:148px;display:block;}
/* end landing-grid */


/* thumbnail image gallery */
div#content ul.thumbnails {width: 528px; margin: 0 0 12px 0; padding:0; list-style-type: none;}
div#content ul.thumbnails li {float:left; width: 128px; height: 128px; background-color: #f5f2ed; border: 1px solid #d5c8ae; margin: 0 1px 1px 0; list-style-type: none; text-align:center;}
div#content ul.thumbnails li a {height: 128px; background-color: #f5f2ed; display:block;}
div#content ul.thumbnails li a:hover {background-color: #fff;}
div#content ul.thumbnails li img {border: 1px solid #d5c8ae;}
div#content ul.thumbnails li img.portrait {margin-top: 6px;}
div#content ul.thumbnails li img.landscape {margin-top: 25px;}
/* end thumbnail image gallery */

/* course picker */
div#coursepicker {float:left; border-top: 1px solid #D2A808; border-bottom: 1px solid #D2A808; background-color:#F3ECCD; margin:0 0 30px 0; width:529px;}
div#coursepicker form {margin:0; padding:0;}
div#coursepicker fieldset {margin:0; padding:10px 20px; border-bottom:1px solid #fff; background-position: top right; background-repeat:no-repeat; height:97px; he\ight:77px;}
div#coursepicker fieldset#attendance {background-color:#DBB839;}
div#coursepicker fieldset#type {background-color:#DFC14D;}
div#coursepicker fieldset#subject {background-color:#E3CA65;}
div#coursepicker legend {margin:0; padding:0;}
div#coursepicker fieldset#attendance ul {margin:0; pading:0;}
div#coursepicker fieldset#attendance ul li {list-style-type:none; clear:left;}
div#coursepicker fieldset#attendance label {margin:0; padding:0 0 0 6px; width:auto; clear:none; float:left; font-size:1em;}
div#coursepicker fieldset#attendance input {margin:0; padding:0; width:auto; border:none;}
div#coursepicker select {margin:0; padding:0; width:auto; clear:left; background:#fff; border:1px solid #000; padding:2px;}
div#coursepicker fieldset#type select {width:200px;}
div#coursepicker fieldset#subject select {width:320px;}
div#coursepicker h6, div#coursepicker label {margin:0 0 10px 0; font-size:1.4em; font-weight:normal;}
div#coursepicker input.button {padding:10px 0; margin: 0 20px; width:auto; height:auto; cursor:pointer; border:none; background:none;}
/* end course picker */