@charset "utf-8";
/*Based on the Default Template 1.1.1. April 2009.*/

/* Elements */
body {}
body, a {color:#414141;}
a { color:#5c9ac8; }

/* Header */
.h {float:left;width:100%;background:#517592;clear:both;}
.h, .h a {color:#fff;}
.h-inner {height:auto!important;min-height:80px;height:80px;background:url(img/h-inner.jpg) no-repeat 100% 0;padding:0 0 0 12px;}

/* Header title as text */
.h h1 {float:left;margin:12px 12px 6px 0px;padding:0;font-size:2.1em;line-height:1.2em;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
.h h1,
.h h1 a {}
.h h1 a {text-decoration:none;border-bottom:1px solid #657a93;}
.h h1 a:hover,
.h h1 a:focus {border-bottom:0;}
/**/

/* Header title as image replacement. * /
.h h1 {position:relative;width:518px;height:42px;overflow:hidden;float:left;font-size:2.25em;line-height:1.34em;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;margin:22px 12px 9px 0px;padding:0;}
.h h1,
.h h1 a {}
.h h1 a {text-decoration:none;border-bottom:1px solid #a7d2df;}
.h h1 a:hover,
.h h1 a:focus {border-bottom:0;}
.h h1 a span {position:absolute;width:518px;height:42px;display:block;background:transparent url(img/h-logo.jpg) no-repeat 0 0;left:0;top:0;cursor:pointer;}
/**/

/* Header structure looking up */
.h p.structure {clear:left;font-size:11px;line-height:1em;margin:0px 0 0 0px;padding:0;position:relative;}
.h p.structure,
.h p.structure a {color:#fff;font-family:Verdana, Geneva, sans-serif; float:left;display:inline;}
.h p.structure a {border-bottom:1px solid #869fb3;text-decoration:none;padding:0 0 2px 0;float:left;}
.h p.structure a:hover,
.h p.structure a:focus {border-bottom:0;}

/* S */
.s {background:url(img/s.jpg) repeat-x 0 0;clear:both;float:left;width:100%;border-bottom:0px solid #dfdfdf;padding:5px 0 6px 0;zoom:1;}

.s .site-search {float:left;width:205px;margin:0;padding:0;position:relative;}
.s .site-search h2 {position:absolute;left:-9999px;margin:0;}
.s .site-search div {margin-left:11px;}
.s .site-search label {cursor:pointer;position:absolute;left:-9999px;}
.s .site-search input {font-family:Verdana, Arial, Helvetica, sans-serif;}
.s .site-search input[type=submit] {width:20px;} /*This is for when Javascript is off and keeps the submit button on the same line as the text box.*/
.s .site-search .site-search-query {background:#fff;color:#595959;float:left;width:160px;margin:0;padding:0.4em 0.2em 0.35em 0.4em;border:none;font-size:0.9em;line-height:normal;vertical-align:middle;}
.s .site-search .site-search-submit-link {background:#fff;color:#595959;display:block;float:left;width:1.7em;height:100%;margin:0 0 0 1px;padding:0.4em 0.2em 0.35em 0.4em;font-size:0.9em;line-height:normal;text-decoration:none;} /*This element is onyl shown when Javascript is on.*/
.s .site-search .site-search-submit-link span {}
.s .site-search-focus .site-search-query {}
.s .site-search-focus .site-search-submit-link {}
.s .site-search-focus .site-search-submit-link span {}

.s .breadcrumb {font-size:0.9em;line-height:1.8em;margin:0px 0px 0px 190px;padding:2px 12px 0px 10px;zoom:1;}
.s .breadcrumb h2 {position:absolute;left:-9999px;margin:0;}
.s .breadcrumb p {margin:0;color:#557572;}
.s .breadcrumb p a {color:#557572;}
.s .breadcrumb p span {color:#557572;padding:0px 0px 0px 6px;}

/* Template Structure */
.m {float:left;width:100%;background:#fff ;padding:0 0 24px 0;}
.m a{ color:#3292CE; }
.m-inner {}
.m-inner-2 {display:inline-block;}
.m-inner-2 {display:block;}
.m-inner-2:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

.m .sidebar {float:right;width:268px;margin:10px 0px 12px 0px;background:#fff;}

.n {float:left;width:192px;margin:12px 0 0 12px;}

.c {margin:0px 0px 0 202px;min-width:200px;}
.c-inner {margin:0px 10px 0px 20px;}
.t-sidebar .c {margin-right:268px;}

/* Navigation
   li.selected and a.selected refer to the currently selected item.
   li.on and a.on refer to items in the menu branch that lead to and include the currently selected item.
   li.menu refers to the list item being a further menu.
   li.open refers to the current state of the menu with respect to javascript functionality.
*/
/**/

.n .sitemap {font-family:Verdana, Arial, sans-serif;font-size:1em;line-height:1.34em;text-align:left;margin:0;padding:0;}
.n .sitemap h2 {position:absolute;left:-9999px;}
.n .sitemap ul {margin:0px;padding:0px ;position:relative;height:1%;}
.n .sitemap li {display:block;margin:0;padding:0;list-style-type:none;position:relative; width: 192px}
.n .sitemap li a {display:block;text-decoration:none;}
.n .sitemap li a:hover,
.n .sitemap li a:focus {display:block;text-decoration:underline;  color: #545a63;}
.n .sitemap ul > li:first-child,
.n .sitemap ul > li:first-child > a {border-top:0;}
/*/ The following are used in the Javascript for the menu toggles. /*/
.n .sitemap ul.sitemap-toggle-height-helper {display:block;}
.n .sitemap li a.sitemap-toggle-reset {width:19px;height:auto;display:block;float:none;position:absolute;right:0;top:0;clear:none;margin:0;padding-left:0px;padding-right:0px;text-align:center;background:transparent;cursor:pointer;}
.n .sitemap li a.sitemap-toggle span.sitemap-toggle-char {display:block;}

/*/ Main > Nav Bar > Sitemap > Level 1 /*/
.n .sitemap ul {}
.n .sitemap li {}
.n .sitemap li a {background:#fff; color:#575757;margin:0px 0px 0 0;padding:6px 4px 6px 4px;font-weight:normal;line-height:1.34em;border-top:1px solid #dfdfdf;font-weight:bold;}
.n .sitemap li a:hover,
.n .sitemap li a:focus {background:#3292ce; color:#fff;}
.n .sitemap li a.on {}
.n .sitemap li a:hover.on,
.n .sitemap li a:focus.on {background:#3292ce; color:#fff;}
.n .sitemap li a.selected {background:#3292ce; color:#fff; }
.n .sitemap li a:hover.selected,
.n .sitemap li a:focus.selected {}
.n .sitemap li a.sitemap-toggle {}
.n .sitemap li a.sitemap-toggle-toggled {}
.n .sitemap li a.selected.sitemap-toggle {}
.n .sitemap li a.selected.sitemap-toggle-toggled {}
.n .sitemap li a.sitemap-toggle:hover,
.n .sitemap li a.sitemap-toggle:focus {}
.n .sitemap li a.sitemap-toggle:focus {outline-width:1px;outline-style:dotted;}
.n .sitemap li a.hover {color:#fff;}

/*/ Main > Nav Bar > Sitemap > Level 2 /*/
.n .sitemap li ul {margin-left:18px;}
.n .sitemap li li {}
.n .sitemap li li a {background-color:#fff;color:#545a63;font-size:0.9em;line-height:1.34em;border-top:0; font-weight: normal}
.n .sitemap li li a:hover,
.n .sitemap li li a:focus {background-color:#fff;color:#3292ce;}
.n .sitemap li li a.on {}
.n .sitemap li li a:hover.on,
.n .sitemap li li a:focus.on {}
.n .sitemap li li a.selected {background-color:#fff;color:#3292ce;}
.n .sitemap li li a:hover.selected,
.n .sitemap li li a:focus.selected {}
.n .sitemap li li a.sitemap-toggle {border-left:0px solid #3292ce;}
.n .sitemap li li a.sitemap-toggle:focus {}
.n .sitemap li li a.hover {}

/*/ Main > Nav Bar > Sitemap > Level 3 /*/
.n .sitemap li li ul {}
.n .sitemap li li li {}
.n .sitemap li li li a {color:#333;font-size:0.9em;line-height:1.34em;}
.n .sitemap li li li a:hover,
.n .sitemap li li li a:focus {color:#3292ce;}
.n .sitemap li li li a.on {color:#3292ce;}
.n .sitemap li li li a:hover.on,
.n .sitemap li li li a:focus.on{}
.n .sitemap li li li a.selected {color:#3292ce;}
.n .sitemap li li li a:hover.selected,
.n .sitemap li li li a:focus.selected {}
.n .sitemap li li li a.sitemap-toggle {}
.n .sitemap li li li a.sitemap-toggle:focus {}
.n .sitemap li li li a.hover {}


/* Headings */
.m h1, .m h2, .m h3, .m h4, .m h5, .m h6,
.m h1 a, .m h2 a, .m h3 a, .m h4 a, .m h5 a, .m h6 a {color:#3292ce;}



.m h3, .m h5,
.m h3 a, .m h5 a {font-style:normal;font-family:Verdana, Geneva, sans-serif;}

.m h1 {margin-top:0px;padding-bottom:4px; padding-top:8px;color:#3292ce;font-size:1.8em;font-family:Georgia, "Times New Roman", Times, serif;}
.m h1, .m h1 a {}
.m h1 a {}
.d-home .m h1{ font-size:1.3em; color:#252421;  }
.d-home .m h2{color:#71c4e9;background-color:#fff;font-size:1.2em;padding:9px 0 9px 0px;border-bottom:1px dotted #e3e3e3;margin-top:6px;}
.d-home .m h2 a{ color:#2C5B7E; font-size:1em; }
.d-home .m h2.right{ color:#7f7e77; font-weight:bold; font-size:1em; padding:4px 0 8px 6px; background-color:#fff; color:#807D7D; }

.m h2,
.m h2 a { color:#2f71a1; padding-bottom:4px; padding-top: 2px; font-size:1.4em;font-family:Georgia, "Times New Roman", Times, serif;}
.m h2.courses {font-weight:bold; color:#738494; width:340px; padding:3px 0 4px 0px; background-color:#fff;font-family:Georgia, "Times New Roman", Times, serif;}

.m h3 {border:0px; font-size:1.2em; color:#2f71a1; font-weight: normal;font-family:Georgia, "Times New Roman", Times, serif;}
.m h3,
.m h3 a {color:#2f71a1;}

.m h4 { font-size:1.1em; color:#2f71a1;  font-weight: normal; padding:4px 0 4px 0px;font-family:Georgia, "Times New Roman", Times, serif; }

/* Lists */
.c ul {list-style-type:none;padding-left:0;}
.c ol {padding-left:2.5em;}

.c ul li,
.c li ul li,
.c li li ul li,
.c li li li ul li,
.c li li li li ul li {background:transparent url(img/li-arrow.gif) no-repeat scroll 4px 10px;
padding-left:1.6em;}

.c ul ul li,
.c li ul ul li,
.c li li ul ul li,
.c li li li ul ul li {padding-left:3.2em;background:transparent url(img/li-arrow.gif) no-repeat 18px 10px;}

.c ol li,
.c li ol li,
.c li li ol li,
.c li li li ol li,
.c li li li li ol li {padding-left:0.6em;background:none;}

/* Sidebar section item styles. */
.m .sidebar .section {padding:0px 0px 0px 0px;margin:0px 12px 0px 0px;background:#fff;border:0px solid #dfdfdd;}
.m .sidebar .section h2 { text-transform:uppercase; margin:0px 0px 0px 0px; padding:4px 0px 4px 10px; color:#436818; font-size:1em; line-height:1.34em; background:url(../geography/img/home-news-bg01.jpg); font-family:Georgia, "Times New Roman", Times, serif; }
.m .sidebar .section .item {position:relative;padding:0px 0px 3px 0px;margin:9px 0 0 0;border-bottom:1px dotted #dfdfdd;}
.m .sidebar .section .item,
.m .sidebar .section .item a {}
.m .sidebar .section .item a {color:#6f7b87;}
.m .sidebar .section .item h3 {margin:0px 0px 9px 0px;font-size:1.1em;line-height:1.34em;}
.m .sidebar .section .item h3,
.m .sidebar .section .item h3 a{color:#4d565e;}
.m .sidebar .section .item p {margin:4px 0px 4px 0px;}
.m .sidebar .section .item p.float-right {float:none;margin:0;}
.m .sidebar .section .item .description {font-size:0.9em;line-height:1.5em;color:#404040;}
.m .sidebar .section .item .date {font-size:0.9em;line-height:1.5em;color:#9f9f9f;color:#808080;}
.m .sidebar .section .item p.image {background:#f9f9f8;border:1px solid #ddd;margin:3px 0 9px -4px;padding:3px;display:block;position:absolute;top:0;line-height:0;float:none;}
.m .sidebar .section .item p.image img {width:160px;height:107px;display:block;border:0;padding:0;float:none;margin:0;}

/* Hide all parts of a sidebar section item except for the title. */
.m .sidebar .section .item p,
.m .sidebar .section .item ol,
.m .sidebar .section .item table,
.m .sidebar .section .item ul {display:none;}
.m .sidebar .section .item p.image {display:none;}
.m .sidebar .section .item img {display:none;}

/* Show specific parts of a sidebar section item where specified by a class. */
.m .sidebar .section .item h3 img {display:block;float:left;border:0;padding:0;margin:0 6px 6px 0;}
.m .sidebar .section .show-item-image h3 {padding-top:124px;}
.m .sidebar .section .show-item-image p.image {display:block;}
.m .sidebar .section .show-item-image p.image img {display:block;}
.m .sidebar .section .show-item-description .description {display:block;}
.m .sidebar .section .show-item-date .date {display:block;}

.m .sidebar .section-news {padding:0 10px;}
.m .sidebar .section-news h2 {margin:0 -10px;}

.news {margin:0;}
.news ul li {background:none;padding:6px 0 6px 0;border-bottom:1px dotted #ccc;}
.news ul li strong {font-size:.9em;color:#71c4e9;padding:0 0 2px 0;line-height:1.1;padding-bottom:2px;}
.news ul li strong em {color:#56a6db;font-style:normal;}

/* Footer */
.f {clear:both;margin:0px;padding:4px 12px 6px 12px;font-size:0.9em;line-height:1.8em;border-top:1px solid #dfdfdf;}
.f,
.f a {}
.f p {margin:0;}
.f p span.date-modified {float:right;}

/* Aside */
.aside {float:right;margin:0 0 0.6em 0.6em;border:1px solid #dfdfdf;padding:6px;font-size:0.95em;line-height:1.8em;}
.aside * {margin-top:0;}

/* Blockquote */
blockquote {}
blockquote p {}
.cite {margin-left:5%;margin-right:5%;font-style:italic;}

/* Pull-quote */
.pull-quote {float:right;margin:0 0 0.6em 0.6em;padding:6px;}
.pull-quote blockquote {margin-left:0;margin-right:0;font-size:1.5em;line-height:1.8em;}
.pull-quote cite {}
.pull-quote .cite {margin-left:0;margin-right:0;}

/* Figure */
.figure {background:#f2f2f0;padding:6px;position:relative;margin:0.4em 0 0.8em 0;font-size:0.95em;line-height:1.8em;}
.figure * {margin-top:0;margin-bottom:6px;}
.figure img {background:#fff;margin:0;vertical-align:bottom;}

/* Float */
.float-left {float:left;margin:0 0.6em 0.6em 0;}
.float-right {float:right;margin:0 0 0.6em 0.6em;}

/* Align */
.align-center {margin-left:auto;margin-right:auto;}
.align-right {margin-left:auto;}

/* Text align */
.text-align-right {text-align:right;}
.text-align-left {text-align:left;}
.text-align-center {text-align:center;}

/* Widths */
.landscape-medium {width:308px;}
.landscape-large {width:408px;}
.landscape-small,
.aside,
.pull-quote {width:208px;}
.portrait-medium {width:186px;}
.portrait-large {width:246px;}
.portrait-small {width:127px;}

/* Page specific styles */
.feature {padding-top:10px;}
.c ul.cycle {height:320px;margin:8px 0 8px 0;overflow:hidden; zoom:1; }
.c ul.cycle li {display:inline;margin-top:0;padding:0;list-style-type:none;background:none;}
.c ul.cycle li a {width:700px;height:320px;background:#ddd;margin:0px 0px 0 0;position:relative;float:left;overflow:visible;}
.c ul.cycle li img {border:0;padding:0;width:auto;height:auto;}
.c .cycle-pause {display:none;}



.column{float:left;width:100%;}
.columnleft{float:left; padding:4px 12px 0px 6px;margin:0;width:64%;}
.columnleft img{border:0px;padding:4px 0 0 0;}

.columnright{float:left;display:inline;width:28%;margin-left:0px;padding:14px 0px 0px 0px;}
.m .columnright h2{border:none;background-color:#f5f4f4;font-size:1em;text-transform:uppercase;color:#2388a4;font-weight:bold;padding:6px 0 6px 6px;margin:0 0 8px 0 ;}
.columnright ul{}
.columnright li{line-height:1.1em;font-size:1em;color:#326991;}
.columnright li a{display:block;padding: 0 0 0 4px;list-style-type:none;font-weight:normal;font-size:.9em;}

.date { color:#34a9c9; line-height:1em;font-size:.8em;font-weight:bold; padding:8px 0 12px 2px; margin:0px;border-bottom:1px dotted #ccc;}
.body { line-height:.8em;font-size:.9em;margin:0px;padding:12px 0 3px 2px;}
.body a { color:#3e3c3c; line-height:1.4em;font-weight:normal;}

.j .c ul.gallery {margin:0 -12px 0 0;padding:0;overflow:hidden;zoom:1;}
.j .c ul.gallery li {display:inline;padding:0;list-style-type:none;background:none;}
.j .c ul.gallery li a {width:100px;height:100px;background:#ddd;margin:12px 12px 0 0;position:relative;float:left;overflow:hidden;}
.j .c ul.gallery li img {border:0;padding:0;width:auto;height:auto;}

.style2 {font-size: x-small; }

.social-media{padding-top:16px;padding-left:0px;}
.social-media img  {border:0;padding:0;}

.social-media01link { display:inline-block; width: 31px; height: 33px; background:url(img/facebook.gif) top  left no-repeat; text-indent: -99999px; margin:0 0 0 6px; }
.social-media01link:hover {background-position:bottom left;}

.social-media02link { display:inline-block; width: 31px; height: 33px; background:url(img/twitter.gif) top  left no-repeat; text-indent: -99999px; margin:0 0 0 6px;}
.social-media02link:hover {background-position:bottom left;}

.social-media03link { display:inline-block; width: 31px; height: 33px; background:url(img/rss.gif) top  left no-repeat; text-indent: -99999px; margin:0 0 0 6px;}
.social-media03link:hover {background-position:bottom left;}

.social-media04link { display:inline-block; width: 31px; height: 33px; background:url(img/youtube.gif) top  left no-repeat; text-indent: -99999px; margin:0 0 0 6px;}
.social-media04link:hover {background-position:bottom left;}

.social-media05link { display:inline-block; width: 31px; height: 33px; background:url(img/itunes.gif) top  left no-repeat; text-indent: -99999px; margin:0 0 0 6px;}
.social-media05link:hover {background-position:bottom left;}

.x {
    float: left;
}
.x-1o3, .x-2o6, .x-3o9, .x-4o12 {
    width: 33.3333%;margin-top:12px;
}

h1.fontface1 {padding:90px 6px 0 6px ; color:#252421; font:1.7em 'ArmataRegular', Arial, sans-serif; letter-spacing: 0; background-image:url(img/banner00.jpg); width:215px; min-width:215px; height:77px; max-height:77px; }
h1.fontface1 a {color:#252421;}
h1.fontface2 {padding:90px 6px 0 6px ; color:#184949; font:1.7em 'ArmataRegular', Arial, sans-serif; letter-spacing: 0; background-image:url(img/banner01.jpg); width:215px; min-width:215px;height:77px;max-height:77px; }
h1.fontface2 a {color:#252421;}
h1.fontface3 {padding:20px 6px 0 6px;color:#eaebeb;font:1.7em 'ArmataRegular', Arial, sans-serif;letter-spacing: 0; background:#27A5E9; width:215px;min-width:215px;height:147px;max-height:147px;}

span.bg1{background-color:#FF0;display:block;padding:6px;}
span.bg2{background-color:#ccc;display:block;padding:6px;}
span.bg3{color:#fff;font-size:.9em;line-height:1em;}
span.bg4{color:#f4dc25;font-size:1.4em;line-height:1.4em;}

@font-face {
    font-family: 'ArmataRegular';
    src: url('webfont/Armata-Regular-webfont.eot');
    src: url('webfont/Armata-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/Armata-Regular-webfont.woff') format('woff'),
         url('webfont/Armata-Regular-webfont.ttf') format('truetype'),
         url('webfont/Armata-Regular-webfont.svg#ArmataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------ RESEARCH TEMPLATE STYLES START ------ */


/* ------ **HOMEPAGE** STYLES START ------ */

/* SLIDER NAV STYLE CHANGED FOR RESEARCH */
div#research-group div#slider-nav { z-index: 50; position: absolute; bottom: 20px; right: 20px;}
div#research-group div#slider-nav a { border-radius: 50%;  margin: 5px 5px; padding: 5px 5px 5px 5px; height: 20px; width: 20px; border: 0; background: #FFA200; text-decoration: none;color: #fff; text-align: center; background: none repeat scroll 0 0 rgba(255, 162, 0, 0.7); }
div#research-group div#slider-nav a.activeSlide { background: none repeat scroll 0 0 rgba(50, 146, 206, 0.7);}
div#research-group div#slider-nav a:focus { outline: none; }
div#research-group #slideshow {border-top:10px solid #fff; float: left}
div#research-group #slideshow ul, #slideshow li {margin:0;}
div#research-group #slideshow img {border:0;padding:0;}
div#research-group div#slider-nav > a { display:none }

/* -- TOP CONTAINER STYLES -- */
div#research-group div#top-container { width: 722px; overflow: hidden;}
div#research-group div#top-container div#intro { background-color: #89c03d; padding: 14px; width: 206px; float: right; height: 224px; border-top: 10px solid #fff; margin-left: 10px;}
div#research-group div#top-container #intro p {color:  #fff; font-size: 11px; margin:3px 0;}
div#research-group div#top-container div#intro h1 { color: #415b1d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding:0!important; margin:0!important; border: 0; }
div#research-group div#top-container div#intro a.readmore { color:  #fff; text-transform: uppercase; font-size: 9.5px }
div#research-group img.fade {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
div#research-group .fade:hover {opacity: 0.5;}

/* -- 1ST MENU GROUP STYLES -- */
div#research-group div.menu {overflow: hidden; margin: 0; width: 722px; clear: right; padding: 5px 0 9px 0 }
div#research-group div.menu-item {float: left; width: 234px; text-decoration: none;}
div#research-group div.menu-item ul li { background-image: none; padding-left: 0}
div#research-group div.menu-item a:hover { text-decoration: underline }
div#research-group div.menu-item a {text-decoration: none}
div#research-group div.menu-item-text a { display: block; color: #fff; padding: 12px; background:#3292ce url('img/research-hp-arrow.png') no-repeat 200px 22px; font-size: 11px; line-height: 2em}
div#research-group div.menu div.menu-item h2 a { display: block; background-color: #3292ce;  padding: 12px; font-size: 18px;}
div#research-group div.menu div.menu-item h2 a, div#research-group div.menu div.menu-item h3 a, div#research-group div.menu div.menu-item h4 a  { font-family: Georgia, "Times New Roman", Times, serif; color: #fff;font-variant: normal }

/* -- 2ND MENU GROUP STYLES -- */
div#research-group div.menu div#menu-item-1 { background-color: #89c03d; color: #fff; padding: 10px}
div#research-group div.menu div#menu-item-1 h3 a { color: #fff; font-size: 24px}
div#research-group div.menu div#menu-item-1 p { size: 12px; line-height: 14px; margin: 10px 0; color: #fff}
div#research-group div.menu div#menu-item-2 h3 a { display: block; color: #fff; font-size: 18px; background-color: #bfbfc0; padding: 8px 10px}
div#research-group div#menu-item-2 ul li { font-size: 10px; border-bottom: 1px solid #bfbfc0; background-image: none; margin: 0; padding: 6px 0 6px 0 }
div#research-group div#menu-item-2 ul li span {font-size: 12px; color: #3292CE; font-weight: bold;}
div#research-group div#menu-item-2 ul li p { margin: 5px 0 5px 0; color: #8b8b8b;  background-image: url("img/news-item.png"); background-position: 0 0.4em; background-repeat: no-repeat; padding-left: 17px}
div#research-group div#menu-item-3 img { padding: 0; margin: 0; display: block; float: left; border-style: none solid solid none; border-width: medium 1px 1px medium; border-color: #F5F4F4}
div#research-group div#faces { postion: relative; z-index: 0;}
div#research-group div#menu-item-3 h3 a { display: block; background: url('img/meet-our-group.png') no-repeat 100% 100%; z-index: 2; color: #fff; font-size: 20px; position: relative; height: 49px; width: 220px; margin-top: 135px; padding: 10px 0 0 14px; }

/* ------ **HOMEPAGE** STYLES END ------ */	



/* ------ **CONTENT PAGES** STYLES START ------ */

/* IMAGE QUOTE SIDE-BY-SIDE */
div#research-group div#image-quote-container { width: 722px; border-top: 10px solid #fff; position: relative; overflow: hidden }
div#research-group div#image-quote-container img { float: left}
div#research-group div#image-quote-container h1 {color: #8dc53f; font-size: 26px; position: absolute; background-color: #fff; border-bottom: 3px solid #8dc53f; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); padding: 8px 12px 8px 12px; left:0; top:150px; }
div#research-group div#image-quote-container div.quote { color: #fff; width: 305px; height: 199px; padding: 25px 10px 0 25px; font-size: 22px; line-height: 30px; font-family: Georgia, "Times New Roman", Times, serif; float: right; margin-right: 20px; overflow: hidden;}
div#research-group div#image-quote-container div.staff {background: #8dc53f url('img/staff-quote.png') no-repeat;}
div#research-group div#image-quote-container div.facilities {background: #8dc53f url('img/facilities-quote.png') no-repeat;}
div#research-group div#image-quote-container div.collaborations {background: #8dc53f url('img/collaborations-quote.png') no-repeat; }
div#research-group div#image-quote-container div.projects {background: #8dc53f url('img/projects-quote.png') no-repeat;}
div#research-group div#image-container { width: 722px; border-top: 10px solid #fff; position: relative;}
div#research-group div#image-container h1 {color: #8dc53f; font-size: 26px; position: absolute; background-color: #fff; border-bottom: 3px solid #8dc53f; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); padding: 8px 12px 8px 12px; left:0; top:100px; }

/* INDIVIDUAL STAFF PAGE */
div#research-group h1 { font-size: 24px; color: #7daf38; }
div#research-group h2 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; color: #3292CE; font-variant:small-caps; margin: 5px 0 3px 0; padding: 0 }
div#research-group h3 { color: #7daf38; font-size: 20px; }
div#research-group h4 { font-family: Verdana, Geneva, sans-serif; color: #484848; font-size: 12px; font-weight: bold; padding: 0 }
div#research-group ul#horizontal-links { margin: 10px 0 15px 0; font-size: 12px;}
div#research-group #horizontal-links li { display: inline; list-style-type: none; background-image:none; margin: 10px 0 0 0; border-right: 1px solid #3292CE; padding: 0 14px 0 14px;}
div#research-group #horizontal-links li:first-child { padding-left: 0; } 
div#research-group #horizontal-links li:last-child { border: none } 
div#research-group p#intro { color: #969696; font-size: 16px;  }
div#research-group div.column { float: left; width: 45%; margin: 0 15px 15px 0; overflow: hidden; }
div#research-group div.column div#staff-quote { padding: 10px; background-color: #F5F4F4; width: 246px; border-left: 10px solid #cfcfcf}
div#research-group div.column div#staff-quote blockquote { font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 0 0 0; font-size: 14px; padding: 35px 0 10px 10px; background: #F5F4F4 url('img/staff-quote2.png') no-repeat; }
div#research-group dl { margin: 10px 0 15px; overflow: hidden; background: url('img/publication-icon.gif') no-repeat; padding-left: 25px;}
div#research-group dt {  font-size: 10.5px; margin-top: 5px; float: left; }
div#research-group dd { margin-left: 100px; margin-top: 5px;font-size:10.5px; }

/* STAFF LIST PAGE */
div#research-group div.outer-person { background-color: #f0f2f4; padding: 3px 10px 10px 10px;}
div#research-group div.outer-person h2 { color: #3292ce; margin: 5px 0 0 10px; }
div#research-group div.outer-person img { float: right;}
div#research-group div.inner-person { background-color: #fff; margin: 12px 0 0 0; padding: 10px; overflow:hidden}
div#research-group div.inner-person h3 a { color: #333; font-weight: bold; text-decoration: underline; font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
div#research-group div.inner-person div { width: 50% }

/* NEWS & CONFERENCES */
div#research-group div.news-item { font-size: 11px; padding-bottom: 20px; border-bottom: 1px dotted #cfcfcf; margin-top: 10px; overflow: hidden;}
div#research-group div.news-item span.news-date { color: #b5b5b5; text-transform: uppercase; font-size: 9px; }
div#research-group div.news-item h2 {font-variant: normal; font-weight: normal; font-size: 12px; line-height: 16px}
div#research-group div.news-item img { margin-right: 15px; float: left}
div#research-group div.news-item p { color: #646464; }

/* IN THE MEDIA */
div#research-group dl.media {background:none; padding-left: 0; }
div#research-group dl.media dt { background: #F5F4F4; padding: 5px 5px; border-bottom: 1px solid #dadada; width: 80px }
div#research-group dl.media dd { padding: 5px 0; font-size:10.5px; }
div#research-group a.tv-icon:after { content: url("img/tv.png");height: 20px; width: 20px }

/* UTILITIES
---------------------------------------------------------------------- */
div#research-group  {margin: 15px 0 12px 0}
div#research-group p {margin: 5px 0 12px 0}
div#research-group hr { display: block; border-top: 1px dotted #cfcfcf; color: #fff; background-color: #fff; height: 1px;  width:100%; margin: 10px 0 20px 0; }
div#research-group div.column + hr { clear: left}
div#research-group ul { list-style-type: none; padding: 0px; margin: 0px; }
div#research-group ul li { background-image: url(img/bullet.gif); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 12px; }
div#research-group .uppercase { text-transform: uppercase }
div#research-group .left10 { margin-left: 10px} 
div#research-group .right10 { margin-right: 10px}
div#research-group img.img-noborder { border: 0; padding: 0} 
div#research-group a[href$=".pdf"] { padding-left: 20px; margin: 6px 0; background: url("img/pdf.png") no-repeat scroll 0 0 transparent}
div#research-group a[href$=".docx"],a[href$=".doc"] { padding-left: 18px; margin: 6px 0; background: url("img/word.png") no-repeat scroll 0 0 transparent}
div#research-group a[href$=".xls"] { padding: 4px 0 4px 18px; background: url("img/excel.png") no-repeat scroll 0 0 transparent}
div#research-group .clear { clear: both; display: block; height: 1px; margin: 0; overflow: hidden; padding: 0; }
div#research-group table { color: #147dcb; margin: 15px 0; width: 100% }
div#research-group th, th a, th a:hover { font-weight: bold; background-color: #dfefff; font-size:12px}
div#research-group th, td { padding: 13px;  border: 1px solid #fff}
div#research-group table tr td:first-child a { text-transform: uppercase;}
div#research-group tr:nth-child(odd)    { background-color:#eee; }
div#research-group tr:nth-child(even)    { background-color:#fafafa;}
div#research-group p, div#research-group ul li, div#research-group dd, div#research-group dt { color: #969696}
/* UTILITIES
---------------------------------------------------------------------- */