/*
 * key color chart 
 *
 * CYAN: #3AB6C0;
 * LIGHT BROWN: #DFE5DE;
 * MID BROWN: #B3BBAB;
 * BROWN TEXT:     color: rgb(134, 144, 127);
 *
 * RED: #AC1533      rgb(172, 21, 51);
 * MID-RED: #9E144A;
 * RED-EDGES: #572434;
 *
 * YELLOW: #FEB400;
 * GOLD-EDGES: #C69315
 *
 * GREEN: #90B81D
 *
 */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
       margin:0;
       padding:0;
       border:0;
       outline:0;
       font-size:100%;
       vertical-align:baseline;
       background:transparent;
}
body {
       line-height:1;
       overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, p { padding:0.5em 0px; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
       display:block;
}

nav ul {
       list-style:none;
}

blockquote, q {
       quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
       content:'';
       content:none;
}


a {
       margin:0;
       padding:0;
       border:0;
       font-size:100%;
       vertical-align:baseline;
       background:transparent;
	outline:none;
}

ins {
       background-color:#ff9;
       color:#000;
       text-decoration:none;
}

mark {
       background-color:#ff9;
       color:#000;
       font-style:italic;
       font-weight:bold;
}

del {
       text-decoration: line-through;
}

abbr[title], dfn[title] {
       border-bottom:1px dotted #000;
       cursor:help;
}

table {
       border-collapse:collapse;
       border-spacing:0;
}

hr {
   display:block;
   height:1px;
   border:0;
   border-top:1px solid #cccccc;
   margin:1em 0;
   padding:0;
}

input, select {
       vertical-align:middle;
}


/* Typographic BASE */
body * {font-size: 100%; font-family: "FranklinGothicITCbyBTBook", Verdana, Helvetica, Arial, sans-serif; }
body { overflow: visible; }

/* Structural */

#wrap {
	min-width: 960px;
	width: 100%;
	position: relative;
	overflow-x: hidden;
}

#masthead {
    height: 72px;
    width: auto;
    padding: 8px 0 0 0;
}

#masthead h1 {
    padding: 0;
}

#masthead h1 a {
	display: block;
    height: 43px;
    width:  306px;
    background-color: #F2F4F1;
    color: black;
    background: transparent url("../images/soe_sprites_exp.png");
    background-position: -538px -97px;
    text-indent: -9999px;
}

#mainnav > ul {
    position: absolute;
    margin: 2px 0 0 428px;
    z-index: 9900;
}

#mainnav > ul > li {
    float: left;
    height: 27px;
    width: 82px;
    background-image:url("../images/soe_sprites_exp.png");
    background-position: -538px -29px;
    margin-left: 1px;
}

#mainnav > ul li:hover {
	background: rgb(235, 96, 149)!important;
}

#mainnav > ul > li > a {
	text-transform: capitalize;
}

#mainnav > ul > li ul {
	position: absolute;
	width: 82px;
	margin: 27px 0 0 0;
	z-index: 1000;
	font-size: 9px;
	display: none;
}

#mainnav > ul > li:hover ul {
	display: block;
}

#mainnav > ul > li ul li {
    float: left;
    height: 22px;
    width: 82px;
	background-color: rgb(92, 97, 87);
}

#mainnav > ul > li ul li:nth-child(even){
	background-color: rgb(69, 71, 74);
}

/* about pages */
#wrap.background #mainnav > ul li.about-us,
#wrap.background #mainnav > ul li.about-us > ul li.background,
#wrap.trustees #mainnav > ul li.about-us,
#wrap.trustees #mainnav > ul li.about-us > ul li.trustees,
#wrap.staff #mainnav > ul li.about-us,
#wrap.staff #mainnav > ul li.about-us > ul li.staff,
#wrap.gordon-wilson #mainnav > ul li.about-us,
#wrap.gordon-wilson #mainnav > ul li.about-us > ul li.gordon-wilson,
/* t&r */
#wrap.training-and-resources #mainnav > ul li.training-and-resources,
#wrap.gallery-futurevoices #mainnav > ul li.gallery,
#wrap.news-and-events #mainnav > ul li.news-and-events,
#wrap.contact #mainnav > ul li.contact {
	background: rgb(235, 96, 149)!important;
}


/* ON FUTUREVOICES STUFF SHOULD FADE */

#wrap.futurevoices #mainnav > ul li {
    opacity: .50;
}
#wrap.futurevoices #mainnav > ul li:hover,
#wrap.futurevoices #mainnav > ul li:hover * {
    opacity: 1;
}
#wrap.futurevoices #mainnav > ul li.fvgallery {
    background: #AC1533!important;
    opacity: 1;
}
#wrap.futurevoices #mainnav > ul li.home {
    opacity: 1;
}
#wrap.futurevoices #mainnav > ul li > ul {
    opacity: 1;
}


/* SUBMENUS selected states */
#wrap.sub-who-we-are .submenu li.who-we-are a,
#wrap.sub-news-and-events .submenu li.news-and-events a,
#wrap.sub-destinations .submenu li.destinations a,
#wrap.sub-stories .submenu li.stories a,
#wrap.sub-sixth-form .submenu li.sixth-form a,
#wrap.sub-key-stage-four .submenu li.key-stage-four a,
#wrap.sub-shared-education .submenu li.shared-education a,
#wrap.sub-teacher-support .submenu li.teacher-support a{
    color: #666;
}
/*
#wrap.futurevoices .submenu li.what-we-do a,
#wrap.futurevoices .submenu li.news-and-events a,
#wrap.futurevoices .submenu li.committee a,
#wrap.futurevoices .submenu li.media-group a {
    color: #590318!important;
}
*/
#wrap.futurevoices.sub-what-we-do .submenu li.what-we-do a,
#wrap.futurevoices.sub-news-and-events .submenu li.news-and-events a,
#wrap.futurevoices.sub-committee .submenu li.committee a,
#wrap.futurevoices.sub-media-group .submenu li.media-group a
/*
#wrap.futurevoices .submenu li.what-we-do a:hover,
#wrap.futurevoices .submenu li.news-and-events a:hover,
#wrap.futurevoices .submenu li.committee a:hover,
#wrap.futurevoices .submenu li.media-group a:hover */
{
    color: #eee!important;
}


/* END MAINNAV */



/* START SUBSCRIBE BUTTON */

#subscribe {
    width: 283px;
    height: 33px;
    position: absolute;
    top: 12px;
    right: 10px;
}

#subscribe .social {
	float: right;
	margin-left: 8px;
}

#subscribe input[type="email"] {
	background: #fff;
	height: 22px;
	width: 172px;
	border: none;
	color: rgb(134, 144, 127);
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 8px;
	border-radius: 0;
	padding: 1px 3px;
}

#subscribe input[type="submit"], .subscribe-page input[type="submit"] {
	background: url('../images/soe_sprites_exp.png') -337px 0px no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;	
	text-indent: -9999px; text-transform: capitalize;
	border: none;
	border-radius: 0;
	padding: 0;
}

#wrap > div {
    margin: 0 0 0 30px;
}

#colornav {
    background-color: rgb(134,144,127);
    height: 112px;
    width: 100%;
    z-index: 5;
    overflow: visible;
}

#colornav h2 {
    font-family:  FranklinGothicITCbyBTBook, Verdana, Helvetica, Arial, sans-serif;
    color: white;
    font-size: 1.4em;
    font-weight: normal;
    padding-top: 6px;
}

#colornav > ul li {
    float: left;
    min-width: 200px;
    height: 112px;
    overflow: visible;
}

#colornav .submenu > ul li {
	min-width: 190px;
}

#colornav li .tail{
    position: absolute;
    height: 162px;
    width: 43px;
    z-index:9;
}

#colornav li .overlay {
    height: 112px;
    z-index: 10;
    position: absolute;
    padding: 8px 0 0 10px;
    background: transparent;
}

#colornav li.blue .tail  {

    background-image: url("../images/soe_sprites_exp.png");
    background-position: 0  -2px;
}

#colornav li.red .tail  {
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -246px  -2px;
}

#colornav li.yellow .tail  {
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -164px  -2px;
}

#colornav li.green .tail  {
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -82px  -2px;
}

#colornav li.blue {
    background-image: url("../images/soe_bar_blue_repeat.png");
    background-position: 0 -2px;
}

#colornav li.green {
    background-image: url("../images/soe_bar_green_repeat.png");
    background-position: 0 -2px;
}

#colornav li.red {
    background-image: url("../images/soe_bar_red_repeat.png");
    background-position: 0 -2px;
}

#colornav li.yellow {
    background-image: url("../images/soe_bar_yellow_repeat.png");
    background-position: 0 -2px;
}

#colornav a {

}
#colorbar #colornav li.blue {
}
#colorbar #colornav li.green {
}
#colorbar #colornav li.yellow {
}
#colorbar #colornav li.red {
}

#colornav li.open {
    min-width:326px;
}

section {
    width: auto;
    display: block;
    clear: both;
}

#main {
	padding: 0;
	position: relative;
	background: #F3F6F3;
}

#main .top {
	width: 100%;
	background: url('../images/main-top.png') left top repeat-x;
}

#main .bottom {
	background: url('../images/main-bottom.png') left bottom repeat-x;
	width: 100%;
}

#main .left {
	background: url('../images/main-left.png') left top repeat-y;
}

#main .right {
	background: url('../images/main-right.png') right top repeat-y;
}

#main .main-copy, 
#main .left-side {
	padding: 50px 25px 0 15px;
	width: 390px;
	background: url('../images/main-right.png') right top repeat-y;
	z-index:3;
}
#main .main-copy{	
	padding-bottom: 20px;
}
#main .two-col, #main .columize, .article-content {
    color: rgb(134, 144, 127);
    font-size: 14px;
   
/* Columns don't work properly */ 
/* 
    -moz-column-count: 2; -moz-column-gap: 1em; 
    -webkit-column-count: 2; -webkit-column-gap: 1em; 
    column-count: 2; column-gap: 1em;
*/
}
#main .columize {
    margin-top: 10px;
    
}
#main .columize p {
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    line-height: 15px;
}
#main .two-col-header {
    color: rgb(134, 144, 127);
    font-size: 17px;
}
#main .two-col h1 {
}
#main .futurevoices .emphasised {
    color: #AC1533!important; /* #9E144A */
}
#main .explore .emphasised {
    color: rgb(134, 144, 127);
}
#main .together.emphasised {
    color: #FEB400;
}
#main .emphasised {
    color: rgb(58, 182, 191);
	font-size: 17px;
	line-height: 1.2em;
}
#main .emphasised p {
	line-height: 1.2em;
}
#main .emphasised a {
    text-decoration: dotted;
    color: inherit;
}
#main .two-cols *, .article-content {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
}
#main .explore .two-cols *, #main .explore .two-col-header {
    color: rgb(134, 144, 127);
}
#main .two-cols > div {
    width:180px;
    margin-right: 10px;
    float: left
}
#main .two-cols h1 {   
    font-size: 1.2em;
}
#main .main-copy.two-col img {
}
#main .main-copy.two-col audio {
}

.right-side img.photo {
    z-index:4!important;
}
.staff-profile.right-side .feature-text {
    text-shadow: none;
    color: #3AB6BF!important;
}
#main .main-art .feature-text,
#main .main-art .feature-text a,
.right-side .feature-text,
.right-side .feature-text a{
	font-size: 45px;
	font-family: FranklinGothicITCbyBTDemiItal, inherit;
	color: white;
	text-shadow: 0 1px 15px #666;
	position: relative;
	width: 80%;
	z-index: 2;
	text-decoration: none
}
.right-side .feature-text a:hover,
#main .main-art .feature-text a:hover {
/*
    text-shadow: 0 1px 5px #666;
    position: relative;
    top: 3px;
*/
}
#main .futurevoices .feature-text {
    color: white!important;
    text-shadow: none;
/*     text-shadow: 0 1px 15px #fff; */
}
#main .staff-profile.futurevoices .feature-text {
    color: #AC1533!important;
    text-shadow: none!important;
}
#wrap.explore .feature-text {
    color: #90B81D!important;
    text-shadow: none;
/*     text-shadow: 0 1px 15px #fff; */
}
.together .feature-text {
    color: white!important;
    text-shadow: none;
/*     text-shadow: 0 1px 25px rgba(255,255,255,0.5)!important; */
}
#main .main-art,
#main .main-art2 {
	padding-top: 50px;
	padding-bottom: 20px;
	min-width: 470px;
	background: url('../images/main-left.png') left top repeat-y;
	overflow: hidden;
}
#main .main-art > .right-side,
#main .main-art2 > .right-side {
    margin-top: 0!important;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	width: 100%;
	height: 100%;
	display:block;
}
.news-and-events-copy, .staff-profile {
    width: 470px!important;
}
.news-and-events-copy h2 {
	margin-top: 0;
    color: #3AB6C0;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    font-style: italic;
	font-family: FranklinGothicITCbyBTBook, inherit;
}
.news-and-events-copy *, .news-and-events-list li span {
    color: rgb(134,144,127);
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
}

#main .news-items-overlay {
    position: relative;
    z-index: 3;
/*
    background-color: white;
    background-color: rgba(255,255,255,0.95);
*/
    width: 400px;
}

#main .main-copy,
#main .main-art,
#main .main-art2,
#main .right-side,
#main .left-side {
	float: left;
	position: relative;
	z-index:2;
}

#main .right-side :first-child,
#main .left-side :first-child,
#main .main-copy :first-child,
#main .main-art :first-child {
	padding-top: 0;
}

#action-points {
	padding: 13px 0 0 0;
	width: 100%;
	min-width: 960px;
	height: 125px;
	z-index: 4;
}

#action-points .bg {
	width: 100%;
	padding-left: 12px;
	padding-bottom: 10px;
}

#action-points .bg > div {
	width: 202px;
	float: left;
	position: relative;
	height: 116px;
	overflow: hidden;
}

#action-points .bg > div.split {
	width: 7px;
	height: 108px;
	background: url('../images/soe_sprites_exp.png') -329px 0px;
	margin: 0px 12px;
}

#action-points .bg > div > :first-child {
	padding-top: 0;
}

#action-points .testimony {
	font-size: 11px;
	font-family: Verdana, sans-serif;	
	color: rgb(134, 144, 127);
}

#action-points .testimony h3 {
	font-size: 12px;
	font-weight: bold;
	color: rgb(58, 182, 191);	
}

#action-points .testimony h3 span {
	font-weight: normal;
}

#action-points .testimony p {
	font-style: italic;
	line-height: 13px;
}

#action-points .testimony .signature {
    position: absolute;
    right: 0;
}


#action-points .fundraising {
	color: rgb(210, 11, 50);
}

#action-points .fundraising h3 {
	font-size: 25px;
	padding-bottom: 10px;
	font-weight: normal;
}
#action-points .fundraising h3 a {
    color: rgb(210, 11, 50)!important;
}

#action-points .fundraising p {
	font-size: 14px;
	padding-top: 0;
}

#action-points .fundraising .cashregister {
	width: 105px;
	height: 30px;
	background: url('../images/soe_sprites_exp.png') -538px 0px;
	padding: 0 0 0 35px;
	position: absolute;
	bottom: 5px;
	left: 0;
}

#action-points .fundraising .cashregister span {
	display: block;
	float: left;
	width: 16px;
	color: rgb(134, 144, 127);
	font-size: 22px;
	padding: 2px 0 0 2px;
}

#action-points .fundraising .cashregister span.deliminator {
	width: 9px;
}

#action-points .donating {
	color: #90B81D;
	font-size: 14px;
}
#action-points .donating a, 
#action-points .donating h3 a,
#action-points .fundraising h3 a {
	color: #90B81D;
    text-decoration: none;
	font-size: 25px;
	font-weight: normal;
}

#action-points .donating .donate-button {
	background: url("../images/soe_sprites_exp.png") -700px -60px no-repeat;
	width: 33px;
	height: 33px;
	display: block;
	text-indent: -999px;
	position: absolute;
	bottom: 7px;
	right: 0;
    -webkit-transition: -webkit-transform 1s ease-in-out;
}
#action-points .donating .donate-button:hover {
    -webkit-transform: scale(1.1);
    -webkit-transition: -webkit-transform 1s ease-in-out;
}
#action-points .promotion {
	font-size: 14px;
	color: rgb(255, 255, 255);
}

#action-points .promotion h3 {
	font-size: 25px;
	color: rgb(255, 180, 0);
	padding: 0;
	font-weight: normal;
}

#action-points .promotion .tip {
/* 	background: url('../images/fv.png') -6px -6px no-repeat; */
	padding: 5px 3px;
	height: 139px;
}
#action-points .promotion .explore {
	background: url('../images/soe_sprites_exp.png') 0 -236px no-repeat;
}
#action-points .promotion .together {
	background: url('../images/soe_sprites_exp.png') -196px -236px no-repeat;
}
#action-points .promotion .future-voices {
	background: url('../images/soe_sprites_exp.png') -392px -236px no-repeat;
}

#action-points .promotion a {
	background: transparent;
	height: 28px;
	width: 28px;
	display: block;
	text-indent: -999px;
	float: right;
	margin: -65px 10px 40px 0;
}

/* Graphical */
.bg-left {
	background: url('../images/background-left.jpg') top left repeat-y;
	min-height: 100%;
}

body {
	background: url('../images/background-right.jpg') top right repeat-y;
	min-height: 100%;
}

footer {
	border-top: 1px solid #999;
	margin: 10px 10px 0 0;
	color: rgb(134, 144, 127);
	font-size: 11px;
	font-family: Verdana, sans-serif;
	padding: 0 0 10px 0;
	width: 100%;
	min-width: 960px;
	z-index: 5;
}

footer > div,
footer > h3  {
	float: left;
}

footer .funders {
	width: 615px;
	overflow: hidden;
	position: relative;

}

footer > p, footer > h3 a  {
    font-family: Verdana, sans-serif;
    color: rgb(134,144,127);
    font-size:11px;
} 
footer > p, footer > h3 {
    float: left;
    padding-right: none!important;
    margin-right: 40px;
}

footer .funders img {
    margin-top: 5px;
    margin-left: 5px;
}

footer > h3 a {
	color: rgb(134, 144, 127);
	text-decoration: none;
	font-weight: normal;
    margin-right: 10px;
}

footer .footer-expanders {
	height: 185px;
	background: transparent url('../images/sitemap-back.png') repeat;
	left: 0;
	position: absolute;
	width: 100%;
	margin-top: -245px;
	color: rgb(211, 218, 208);
	font-size: 12px;
	display: none;
	overflow: hidden;
	z-index: 10000;
}

footer .footer-expanders.footer-short.open {
    height: 135px;
	margin-top: -195px;
}

footer .footer-expanders .col {
	width: 150px;
	padding: 0px 10px 35px 10px;
	margin-top: 35px;
	float: left;
	border-left: 1px solid rgb(36, 38, 33);
	height: 185px;
	overflow: hidden;
}

footer .footer-expanders .col5 {
    width: 827px
}

footer .footer-expanders .colshort {
    height: 135px!important;
    padding: 35px 15px;
}

footer .footer-expanders .col.nb {
	border-left: none;
	width: 68px;
}

footer .footer-expanders h3 {
	font-size: 14px;
}

footer .footer-expanders h3 a {
	color: rgb(211, 218, 208);
	text-decoration: none;
}

footer .footer-expanders a {
	color: rgb(144, 154, 136);
	text-decoration: none;
}

footer .footer-expanders p {
    padding: 0.2em 0;
}

footer .footer-expanders a:hover {
	color: rgb(58, 182, 191);	
}


/* Typographic */
#mainnav li {
    background-color: #666;
}
#mainnav li a {
    /* verdana */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    padding: 2px 3px 0 5px;
	display: block;
}

#mainnav li ul li a {
	font-size: 9px;
	padding-top: 5px;
}

#colorbar {
    padding: 0.5em;
}

#colorbar p {
    color: white;
}

#colorbar strong {
    margin-right: 0.25em
}

#arrow {
	display: block;
    height: 24px;
    width: 24px;
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -700px 0;
    font-size: 0;
    text-indent: -999px;
}

.green #arrow,
.yellow #arrow,
.red #arrow {
	display: none;
}

#menu-explore a,
#menu-together a,
#menu-futurevoices a {
    display:block;
    height: 200px;
    width: 100px;
}

#menu-explore a,
#menu-explore span {
    display:block;
    height: 36px;
    width: 146px;
}

#menu-futurevoices a,
#menu-futurevoices span {
    display:block;
    height: 60px;
    width: 127px;
}

#menu-together a,
#menu-together span {
    display:block;
    height: 33px;
    width: 185px;
}

#menu-explore span {
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -337px -25px;
    text-indent: -9999px;
}

#menu-together span {
    height: 33px;
    width: 185px;
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -337px -63px;
    text-indent: -9999px;
}

#menu-futurevoices span {
    height: 58px;
    width: 127px;
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -337px -96px;
    text-indent: -9999px;
}

#colornav .latest {
	color: #fff;
	font-size: 15px;
	line-height: 16px;
	padding: 0 0 5px 0;
}

#colornav .green .latest,
#colornav .red .latest,
#colornav .yellow .latest {
	position: absolute;
	margin: 60px 0 -20px 12px;
	z-index: 1000;
	width: 220px;
}

#colornav .red .latest {
	margin-top: 70px;
}

#colornav .latest strong {
	font-size: 16px;
}
#colornav a.apply {
	background-image: url("../images/soe_sprites_exp.png");
    background-position: -536px -60px;
    text-indent: -9999px;
    width: 163px;
    height: 33px;
    position: absolute;
    right: 8px;
    bottom: 18px;
}

 small {
    font-size: 0.7em;
}


/* styling news page */

.news-and-events-list {
    padding: 10px 35px 0 15px;
}
.news-and-events-list ul {
    list-style: none;
    margin-right: 45px;
}
.news-and-events-list li {
    margin-bottom: 0.75em;
}
.news-and-events-list li a {
    display:block;
    background-color: #3AB6C0;
    font-size: 1em;
    color: white;
    text-decoration: none;
    padding: 0.5em!important;
}
.futurevoices.news-and-events-list li a {
    background-color: #9E144A;
}
.futurevoices.news-and-events-list li span {
    color: #9E144A
}
.news-and-events-list li.closed a {
    background-color: #DFE5DE;
    color: #B3BBAB;
}
.news-and-events-list li span {
    display:block;
    color :#3AB6C0;
    background-color: white;
    padding: 0.5em!important
}
.news-and-events-list li.closed span {
    color: #B3BBAB;
}

.news-and-events-list .pagination {
    
}
.news-and-events-list .pagination li {
    display: inline-block; 
    width: 1.5em; height: 1.5em;
}




.right-side h2 {
    width: 440px!important;
}
.futurevoices.right-side h2 {
    color: #9E144A;
    text-shadow: 0 1px 15px #999!important;
}

.explore.right-side h2 {
    color: #B3BBAB;
    text-shadow: 0 1px 15px #999!important;
}

.together.right-side h2 {
    color: #FEB400;
    text-shadow: 0 1px 15px #999!important;
}

.article-image {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.photo-albums .image-items,
.staff-profile-list .image-items {
    list-style: none; 
    display: block;
}
.photo-albums .image-items li,
.staff-profile-list .image-items.Staff li {
    background-color: transparent; /*#3AB6C0;*/
    display: inline-block;
    float: left; 
    width: 92px;
    height: 92px;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-bottom: 0;
    
    -moz-opacity:0.35; filter:alpha(opacity=35);
    opacity: 0.35;
}

.photo-albums .image-items li:hover,
.staff-profile-list .image-items.Staff li:hover,
.photo-albums .image-items li.selected,
.staff-profile-list .image-items li.selected  {
    filter:alpha(opacity=85);
    -moz-opacity:.85; 
    opacity: .85;
    -webkit-transition: opacity 0.5s linear;
}


.staff-profile-list .image-items.Trustees li {
    background-color: #3AB6C0;
    margin-bottom: 5px;
    padding: 5px!important;
    color: white;
    text-decoration: none;
}
.staff-profile-list .image-items.Trustees li a {
    color: white;
    text-decoration: none;
}
.staff-profile-list .image-items.Trustees li span {
    color: #333;
    position: absolute; 
    left: 200px;
}



.photo-albums .gallery-year-list {
    color: #B3BBAB;
    font-size: 0.75em;
}
.photo-albums .gallery-year-list a {
    color: rgb(134,144,127);
    text-decoration: none;
}
.photo-albums h2 {
    clear: left;
}
.staff-profile {
    color: rgb(134, 144, 127);
}
.staff-profile h2 {
    font-size:43px!important;
    padding-bottom: 0!important;
}
.staff-profile h3 {
    padding-bottom: 0;
    font-style: italic;
}
.staff-profile p {
    margin-top: -5px!important;
}
.staff-profile img.portrait {
    margin-left: -20px;
}

.main-art.expanderlist li > *,
.main-art.expanderlist dd > *
 {
    color: rgb(134,144,127);
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding-top: 10px!important;
}

.main-art.expanderlist dl {
    width: 500px;
    margin-top:0;
    margin-bottom: 200px!important

}
.main-art.expanderlist dt,
.main-art.expanderlist dd {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.main-art.expanderlist .teaching-and-resources > dt {
    background-color: rgb(134, 144, 127);
    cursor: pointer;
    margin-top: 1em;
    padding: 0.25em!important;
    font-size: 18.5px;
    color: rgb(211, 218, 208);
}
.main-art.expanderlist .teaching-and-resources > dt:hover,
.main-art.expanderlist .teaching-and-resources > dt.selected {
    color: white;
}
.main-art.expanderlist dt:first-child {
/*     margin-top: 0; */
}

.main-art.expanderlist dt.closed {
    color: #B3BBAB;
}

.main-art.expanderlist dt.explore,
.main-art.expanderlist dt.future-voices,
.main-art.expanderlist dt.together {
    background-color: #DFE5DE;
    color: rgb(134, 144, 127);
}

.photo-albums h2,
.main-art.expanderlist dt.explore ,
.main-art.expanderlist dt.future-voices ,
.main-art.expanderlist dt.together {
    height: 13px;
    text-indent:-9999px;
}
.photo-albums h2 {
    padding-top: 0!important;
}

.main-art.expanderlist dt.explore,
.main-art.expanderlist dt.together,
.main-art.expanderlist dt.future-voices
 {
    width: 500px;
    height: 22px;
    padding: 3px;
    background-color: rgba(255,255,255,0.7);
}


    
.main-art.expanderlist dt.explore span,
.photo-albums h2.explore {
    background: transparent url("../images/soe_sprites_exp.png") no-repeat; 
    width: 98px;
    background-position: -124px -189px;
    background-position: -723px -236px;
    display: block;
}

.main-art.expanderlist dt.future-voices span,
.photo-albums h2.future.voices {

    background: transparent url("../images/soe_sprites_exp.png") no-repeat; 
    width: 165px;
    display: block;
    background-position: -1px -212px;
    background-position: -651px -261px;
}
.main-art.expanderlist dt.together span,
.photo-albums h2.together {
    background: transparent url("../images/soe_sprites_exp.png") no-repeat; 
    width: 110px;
    display: block;
    background-position: -1px -191px;
    background-position: -600px -238px;
}
.main-art.expanderlist dd dl > dt  {
    font-size: 1.4em;
    cursor: pointer;
    color: #3AB6C0;
}    
.main-art.expanderlist dd dl > dt {
    background-color: transparent;
    margin-top: 0;
}
.main-art.expanderlist dd dl > dd {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: rgb(134, 144, 127);
}

.main-art.expanderlist .expander.subdl dd ul {margin-top:0!important; padding-top: 0!important;}







#colornav .submenu ul {
	position: absolute;
	z-index:1000;
	width: 190px;
	left: 270px;
}
#colornav .submenu li {
    height: 26px;
    width: 82px;
    background-image:url("../images/soe_sprites_exp.png");
    background-position: -540px -150px;
    float: left;
}

#colornav li.green.open .submenu li {
    background-image:url("../images/soe_sprites_exp.png");
    background-position: -850px -0px;
}

#colornav li.green.open .submenu li:nth-child(even){
    background-position: -850px -26px;
}

#colornav li.green.open .submenu li a {

}

#colornav li.red.open .submenu li {
    background-image:url("../images/soe_sprites_exp.png");
    background-position: -850px -104px;
}

#colornav li.red.open .submenu li:nth-child(even){
    background-position: -850px -130px;
}

#colornav li.red.open .submenu li a {
    color: #590318
}

#colornav li.yellow.open .submenu li {
    background-image:url("../images/soe_sprites_exp.png");
    background-position: -850px -52px;
}

#colornav li.yellow.open .submenu li:nth-child(even){
    background-position: -850px -78px;

}

#colornav li.yellow.open .submenu li a {
    color: #fff;
}

#colornav li.red.open .submenu li a:hover {
	color: #fff;
}

#colornav li.yellow.open .submenu li a:hover {
	color: #98710D;
}

#colornav li.green.open .submenu li a:hover {
	color: #70786B;
}

#colornav .submenu li a {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    padding: 2px 3px 0 5px;
}

.item-list {
    margin-right: 45px;
    padding: 10px 35px 0 15px;
    list-style: none;
    margin-right: 45px;
}
.item-list li {
    display:block;
    background-color: #DFE5DE;
    font-size: 1em;
    color: white;
    text-decoration: none;
    padding: 0.5em!important;
    margin-bottom: 15px;
}
.item-list li a {
    background-color: #DFE5DE;
    color: rgb(134, 144, 127);
    text-decoration: none;
} 
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.explore .arrow-apply-button a {
    display: block;
    width: 190px;
    height: 24px;
    background-image: url("../images/soe_sprites_exp.png");
    background-position: -335px -202px;
/*     text-indent: -9999px; */
    margin: 5px 0 ;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 7px!important;
}

/* Application Form */
div.step { 
	display: none;
}

div.step h2 { 
	padding-bottom:1em;
}

.explore-bg {
	background-color: #DFE5DE;
	color: rgb(134, 144, 127); //#B3BBAB;
}

table.tab-appform {
	width: 500px;
}

table.tab-appform td {
	padding-right: 20px;
	width: 50%;
}

label { 
	float: left;
	padding:3px;
	width: 100%; 
}

.photo-albums h2 {
    position: relative;
    margin : 5px 0 10px;
}
.photo-albums h2 .arrow {
    position: absolute;
    left: 300px;
    top: -5px;
    width: 28px;
    height: 28px;
    background-color: transparent;
}

.photo-albums h2.explore.closed {
    width: 89px;
    background-position: -445px -153px;
}
.photo-albums h2.future.voices.closed {
    background-position: -373px -178px;
}
.photo-albums h2.together.closed {
    background-position: -322px -155px;
}

.photo-albums h2.open .arrow {
    background: transparent url("../images/soe_sprites_exp.png") no-repeat;
    background-position: -246px -194px;
    text-indent: -9999px;
}
.photo-albums h2.closed {
    
}
.photo-albums h2.closed .arrow {
    background: transparent url("../images/soe_sprites_exp.png") no-repeat;
    background-position: -296px -195px;
    text-indent: -9999px;
}


dd li {
    margin-top: 10px
}

.explore dt {
    font-weight: bold; 
    line-height: 17px;
}
.explore dd {
    line-height: 15px;
    margin-bottom: 8px;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   cursor: pointer;
}
.gallery-prepared {
    border: 1px solid;
    border-color: red;
}










/* right image background filling */

.right-image, .right-map {
	position: absolute;
	background-color: black;
    width: 100%;
	top:  -50px;
	padding: 0;
	right: 0;
	z-index: 0;
	overflow: hidden;
}

.right-image img, .right-map img {
    position: relative;
    float: right;
    height: 85%;
    width: 100%;
    right: -1;
    z-index: 0;
}

.right-map img {
    left: -800px;
}


/* end right image  */







/* mooplayer */
div.mooplayer span {
    color: white;
}
div.mooplayer-single-player,
div.mooplayer-playlist-player {
    background-color: #B1BBAB;
	color: #333!important;
	float: left;
	width: 110px;
	height: 20px;
}

div.mooplayer-interface {
	position: relative;
	height:12px;
}

div.mooplayer-single-player div.mooplayer-interface {
	border-bottom:none;
}

div.mooplayer-interface ul.mooplayer-controls {
	list-style-type:none;
	padding: 0!important;
	margin: 0!important;
}
div.mooplayer-interface ul.mooplayer-controls li {
	position: absolute;
	padding: 0!important;
	margin: 0!important;
}

div.mooplayer-interface ul.mooplayer-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}

a.mooplayer-play,
a.mooplayer-pause {
	width:8px;
	height:13px;
}

a.mooplayer-play {
	background: url("play.png") no-repeat;
}

a.mooplayer-play:hover {
	background: url("play-on.png") no-repeat;
}

a.mooplayer-pause {
	background: url("pause.png") no-repeat;
	display: none;
}

a.mooplayer-pause:hover {
	background: url("pause-on.png") no-repeat;
}

a.mooplayer-stop,
a.mooplayer-previous,
a.mooplayer-next {
	display: none;
}

div.mooplayer-progress {
	position: absolute;
	left: 20px;
	top: 7px;
	background-color: #788272;
	width: 160px;
	height:2px;
}

div.mooplayer-load-bar {
	height: 20px;
}

div.mooplayer-play-bar {
	background: url("seeker.png") right no-repeat;
	width:5px;
	height:12px;
	position: absolute;
	margin-top: -5px;
}

a.mooplayer-volume-min,
a.mooplayer-volume-max,
div.mooplayer-volume-bar {
	display: none;
}

div.mooplayer-play-time,
div.mooplayer-total-time {
	display: none;
}

div.mooplayer-playlist {
	display: none;
}

.gordon.wilson {
    padding-bottom: 50px!important;
}
.mp3player {
    background-color: #B1BBAB;
    width: 185px;
    font-size: 0.9em;
    color: rgb(134, 144, 127);
	padding: 6px;
	padding-bottom: 2px;
	margin:0 0 4px 0;
	
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.mp3player h3 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    margin-bottom: 5px;
    font-weight: normal;
    display: block;
    position: absolute; 
    top: -15px;
    left: 0
}
/* end mooplayer */

.section-btn {
    color: #86907F;
}
.section-btn.selected {
    color: black!important;
}






.participants {

} 
.portrait-img {
    float: right;
    display: block;
    width: 92px;
    height: 92px;
    padding-left: 5px;
    margin-top: 5px;
}
.portrait-img2, .article-thumb {
    float: left;
    display: block;
    width: 92px;
    height: 92px;
    padding-left: 15px;
    margin-top: 5px;
}
.portrait-img2 {
    width: auto;
    height: auto;
    max-width: 342px
}


div.article-large { 
    /* container for pop-up article image */
}
.article-large img{
    /* pop-up article image? */
}
.participants-list {
    list-style: none;
    display: block;
    padding: 10px 35px 0 15px;
    position: relative;
}

li.participant {
    background-color: white;
    margin-bottom: 5px;
    margin-top: 10px;

    color: white;
    text-decoration: none;
    clear: both
}

li.participant a {
    color: #B3BBAB;
    background-color: #DFE5DE;
    padding: 5px!important;
    display: block;
    text-decoration: none;
}

li.participant.selected a {
    background-color: #90B81D;
    color: white;
}

li.participant span {
    padding: 5px;
    display: block;
    background-color: white;
    color: #B3BBAB;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 15px;
}

li.participant.selected span {
    color: #90B81D;
}

.staff-profile h3 {
    font-size: 19px;
}
.right-side .right-text p,
.right-side .bio {
    color: #86907F;
    font-size: 15px;
    line-height: 17px;
    font-family: Verdana, Helvetica, Arial, sans-serif
}



.image-view {
    margin-left: -20px;
}

.right-text {
    margin-top: -20px;
    width: 480px;
    color: #3AB6C0
}


.fblogo {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 20px;
    right: 25px;
    background: transparent url("../images/soe_sprites_exp.png") no-repeat;
    background-position: -735px -60px;
    text-indent: -9999px;
}

.twlogo {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 20px;
    right: 56px;
    background: transparent url("../images/soe_sprites_exp.png") no-repeat;
    background-position: -761px -60px;
    text-indent: -9999px;
}


.poster {
    position: absolute;
    top: 140px;
    left: 0;
}


.error {
    color: red!important;
}


a#donate-btn {
    display: block;
    position: absolute;
    top: 20px;
    left: 460px;
    height: 27px;
    width: 85px;
    background: transparent url("../images/soe_sprites_exp.png") no-repeat;
    background-position: -590px -284px;
    text-indent:-9000px;
}

a {color: inherit; }

.contact-page a { text-decoration: none }
.contact-page h4 { font-size: 85%; padding-bottom: 0; }
.contact-page p {padding-top: 0;}

.gallery-wrap.open {
    margin-bottom: 20px;
}