﻿/*
*  Based on Golden Grid System (1.01), Extended By Daniel Simms (Select Information Systems)
*/

/*Resets*/
body,div,h1,h2,h3,h4,h5,h6,SISLayoutRow,newsArticleRow,p,blockquote,pre,.Container,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,div {  margin: 0;  padding: 0;  border: 0;}

/*
*  Consistency fixes adopted from http://necolas.github.com/normalize.css/
*/

html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{min-height:100%;/*font-size:100%;*/}article,.Container,SISLayoutRow,aside,details,figcaption,figure,footer,header,hgroup,nav,div,audio,canvas,video{display:block;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}pre{white-space:pre-wrap;word-wrap:break-word;}b,strong{font-weight:700;}abbr[title]{border-bottom:1px dotted;}input,textarea,button,select{font-size:100%;line-height:normal;vertical-align:baseline;margin:0;}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}textarea{overflow:auto;font-family: futura-pt, Arial,Helvetica,sans-serif;}table{border-collapse:collapse;border-spacing:0;}figure{position:relative;}figure img,figure object,figure embed,figure video{max-width:100%;display:block;}img{border:0;-ms-interpolation-mode:bicubic;}

/*
*	Zoomable grid based on Golden Grid
*/
input {
    border-radius: 0;
}
p{
padding-top:1em;
padding-botom:1em;
} 

.wrapper .wrapper, .padd{
padding: 0.25em 0.5em;
}

.padd{
padding: 0 0.5em!important;
padding-top: 0.5em!important;
}

.marginVert {
    margin-top: 1em;
    margin-bottom: 1em;
}
.marginVertTop {
    margin-top: 1em;    
}
.wrapper .wrapper .wrapper{
padding: 0;
padding-bottom: 0.5em;
}

.wrapper img{
max-width:100%!important;
}

body {
/* 16px / 24px 
font-size: 1em;
line-height: 1.3em;
font-family:futura-pt, Arial, Helvetica, sans-serif;*/
font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
}

.small {
/* 13px / 18px */
font-size: 0.8125em;
line-height: 1.3846153846153846em;
}

.huge {
/* 42px / 48px */
font-size: 2.625em;
line-height: 1.1428571428571428em;
}

.massive {
/* 68px / 72px */
font-size: 4.25em;
line-height: 1.0588235294117647em;
}

.gigantic {
/* 110px / 120px */
font-size: 6.875em;
line-height: 1.0909090909090908em;
}


h1,h2,h1,h4, strong{
font-family: futura-pt, 'Source Sans Pro', sans-serif;
}

/*
*  Four-column grid active (t for thin)
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*/
.Container {
margin: 0%;
margin-top:0;
background-color:transparent;
}
.millImageContainer{
width:100%!important;
float:left;
}
.millTextContainer{
width:100%!important;
float:left;
}
.millImageChild {
float:left;
}
		
SISLayoutRow {
width:100%;
float:left;
background-image:url(../Images/BG90.png);
background-repeat:repeat;
padding-top:0.8em;
padding-bottom:0.8em;
}

.emphasise
{
    font-weight: bold;
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

h1 {
font-size: 1.8em;
color:#000000;
font-weight:bold;
/*line-height: 1.3846153846153846em;*/
}	

h2 {
font-size: 1.438em;
color:#000000;
font-weight: bold;
/*line-height: 1.3846153846153846em; */
    line-height: 1.13846em;
padding-bottom:0.75em;
}

.headerTopSpacer h1{
padding-top:0; 
margin-top:0;
font-size: 1.45em;
}

/*hide on 4 col*/
.Hidet {
display:none;	
}

.Hidew{
display:block;
}

/*Auto Sizes - fold autimatically no need for seperate 8 col size in class*/
.a25{
float: left;
width:50%;
}
.a15{
float: left;
width:100%;
}
.a50{
float: left;
width:100%;
}

.a59{
float: left;
width: 59%;
}

.a75{
float: left;
width:75%;
}

.a60{
float: left;
width:60%;
}

.a40{
float: left;
width:40%;
}

.a47{
float: left;
width:47%;
}

.a30{
float: left;
width:50%;
}

.a17{
float: left;
width:50%;
}

.a100{  
float: left;
width:100%; 
}

/*Specific 4 col sizes*/
.t50{
float: left;
width:50%;
}

.t25{
float: left;
width:25%;
}

.t100{
float: left;
width:100%;
}

.headerTopSpacer{
margin-top:0;
}

footer{
font-size:0.8em;
line-height:1.2em;
}

.ptop1em{
padding-top:0;
}

/*Used to re-arange when moving to 4 col
EG: 25   50   25 on 8 col  to 25   25   50 on 4 col
*/
.wRight-tLeft {
float:left!important;
}

.wLeft-tRight{
float:right!important;
}

.ClearOnt{
clear:both;
}

.ClearOnw{
clear:none;
}

.eventtitle{
width:100%;
}

.eventimg {
display:block!important;
}

.tpadd{
padding: 0 0.5em!important;
padding-top: 0.5em!important;
}

header ul li a
{
font-size:0.75em;  
text-decoration:none;
color: #a6a6a7;
}

/*events
{
font-size:0.75em;  
}*/

.submenu li
{
width:100%;
    list-style-type: none;
    line-height: 2em;
}

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-7
*/
.wrapper {
padding: 0 0.75em;
padding-top: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.CommMenuInner a{
font-weight:normal;
font-size:1.2em;
float:left;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-decoration: none;
    width: 25%;
    text-align:center;
    border: 0px solid #000000;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #a6a6a7;

}

.SideBar{
padding-bottom:20px;
margin-bottom: 10px;
}

/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/
.ie body {
width: 40em;
margin: 0 auto;
/*font-size: 1.0625em;*/
}

.ie h1 {
/* 42px / 48px */
font-size: 2.625em;
line-height: 1.1428571428571428em;
margin: 1.1428571428571428em 0 0.5714285714285714em;
}

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
    body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    /*font-size: 0.8em;*/
    }
    .m50 {
    float: left;
    width:50%;
    }
}

/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*/
/* @media screen and (min-width: 720px) (w for wide) */
@media screen and (min-width: 45em) {
    body {
    /* Reset baseline grid to 16/16 = 1 */
   /* font-size: 1em;*/
background-image:url(../Images/GreatNorthGreats/GNG-Background3860.jpg?v=1); 
background-attachment:fixed;
background-position:100% 75%;
background-repeat:no-repeat;
background-size: 100%;
background-size: cover;
}
SISLayoutRow {
  background-image: url("../Images/BG90.png");
  background-repeat: repeat;
  float: left;
  padding: 0.8em 1%;
  width: 98%;
}
.millImageContainer{
width:100%!important;

}
.millTextContainer{
width:100%!important;

}
.millImageChild{
float:left!important;

}

/*.events
{
font-size:0.8em;  
}*/
.Container {
margin: 0 5.555555555555555%;
margin-top:0;
background-color:transparent;
}	
/*hide on 8 col*/
.Hidew {
display:none;	
}

.Hidet{
display:block;
}

/*Auto Sizes - fold autimatically no need for seperate 4 col size in class*/
.a25{
float: left;
width:25%;
}
.a15{
float: left;
width:15%;
}
.a50{
float: left;
width:50%;
}

.a75{
float: left;
width:75%;
}

.a30{
float: left; 
width:33%;
}

.a17{
float: left;
width:17%;
}

.a100{  
float: left;
width:100%;
}

/*Specific 8 col sizes*/
.w5{
float: left;
width:5%;
}

.w10{
float: left;
width:10%;
}

.w17{
float: left;
width:17%;
}

.w25{
float: left;
width:25%;
}

.w28{
float: left;
width:28%;
}

.w29{
float: left;
width:29%;
}
.w30{
float: left;
width:33%;
}

.w31{
float: left;
width:31%;
}

.w34{
float: left;
width:34%;
}

.w20{
float: left;
width:20%;
}

.w37{
float: left;
width:37.5%;
}

.w45
{
    float: left;
    width: 45%;
}

.w50{
float: left;
width:50%;
}

.wrapper.a100.noPadd.commissionList div:nth-child(odd) {
    float: left;
    width: 49%;
}

.wrapper.a100.noPadd.commissionList div:nth-child(even) {
    float: right;
    width: 49%;
}

.wrapper.a100.noPadd.artistList div:nth-child(odd) {
    float: left;
    width: 49%;
}

.wrapper.a100.noPadd.artistList div:nth-child(even) {
    float: right;
    width: 49%;
}

.wrapper.a100.noPadd.educationList div:nth-child(odd) {
    float: left;
    width: 49%;
}

.wrapper.a100.noPadd.educationList div:nth-child(even) {
    float: right;
    width: 49%;
}

.w58{
float: left;
width:58%;
}

.w60{
float: left;
width:62.5%;
}

.w67{
float: left;
width:66%;
}

.w70{
float: left;
width:70%;
}

.w75{
float: left;
width: 75%;
}

.w80{
float: left;
width:80%;
}
.w83{
float: left;
width:83%;
}
.w90{
float: left;
width:90%;
}

.w100{
float: left;
width:100%;
}

.ptop1em{
padding:0;
padding-top:0.8em;
}

footer{
font-size:0.95em;
line-height:1.45em;
}

.headerTopSpacer{
    margin-top: 2%;
/*    margin-top: 2.2em;*/
}

.eventtitle{
width:75%;
}

.eventimg{
display:block!important;
}

.wpadd{
padding: 0.5em!important;
}
/*.submenu li
{

    line-height: 1em;
}*/

.tpadd{
padding: 0em!important;
padding-top: 0em!important;
}

/*Used to re-arange when moving to 4 col
EG: 25   50   25 on 8 col  to 25   25   50 on 4 col
*/
.wRight-tLeft
{
float:right!important;
}
.wLeft-tRight
{
float:left!important;
}
.ClearOnt
{
clear:none;
}
.ClearOnw
{
clear:both;
}
  
.CommMenuInner a
{
font-weight:normal;
font-size:1.2em;
float:left;
clear:none;
}
.SideBar
{
padding-bottom:20px;
border-bottom:2px solid #cbcccd;
margin-bottom: 10px;
}

.submenu li
{
width:auto;
}

header ul li a
{
text-decoration:none;
font-size:1.0em;
}
}
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {

}
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {

}

@media screen and (min-width: 63.25em)
{
.millImageContainer{
width:50%!important;
}
.millTextContainer{
width:30%!important;
}
.millImageChild{
    float: right!important;
}
}
/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 81.250em) {

.Container {
margin: 0 13.6667%;
}
}
/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {

.Container {
    
}
}
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {

h1 {
/*font-size: 2em;*/
    font-size: 1.45em;
}
.headerTopSpacer
{
/*margin-top:3.6em*/
}
}
/*Essential Components*/
.Container
{
clear:both;
}
.left
{
float:left!important;
}
.right
{
float:right!important;
}
/*Standard Style - Not browser size specific*/

.Menu
{
float:left;
margin-top:10px;
margin-bottom:20px;
background-repeat:repeat-x;
height:44px;
color:#fff;
}
.Menu ul li
{
margin:0;
padding:0;
}
.Menu ul li
{
float:left;
list-style:none;
padding-top:15px;
padding-left:1.7em;
padding-right:1.7em;
margin:0;
}


.Banner
{
Height:306px;
}
/*Temp Colours*/
.pink
{
background-color:#FF00FF!important;
}
.green
{
background-color:#00FF66!important;
}
.orange
{
background-color:#FF6600!important;
}
.grey
{
background-color:#333!important;
}
.blue
{
background-color:#000099!important;
}
/*Cookie Banner*/

#cookie_level0
{
width:100%;
background-color:#0074BC;
display:none;
position:fixed;
bottom:0;
z-index:100;
color:#fff;
padding:10px;
text-align:center;
border-top: 2px solid #1F597E;
}

#cookie_level0 a
{
color:#fff;
text-decoration:underline;
}

#cookie_level1
{
background-color: #0074BC;
border-top: 2px solid #1F597E;
bottom: 0;
color: #FFFFFF;
display: none;
padding: 10px;
position: fixed;
text-align: center;
width: 100%;
z-index: 100;
}

#cookie_level1 a
{
color:#fff;
text-decoration:underline;
}

#cookiesTable, #cookiesTable td, #cookiesTable th
{
border:1px solid #000;
border-collapse:collapse;
padding:5px;
}
/*
* jReject (jQuery Browser Rejection Plugin)
* Version 1.0.0
* URL: http://jreject.turnwheel.com/
* Description: jReject is a easy method of rejecting specific browsers on your site
* Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
* Copyright: Copyright (c) 2009-2011 Steven Bower under dual MIT/GPL license.
*/

#jr_overlay {
top: 0;
left: 0;
padding: 0;
margin: 0;
z-index: 200;
position: absolute;
}

#jr_wrap {
position: absolute;
text-align: center;
width: 100%;
z-index: 300;
padding: 0;
margin: 0;
}

#jr_inner {
font-family: futura-pt, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
background: #FFF;
border: 1px solid #CCC;
color: #4F4F4F;
margin: 0 auto;
height: auto;
padding: 20px;
position: relative;
}

#jr_header {
display: block;
color: #333;
padding: 5px;
padding-bottom: 0;
margin: 0;
font-family: futura-pt, Helvetica,Arial,sans-serif;
font-weight: bold;
text-align: left;
font-size: 1.3em;
margin-bottom: 0.5em;
}

#jr_inner p {
text-align: left;
padding: 5px;
margin: 0;
}

#jr_inner ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}

#jr_inner ul li {
cursor: pointer;
float: left;
width: 120px;
height: 122px;
margin: 0 10px 10px 10px;
padding: 0;
text-align: center;
}

#jr_inner li a {
color: #333;
font-size: 0.8em;
text-decoration: none;
padding: 0;
margin: 0;
}

#jr_inner li a:hover {
text-decoration: underline;
}

#jr_inner .jr_icon {
width: 100px;
height: 100px;
margin: 1px auto;
padding: 0;
background: transparent no-repeat scroll left top;
cursor: pointer;
}

#jr_close {
margin: 0 0 0 50px;
clear: both;
text-align: left;
padding: 0;
margin: 0;
}

#jr_close a {
color: #000;
display: block;
width: auto;
margin: 0;
padding: 0;
text-decoration: underline;
}

#jr_close p {
padding: 10px 0 0 0;
margin: 0;
}
/* Slider */
.ui-corner-all {
border-radius: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-image: none !important;
background-color: #0098d8 !important;
border: none !important;
}
.ui-slider .ui-slider-handle 
{
height: 2em !important;
}
.ui-widget-header {
background: none repeat-x scroll 50% 50% #F1F4F6 !important;
}
.ui-widget-content {
border: 1px solid #E2F0F4 !important;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.6em !important;
}
/* End of Slider */

/*Menu*/
header ul
{
list-style:none;
width:auto;
font-family: futura-pt, 'Source Sans Pro',sans-serif;
}
header ul li
{
list-style:none;
float:left;
width:auto;
margin-right:1em;
font-size:1.1em;
}
.liOn a, header ul li a:hover
{
color:#28347C;
}
.liOff a
{
color:#a6a6a7;
}

header .Icon
{
float:right;
margin-left:10px;
}
a.HeaderLink 
{
float:right;clear:both;
margin-top:1.25em;
color:#000;

}
footer SISLayoutRow 
{
background-color:#0474ba!important;
background-image:none;
color:#fff;
padding-top:2em;
}
footer strong
{
font-size:1.125em;  

} 
footer SISLayoutRow .wrapper
{
padding-left:3%;
padding-right:3%;
padding-bottom:1.25em;
}
.centertext 
{
clear:both;
height:3.333em;
 
}
.centertext .Icon
{
float:left;
width:20%;
margin-left:0;
}
.centertext .Text
{
float:right;
text-align:left;
width:75%;
}
a
{
text-decoration:underline;
color:inherit;
font-weight:bold;
}
.h2Placeholder
{
width:100%;
height:50px;
float:left;
}
.ArticleScrollerTitle
{ 

height:80px;
}
/* Commission Events */
.eventtable 
{
float:left;
width: 100%;	
}
.eventrow
{    
clear: both;
float: left;
margin-bottom: 0.25em;
min-height: 0.063em;
width: 100%;	
}
.eventtable-header 
{
min-height: 24px;
background-color: #0575BB;
padding: 0.125em 0.25em 0.125em 1em ;
text-align: center;
}

.eventtable-header-blank
{
background-color: #7BB4D8;
padding: 0.125em 0.25em 0.125em 1em;
color: #ADD0E7 !important;
height:24px;
}

.eventartist
{
/*font-size: 1.2em;*/  
color: #FFFFFF;
padding: 0.5em;
background-color: #959798;
text-decoration: underline;
}
.eventartistwrap
{
padding-left:0;
padding-top:0;
padding-bottom:0; 
min-height: 1px;
width:23%;
}
.eventartist a 
{
color: #fff;
    text-decoration: none;	
}

.eventmonth
{
float: left !important;
min-height: 1px;
padding-top: 0;
width: 25%; 
}
.eventvenue
{
float: left;
line-height: 1.1em;
padding-left: 3%;
width: 82%;
padding-top:0.5em;
}
.eventmonthdataLarge
{
width:75% !important;
}
.eventdata
{ 
display: block;
float: right;
min-height: 0.063em;
width: 100%;
}
.eventdata .wrapper
{ 
float: right;
padding-right:0;
}
.eventdata .wrapper .wrapper
{ 
float: left;
}
.eventdata .wrapper .wrapper .wrapper
{ 
padding:0.5em;
}
.eventtitle
{
float: left;
line-height: 1.1em;
padding-left: 3%;
width: 82%;
}
.eventimg
{
float:left;
width: 15%;
}
.eventimg img
{
width:100%!important;
}

.hideeventmonth
{
display: none;
}
.showeventmonth 
{
display: block;
}

.commissionyear
{
float: left;
    padding: 0.125em 1.0em 0.125em 0.25em;  
/*color: #2574BC;*/
}

.commissionyear a {
color: #fff;
font-weight: normal;
}

.commissionyear a:hover {
text-decoration: none;
}

.eventmonthdata 
{
clear: both;
float: left;
padding: 0.5em;
width: 95%;

}
.eventmonthbuttonlarge
{
color: #fff;
text-decoration: underline;
cursor:pointer;
width:97%;
}

.eventmonthbutton
{
color: #fff;
text-decoration: underline;
cursor:pointer;
width:24%;
}


.Narrow
{
background-color: #0575BB;
cursor: pointer;
float: left;
height: 16px;
padding-top: 12px;
width: 1.5%;
text-align:center;
}
.searchNavigationLeft
{
float:left;
}
.searchNavigationCenter
{
float:left;
}
.searchNavigationRight
{
float:left;
}
.newsListPagination
{
float:left;
width:100%;
padding:1%;
}
.NarrowOff
{
background-color: #7BB4D8;
}
.CommBoxLeftOnly
{
background-color:#959798;
margin-bottom: 0.25em;
color: #FFFFFF;
padding: 0.5em!important;


}
.CommBoxLeftOnly a 
{
color: #FFFFFF;
}
.CommBoxLeftOnly-Off
{
background-color:#D6D7D9;
margin-bottom: 0.25em;
color: #FFFFFF; 
padding: 0.5em!important;


}
.CommBoxLeftOnly-Off a
{
color: #FFFFFF;
}
.CommBoxLeftContainer 
{
padding:0px!important;
width: 24%;
}
.CommMenu {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.CommMenuInner a.On
{
    background-color: #0074bc;
    color: #ffffff;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
.CommMenuInner {
color: #ffffff;
padding-bottom: 0 !important;
}
.submenu
{
background-color:#959798;
padding:0.4em!important;
color:#FFFFFF;
    line-height: 0.8em;
}


.submenu a
{
color:#FFFFFF;
font-weight:normal;
    text-decoration: underline;
}

.submenu .liOn a
{
font-weight:bold;
    text-decoration: none;
}

.submenu .liOn a:hover
{
    color: #ffffff;
}

.submenu .liOff a:hover
{
    color: #ffffff;
    text-decoration: none;
}

/* News */
.ArticleDate
{

}
.Grey
{
color:#929494;
}
.Highlight,  .Highlight a
{
color:#0074BC;
}
newsArticleRow strong {
color:	#0074BC;
}
newsArticleRow {
width:100%;
float:left;
padding-bottom:20px;
padding-top:20px;
border-bottom:2px solid #cbcccd;
		
		
}
hr
{
height:1px;
background-color:#333;
margin-top:20px;
margin-bottom:10px;
    border: none;
}
newsArticleRow.First {
padding-top:0;
		
}
.Share
{
padding-top:10px!important;
font-weight:bold;
}
h3
{
font-size:1.5em;
padding:0;
margin:0; 
padding-bottom:1em;
	
}
.Tag
{
line-height: 1.2em;
vertical-align:bottom;
}
.clear
{
clear:both;
}
.twitteritem {
margin-bottom: 20px;
}

.commissionEvent{
float:left;
width:100%;
padding-bottom: 10px;
}

.eventdata .commissionEvent:not(:first-child){
border-top:1px solid #999999;
}

.commissionEventLeft{
float:left;
width:25%;
padding:10px;
}

.commissionEventRight{
float:left;
width:70%;
padding:10px;
}

.commissionEventDesc{
margin-top:20px;
margin-bottom:20px;
}

.commissionEventTitle{
font-weight: 600;
font-style: italic;
}

.commissionEventShare{
    /*margin-top:20px;*/
    float: right;
}

.commissionEventImage img{
width:100%;
} 
.SubFooter
{
background-color: #105E8E !important;
padding-top: 1em !important;
padding-bottom: 1em !important;


}
.SubFooter .wrapper
{
padding-top:2px!important;
padding-bottom:2px!important;
}
.boxGrey
{
width:99%;
margin-right:5%;
margin-bottom:1%;
background-color:#333333;
color:#fff;
padding:0.5%;
font-family: futura-pt, Arial, Helvetica, sans-serif;
border: none;
height: 22px;
}
.SubmitButton
{
background-color:#0474BA;
padding:0.5em;
border:none;
margin-top:5px;
margin-bottom:10px;
color:#fff;

}
.SubmitButtonInLine
{
background-color:#0474BA;
padding:0.5em;
border:none;
color:#fff;
float: right;

}

.SubmitButton a
{
    text-decoration: none;
    text-align: center;
}

.SubmitButtonCenter
{
    text-align: center;
    display: inline-block;
}

.ScrollerItem
{
width:100%;
}
.imageScroller {
width: 100%!important;
}

.imageScroller img{
z-index:50;
width: 100%;
}

.imageScrollerOverlay {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
  margin-top: -58px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 90%;
  z-index: 100;
}
 
.imageScrollerOverlayTitle{
font-size:1.5em;
}

.imageScrollerOverlayDesc{

}

#nav{
float:right;
margin-top:-30px;
margin-right:22px;
}

#nav a{
margin-left:10px;
text-decoration: none;
color:#fff;
position:relative;
z-index: 75;
}

.activeSlide{
text-decoration: underline!important;
}
.errortext
{
color:red;
}

.sideBarAll {
display:none;
}

.sideBarOverlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}

.sideBar {
background-color: #0474ba;
height: 100%;
overflow: auto;
padding: 20px;
position: fixed;
right: 0;
top: 0;
width: 305px;
z-index: 200;
color: #fff;
}

.sideBarTab {
background-color: #0474ba;
cursor: pointer;
padding: 10px;
position: fixed;
right: 0;
top: 200px;
z-index: 200; 
display:none;
}

.sideBarClose {
float: right;
cursor: pointer;
text-decoration: underline;
margin-top: 9px;
}

.sideBarTitle h1 {
color: #ffffff !important;
}

.sideBarTitle {
margin-bottom: 20px;
}

.sideBarActions {
margin-top: 20px;
}

footer a {
font-weight: normal;
}

.CommMenuInner .close {
float: right;
font-size: 1em;
}
.commissionyearbanner {
margin-bottom: 10px;
padding: 6px !important;
background-color: #105e8e;
}


/*FANCY BOX*/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../javascript/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../javascript/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../javascript/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../javascript/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../javascript/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../javascript/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../javascript/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../javascript/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../javascript/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../javascript/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../javascript/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../javascript/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: futura-pt, Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../javascript/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../javascript/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../javascript/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../javascript/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_close.html', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_nav_left.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_nav_right.html', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_title_over.html', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_title_left.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_title_main.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_title_right.html', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_loading.html', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_n.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_ne.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_e.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_se.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_s.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_sw.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_w.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../javascript/fancybox/fancybox/fancybox/fancy_shadow_nw.html', sizingMethod='scale'); }


.sideBarEventHeading {
    font-weight: bold;
    font-style: italic;
}

mainbody img{
box-shadow:1px 1px 1px #999;
}
.ViewGallery img, .NoBoxShadow img
{
box-shadow:0px 0px 0px!important;
box-shadow:none!important;
}
.eventimg10
{
width:10%!important;
}

.form-section-title{
margin-bottom:10px;
}

.form-section{
margin-bottom:10px;
overflow:hidden;
clear:left;
}

.form-input{
margin-bottom:10px;
}

.form-label{
margin-bottom:5px;
}

.form-input label{
margin-left:5px;
}

.form-information{
margin-bottom:10px;
}

.form-subquestion{
margin-bottom:5px;
}

.rblist-or-chklist input{
  margin-right:5px;
}

.rblist-or-chklist label{
  margin-right:10px;
}

.hr-mil{
    margin-top:0;
    background:#0074bc;
    border: none;
    height: 2px;
}

.mil-pad{
    padding-top:0px;
    padding-bottom:0px;
}

.noshadow img
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.mil-submenu
{
	background-color: #28347C;
}

.articleStoryRight
{
float:right;
margin-top:1em;
}

.storyWrapper
{
background-color: #DBEAF9;  
margin:1em;
margin-left:0;
margin-right:2em;

}

.storyProfilePicture {
float: left;
padding-bottom: 1em;
padding-left: 1em;
padding-top: 1em;
}

.storyTextWrapper {
  float: right;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-top: 1em;
  width: 70%;
}

.storyTextWrapper p
{
    word-wrap: break-word;
  padding-top:0;
}

.storyPicture
{
float:left;
width:100%;
}

.storyPicture img
{
width:100%;
}

.byText
{
color: #0074BC;
float:right;
padding:1em;
padding-left:0;
}

.articleStoryLeft
{
float:left;
margin-top:1em;
}

.facebookStory
{
background-color:#d8dfea;
}

.twitterStory
{
background-color:#e5f2f7;
}

.instagramStory
{
background-color:#E9EAEB;
}

.featuredStory
{
    background-color: #0474BA;
    color: #FFFFFF;
}

.scrollerStoryItem {
  background-color: #0474ba;
  height: 295px;
  color: #ffffff;
  width:100%;
}

.scrollerStoryItem:hover
{
    cursor:pointer;
    cursor: hand;
}

.fullHeight
{
    height: 100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden; margin-bottom:0.5em; 
}
.cycle-pager a{ 
    margin-left:0.5em;
}

.cycle-pager span { 
    font-family: futura-pt, arial; font-size: 50px; width: 20px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}

.cycle-pager cycle-pager-active { color: #D69746; background:white; }

.cycle-pager span.cycle-pager-active { color: #73B3DA; }

.cycle-pager > * { cursor: pointer;}

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

.relatedArtistsBlock
{
margin-top:1em;
}

.eventList {
margin-bottom: 1em;
min-height: 150px;
}

.subMenuStyle ul li
{
    font-size: 2em;
    width: 100%;
    padding-top:0.25em;
    padding-bottom:0.25em;
    border-bottom:1px solid #0575BB
}

.ThinDates
{
    background-color:#0575bb;
    color: #FFFFFF;
    width:100%;
    float:left;
    padding-left:5%;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.ThinDates img
{
cursor:pointer;
}

.mc-field-group input {
width: 94%;
background-color: #116091;
color: #FFFFFF;
border: none;
height: 22px;
padding-left: 5px;
font-size: 0.9em;
}

.mc-field-group textarea {
width: 94%;
background-color: #116091;
color: #FFFFFF;
border: none;
height: 22px;
padding-left: 5px;
padding-top:0.5em;
font-size: 0.9em;
}

.SearchButton {
  background-color: #116091;
  border: medium none;
  color: #FFFFFF;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 0.5em;
  cursor: pointer;
}

.EventNavigator
{
   color: #ffffff;
    cursor: pointer;
    display: table-cell;
    font-size: 1em;
    height: 2em;
    padding-bottom: 0;
    padding-left: 5px;
    text-decoration: underline;
    vertical-align: middle;}

.eventheader
{
    font-size: 1em;
}

.black {
    color: #000;
}

.subMenuStyle ul li
{
    font-size: 2em;
    width: 100%;
    padding-top:0.25em;
    padding-bottom:0.25em;
    border-bottom:1px solid #0575BB
}

.ajax-loading-bar{
display:none;
text-align:center;
}

.featurestory {
margin: 0.75em;
}

#results img{
box-shadow: none;
}

.boxLightGrey {
background-color: #ccc;
border: medium none;
font-family: Arial,Helvetica,sans-serif;
height: 22px;
padding: 5px;
width: 50%;
}

#charity-search-term{
margin-top:10px;
}

.donationAmount {
background-color: #0474ba;
color: #fff;
margin-top: 10px;
padding: 20px;
text-align: center;
width: 200px;
float: left;
cursor:pointer;
}

.donationAmount > a {
text-decoration: none;
}

#donation-amount {
float: left;
margin-top: 20px;
}

#make-donation {
clear: left;
float: left;
margin-top: 20px;
cursor: pointer;
}

.donation-hr {
clear: left;
float: left;
width: 100%;
}

#results{
position:absolute;
width:552px;
}

.charity{
float:left;
border:1px solid #000;
cursor:pointer;
}

.charity-logo{
width: 120px;
height: 120px;
float: left;
background-color: rgb(255, 255, 255);
padding: 10px;
}

.charity-text{
float: left;
width: 400px;
background-color: rgb(255, 255, 255);
padding-left: 10px;
padding-top: 10px;
height: 130px;
}

.eventtitle {
    font-size:0.85em;
}

.noPadd {
padding: 0 !important;
}

.noPaddVert {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.noPaddHor {
padding-left: 0 !important;
padding-right: 0 !important;
}

.ArtistNavigator
{
   color: #ffffff;
    cursor: pointer;
    display: table-cell;
    font-size: 1em;
    height: 2em;
    padding-bottom: 0;
    padding-left: 5px;
    text-decoration: underline;
    vertical-align: middle;
}

.breakWord {
word-break: break-all;
}


.featuredStoryItem {
background-color: #0474ba;
color: #ffffff;
display: block;
height: auto;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
}

.scrollerStoryItem h2{
padding-bottom:0;
}

.searchBar {
    background-color: #D8D8D8;
    border: 0 none;
    padding: 0.25em;
}

.imgWrap {
  position: relative;
  height: 100%;
  width: 220px;
}

.imgDescription {
  padding: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(40, 52, 124, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

.filterMenu {
    text-align: center;
    color: #ffffff;
    background-color: #9B9B9B;
    font-size: 16px;
    line-height: 23px;
    padding: 0 !important;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.filterMenuItem {
    width: 100%;
    display: block;
    text-decoration: none;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border-right: 1px solid #fff;
}

.filterMenuItemActive {
    width: 100%;
    display: block;
    text-decoration: none;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    background-color: #28347C;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.filterMenuItem:hover
{
    border-left: 1px solid #fff;
    background-color: #28347C;
}

.noPaddTop {
    padding-top: 0;
}

.btnWhatsTheStory {
    display: block;
    background-color: #00A3DA;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.gngTag {
    display: block;
    background-color: #9b9b9b;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    float: left;
    margin: 0.25em;
}

.btnArticles {
    border: none;
    background: transparent;
    text-decoration: underline;
    font-family: futura-pt, "Source Sans Pro", sans-serif;
}

.sortBar 
{
    -moz-appearance: none;
    -webkit-appearance:none;
    background-image: url("../Images/GreatNorthGreats/GNG-SortIcon.png");
    background-position: 96% 55%;
    background-repeat: no-repeat;
    background-color: #00A3DA;
    color: #ffffff;
    border: none;
    text-align: center;
    padding: 0.25em;
    font-family: futura-pt, "Source Sans Pro", sans-serif;  
}

.marginVertSmall {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.marginVertSmallTop {
    margin-top: 0.5em;
}

.btnLoadMore {
    display: block;
    background-color: #00A3DA;
    border: none;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 0 auto;
    font-family: futura-pt, "Source Sans Pro", sans-serif;
}

.btnSearch {
    border: 0 none;
    background-color: #28347C;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none;
}

.textLogo {
    color: #28347C;
}
