html 
{
    font-size:100%;
}

body, button, input, select, textarea 
{
    color:#585b5e;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #585b5e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #585b5e;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #585b5e;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #585b5e;
}

button, input, select, textarea 
{
    /*
    font-family:AvenirBook, Arial, sans-serif;
    */
    font-family:Arial, sans-serif;
}

body 
{
    margin:0;
/*    font-size: 14px;*/
    line-height: 1.3;
    background-color:#efedea;
    min-width:320px;
    font-size:100%;
}

#outerWrapper 
{
    font-size:0.8em;
}

.container 
{
    width:100%;
    margin:0 auto;	
}

#header .container 
{
   height:49px;
 
}

#formStoryAdd input, #formStoryAdd textarea{ background-color:#fff;}


.dNonMobile .container{
	
}

p 
{
    padding:0 0 1.45em;
    margin:0;
}

a 
{
    color:#585b5e;
}

form 
{
    margin:0;
}

.fl {
    float: left;
}

.dn 
{
    display:none;
}
.col 
{
    float:left;
}
.row 
{
    float:left;
    clear:both;
    width:100%;
}

/*@font-face {
    font-family: 'ChronicleDisplayBlack';
    src: url('../font/chronicledisplay-black.eot');
    src: url('../font/chronicledisplay-black.eot') format('embedded-opentype'),
         url('../font/chronicledisplay-black.woff') format('woff'),
         url('../font/chronicledisplay-black.ttf') format('truetype'),
         url('../font/chronicledisplay-black.svg#ChronicleDisplayBlack') format('svg');
}*/

/*@font-face {
    font-family: 'AvenirBook';
    src: url('../font/avenirbook.eot');
    src: url('../font/avenirbook.eot') format('embedded-opentype'),
         url('../font/avenirbook.woff') format('woff'),
         url('../font/avenirbook.ttf') format('truetype'),
         url('../font/avenirbook.svg#AvenirBook') format('svg');
}*/
@font-face {font-family: 'AvenirLTStd-Book';src: url('../font/285FC0_0_0.eot');src: url('../font/285FC0_0_0.eot?#iefix') format('embedded-opentype'),url('../font/285FC0_0_0.woff') format('woff'),url('../font/285FC0_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLT-Heavy';src: url('../font/285FC0_1_0.eot');src: url('../font/285FC0_1_0.eot?#iefix') format('embedded-opentype'),url('../font/285FC0_1_0.woff') format('woff'),url('../font/285FC0_1_0.ttf') format('truetype');}

@font-face {font-family: 'ChronicleDisplaySemi';src: url('../font/chronicledisplay-semi.eot');src: url('../font/chronicledisplay-semi.eot?#iefix') format('embedded-opentype'),url('../font/chronicledisplay-semi.woff') format('woff'),url('../font/chronicledisplay-semi.ttf') format('truetype');}

.avenirBook {
    font-family: AvenirLTStd-Book, Arial, sans-serif;
}

.avenirBookHeavy {
    font-family: AvenirLT-Heavy, Arial, sans-serif;
}

.chronicleDisplayBlack {
    font-family: 'ChronicleDisplaySemi', 'Chronicle Display A', 'Chronicle Display B', "Times New Roman", Times, serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing:-0.5px;
}

.chronicleDisplayQuote {
    font-family: 'ChronicleDisplaySemi', 'Chronicle Display A', 'Chronicle Display B', "Times New Roman", Times, serif;
    font-weight: 600;
    font-style: normal;
    font-size:35px;
    color:#dc241f;
}

.tooltip { display:none;width:300px;color:#fff;position:absolute;background:transparent url('../img/tooltip.png') no-repeat center bottom;font-size:.8em;padding-bottom:11px;line-height:15px;top:-193px;left:-140px;}
.tooltip .content { width:300px;background-color:#621849;padding:10px;}
/*todo add ie8 and below sprite due to bg size*/
/*this sprite is double the res*/
.sprite 
{
    background:url('../img/sprite.png') no-repeat 0 0;   
    display:block;
    text-indent:-9999em;
    background-size:500px 500px;
}
.oldie .sprite {
    background:url('../img/spriteie.png') no-repeat 0 0;   
    background-size:100%;
}

/*todo add ie8 and below sprite due to bg size*/
/*this sprite is double the res*/

.spriteForm
{
    background:url('../img/form.png') no-repeat 0 0;   
    display:block;
    background-size:500px 500px;
}
.oldie .spriteForm {
    background:url('../img/formie.png') no-repeat 0 0;   
    background-size:100%;
}

.errorIcon {
    display: none;
    position:absolute;
}

.formError .errorIcon
{
    background:url('../img/form.png') no-repeat 0 0;   
    display:block;
    background-size:500px 500px;
    display:block;
    top: 8px;
    right: 5px;
}

.oldie .formError .errorIcon 
{
    background:url('../img/formie.png') no-repeat 0 0;   
    background-size:100%;
}

.textField .errorIcon,
.passwordField .errorIcon,
.textareaField .errorIcon,
.radioField .errorIcon,
.checkboxField .errorIcon {
    background-position: right -220px;
    width:25px;
    height:25px;
}

.leftArrow {
   
}
.rightArrow {
  text-align:right;
}

.scaleImg 
{
    width:100%;
   
}

.roundedCorners 
{
    /*maybe add radius htc for old ie*/
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.btn 
{
    /*maybe add radius htc for old ie*/
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-family:Arial, sans-serif !important;
}

.dMobile .btn {
    font-size: 1.4em;
}

.btnPurple 
{
    background: #894373; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5NDM3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjFhNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #894373 0%, #621a4b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#894373), color-stop(100%,#621a4b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #894373 0%,#621a4b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #894373 0%,#621a4b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #894373 0%,#621a4b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #894373 0%,#621a4b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#894373', endColorstr='#621a4b',GradientType=0 ); /* IE6-8 */
    padding:0.7em 1.2em 0.65em;
    color:#fff;
    text-decoration:none;
}

.btnPurple:hover 
{
    background: #621a4b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyMWE0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTQzNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #621a4b 0%, #894373 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#621a4b), color-stop(100%,#894373)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #621a4b 0%,#894373 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #621a4b 0%,#894373 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #621a4b 0%,#894373 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #621a4b 0%,#894373 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#621a4b', endColorstr='#894373',GradientType=0 ); /* IE6-8 */
}
.btnRed 
{
    background: #dc241f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjMjQxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZjAwMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dc241f 0%, #9f0029 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc241f), color-stop(100%,#9f0029)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc241f 0%,#9f0029 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc241f 0%,#9f0029 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc241f 0%,#9f0029 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc241f 0%,#9f0029 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc241f', endColorstr='#9f0029',GradientType=0 ); /* IE6-8 */
    padding:0.7em 1.2em 0.65em;
    color:#fff;
    text-decoration:none;

    

}  

.btnRed:hover 
{
background: #9f0029; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmMDAyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzI0MWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #9f0029 0%, #dc241f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f0029), color-stop(100%,#dc241f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9f0029 0%,#dc241f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9f0029 0%,#dc241f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9f0029 0%,#dc241f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9f0029 0%,#dc241f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0029', endColorstr='#dc241f',GradientType=0 ); /* IE6-8 */
}

/*form*/
.formFields input[type=text], input[type=password],  .formFields textarea, .formFields select, .input.styled, .formField .select, .fileUpload .fileUploaderWrapper {
    border: 1px solid #c7afbb;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 9px;
    height: 38px;
    height:2.9em;
    text-indent: 0px;
    outline: none;
    background-color:#f6f5f2;
    font-size:1.1em;
    color:#585b5e;
}

.formField .select {
    padding-top: 12px;
}

.formFields input[type=text], input[type=password], .formFields textarea, .input.styled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.formField select.styled 
{
    padding:0;
    

}

.formField 
{
    margin:0 0 10px;
    width:100%;
}

.formFields .searchField 
{
    position:relative;
}

.fbLoggedIn .formField .fileUpload {
    /*width: 22%;*/
}
.fbLoggedIn .formField .first {
    border:1px solid #c7afbb;
}


.formField .storyImgFbInner {
    position:relative;
    width:100%;
}
    .formField .storyImgFbInner .fileUploaderWrapper {
        position: relative;
    }

.oldie .searchField span.search {
    background:url('../img/formie.png') no-repeat right 0.4em;   
    background-size:100%;	
}

.searchField span.search{
    background:url('../img/form.png') no-repeat right 0.4em;   
    background-size:500px;	
    display:block;
    width:28px;
    height:27px;
    position:absolute;
    z-index:99;
    right:0;
    top:3px;
    cursor:pointer;
}

.dNonMobile .searchField span.search {
    background-position:-480px -479px;
    width:20px;
    height:20px;
    top:12px;
    right:6px;
}

.formFields .selectField 
{
    position:relative;
}

.selectField .select {
	position: relative;
	width: 100%; /* With the padding included, the width is 190 pixels: the actual width of the image. */
/*
	padding: 0 24px 0 8px;
*/
	overflow: hidden;
    background:#fff url('../img/form.png') no-repeat right -69px;   
    display:block;
    background-size:500px;	
    position:relative;
    /*z-index:10;*/
}

.oldie .selectField .select {
    background:#fff url('../img/formie.png') no-repeat right -5em;   
    background-size:100%;	
}

.searchCtrl input, .searchCtrl select, .searchCtrl .styled, .selectField .select, .oldie .selectField .select
{
    background-color:#f6f5f2;
}

.formFields .textField,
.formFields .passwordField,
.formFields .textareaField,
.formFields .radioField,
.formFields .checkboxField
{
    background-position:-481px 84px;
    position:relative;
}

.formFields .formError input, .formFields .formError select, .formFields .formError span.select, .formFields .formError textarea
{
    /*color:Red;*/    
    border-color:#e22730;    
}
.error, .alert, .alert a {
    color: #e22730;
}

#header 
{
    width:100%;
    position:relative;   
}


/*nav*/
#header 
{
    position:relative;
    background-color:#621a4b;
}

#nav 
{
    background-color:#EFEDE9;
    height:49px;
    
}

#header .menuToggle 
{
  
    float:left;
    padding:18px 0 10px;
    position:relative;
	background-color:#EFEDE9;
}


.dNonMobile #header .menuToggle 
{
    float:left;
    padding:10px 0 1px 0;
    position:relative;
}
  
#header .sprite.wave{
     background-color:none;
     height:49px;
     overflow-y:hidden;
}



#header .donateMenu 
{
    background-color:#dc241f;
    float:right;
}



#header .donateMenu 
{
 	background:url(../img/sprite.png) no-repeat;
	background-position: -296px -175px;
    font-size:1em;
    background-size:500px;
	
}

.dNonMobile #header .donateMenu 
{
 	background:url(../img/sprite.png) no-repeat;
	background-position: -600px 0;
    background-size:auto;
    font-size:1em;
	
}
.dNonMobile #header .donateMenu:hover 
{

	background-position: -600px -50px;
  
	
}
.menu a 
{
    width:18px;
    height:14px;    
    display:block;
    background-position:-300px -485px;
}

.menu a.disabled {
    background: url('../img/main-nav-link-disabled.png') transparent no-repeat 0 0;
}

.dNonMobile .menu a {
    margin-top: 3px;
}

.logo a 
{
    width:35px;
    height:19px;    
    background-position: -28px 0;
    z-index:2;
    position:relative;
    margin-top:0px;
}

.dNonMobile  .logo a 
{
    width:72px;
    height:28px;    
    background-position:  -56px 0;
    background-size:1000px;
    position:relative;
   
}

.dMobile .menuToggle .logo {
    height: 30px;
    padding-top:17px;
}
.dMobile #header .menuToggle {
    padding: 0;
}

/*mobs*/

#header, #hero, #main, #footer
{
    width:100%;
    position:relative;
}
#header 
{
    height:49px;
    z-index:9999;
}

    #header .headerInner {
        height:49px;
        background-color:#621a4b;
        position:fixed;
        width:100%;
        min-width:300px;
    }

#header a 
{
    color:#fff;
}

#nav 
{
    position:absolute;
    left:-100%;
    top:49px;
    z-index:100;
    display:none;    
}


#nav ul 
{  
	background-color:#611849;
    padding:0;
    margin:0;
}

#nav-selected, #nav-hover{
	 display:none;
    z-index:101;
    position:absolute;
    top:49px;

   
	background:url(../img/menu-selected-bg.png) no-repeat;
  
	width:35px;
	height:12px;
	margin-top:-1px;
    margin-left:-17px;
}

.dNonMobile  #nav-selected{
	/*margin-top:-1px;*/
  
}
.dNonMobile  #nav-hover{
	
	position:absolute;
	background:url(../img/menu-hover-bg.png) no-repeat;
	width:35px;
	height:12px;
/*	margin-top:-1px;*/
    margin-left:-17px;
}

#nav li
{
	background-color:#611849;
    background-position:-478px -469px; 
   border-bottom:1px solid #672251;
}
.dNonMobile #nav li {
     border-bottom:none;
}

#nav li a 
{
    display:block;
    text-indent:0;
    text-decoration:none;
    color:#D7CDD5;
    padding:15px 22px 15px 30px;
    font-size:1.3em;
    text-transform:uppercase;
	height:1.4em;
	vertical-align:middle;
    -webkit-transition: background-color 600ms ease-in-out;
	-moz-transition: background-color 600ms ease-in-out;
    -ms-transition: background-color 600ms ease-in-out;
	-o-transition: background-color 600ms ease-in-out;
	transition: background-color 600ms ease-in-out;
}
.dNonMobile #nav li a {
      font-size:13px;
      position:relative;
      border-right: 1px solid #6d335b;
}

.dNonMobile #nav li a:hover span,
.dNonMobile #header .donateMenu a:hover span,
.dNonMobile #nav li a.selected span,
.dNonMobile #header .donateMenu a.selected span,
.dNonMobile #schoolsNav li a:hover span,
.dNonMobile #schoolsNav li a.selected span {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 17.5px 0 17.5px;
    z-index: 9999;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom:-11px;
    left:50%;
    margin-left:-17px;
}

.dNonMobile #nav li a.selected span{
    
    border-color: #611849 transparent transparent transparent;
}

.dNonMobile #nav li a:hover span{
    
    border-color: #71305c transparent transparent transparent;
}
    .dNonMobile #nav li.first a:hover span, .dNonMobile #nav li.first a.selected span {
        margin-left:-9px;
    }

.dNonMobile #header .donateMenu a:hover span, .dNonMobile #header .donateMenu a.selected span {
    border-color: #d92420 transparent transparent transparent;
}


#nav li a:hover { background-color:#71305c;
                  
                  -webkit-transition: background-color 150ms ease-in-out;
    -moz-transition: background-color 150ms ease-in-out;
    -ms-transition: background-color 150ms ease-in-out;
    -o-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;

}


#nav li.first a 
{
    border-top:0;
}

#nav li.social 
{
    background-position:0; 
    position:relative;   
}

#nav li.social .sprite 
{
display: block;
height: 37px;
width: 37px;
position: absolute;
top: 8px;
left: 11px;
}
#nav li.social a {  }




#nav li.social a 
{
    padding:14px 22px 13px 60px;
}

#nav li.facebook .sprite
{
    background-position:0 -54px;    
}

#nav li.twitter .sprite
{
    background-position:-52px -54px;    
}

#nav li.google .sprite
{
    background-position:-157px -54px;    
}

#nav.toggled
{
    left:0;   
    display:block;
    position: fixed;
    overflow:scroll;
    z-index: 9999;
    width: auto;
}

.dMobile #nav.toggled ul
{
    min-height:1500px;
}

.menuToggle .menu 
{
    float:left;
    padding:0 10px;
    position:relative;
}
.dMobile .menuToggle .menu {
    padding: 0;
}

.dMobile .menu a {
    padding: 18px 10px 17px;
    background-position:-290px -470px;
}
.dMobile .menuToggle .menu .divider {
    top: 14px;
}

.menuToggle .menu .divider 
{
    background-position:-22px 0;
    width:1px;
    height:17px;
    position:absolute;
    right:-2px;
    top:0;
    z-index:1;
}

.menuToggle .logo 
{
    float:left;
    padding:0 10px;
    height:38px;
}

.menuToggle .logo .wave 
{
    background-position:-69px 0;
    width:24px;
    height:49px;
    position:absolute;
    right:-20px;
    top:0;
    z-index:1;
}

.dMobile .menuToggle .logo .wave {
    background-position:-200px 0;
    width:37px;
    height:49px;
}
.dMobile #header .menuToggle {
    background-color: #f4f3f0;
}

#header .waveRight 
{
    background-position:-99px 0;
    width:28px;
    height:49px;
    float:left;
    margin-right:10px;
}
#header .donateMenu {
    height:49px;
}
#header .donateMenu a 
{
    float:left;
    font-size:1.3em;
	height:19px;	
    padding:17px 55px 12px 55px;
    text-decoration:none;
}
#header .donateMenu a {
    padding:17px 19px 12px 35px;
}

.dNonMobile #header .donateMenu a {
  padding: 17px 55px 13px;
    font-size:13px;
}

  


#header .socialMenu 
{ 
    display:none;
}

#footerNav 
{
    display:none;
}

.westpack-link {
    font-weight: bold;
}
#footer {
    background: url(../img/bgFooter.png) no-repeat center top;
    padding-top:17px;
    /*generic*/
}

.dMobile #footer {
    padding-top: 10px;
}
.home #footer {
    background-image:none;
}

.box {

}
.box .innerBox {
}

.box .title h2 
{
    font-size:1.4em;
    float:left;    
}

.box .title h3 
{
    font-size:1em;
    float:right;    
    padding:0.4em 0 0;
    text-decoration:none;
}

/*not mobs*/
/*
#header 
{
    background-color:#f4f3f0;
}  

*/  



/*hero global*/

#hero 
{
    margin:0 auto;   
    max-width:720px;
    position:relative;
}
#hero .homelogos { display:none;}

#hero .scaleImg {
    margin: 0 auto;
}

.dNonMobile #hero .scaleImg 
{
    display:none;    
}

#hero .innerContainer 
{
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    padding:0 9%;
    width:82%;
  /*  margin-top:9em;
    margin-top:40%;
*/
}

/*home*/
.home #hero .container {
    overflow:hidden;
    height:425px;
}

.dNonMobile .home #hero .container {
    height:539px;
}
.home #hero 
{
    background:url('../img/mobile/home.jpg') no-repeat center 0;
    background-size:contain;
    /*height:43em;*/
}

.dNonMobile .home #hero 
{
    background:url('../img/home.jpg') no-repeat center 0;
    background-size:auto;
    /*height:43em;*/
}

.home #hero .copy p {
    text-align:center;
}

.home #hero .container a.btn
{
    display:block;
    margin-bottom:9px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-size:1.4em;
}

.home #hero .innerContainer {
    color: #fff;
    padding-top:140px;
}

/*pageCtrlWrapper*/
.pageCtrlWrapper 
{
    padding:0;
    margin:0;
}

/*fbCtrl*/

.fbCtrl 
{
    padding:11px 13px 14px;
    border: 1px solid #c7afbb;  
    margin-top:15px;  
}

.fbCtrl p 
{
    text-align:center;
    width:195px;
/*    width:72%;*/
    margin:0 auto;
}
/*.donate is on the storyd etail page*/
#articleListPanel #btnTellStory, #storyDetailWrapper .btnDonate
{
    display:block;
    width:256px;
    padding:15px 0;
    text-align:center;
    font-size:1.45em;
    margin:0 auto;
}
#articleListPanel #btnTellStory {
    margin-top: 7px;
}

.fbCtrl #btnCtrlFBLogin 
{
    background-position: 0 -210px;
    width:256px;
    height:49px;
    margin:0 auto;
    display:block;
}
    .fbCtrl #btnCtrlFBLogin img.scaleImg {
        max-width: 256px;
    }

/*searchCtrl form*/

.searchCtrl 
{
    margin:15px 0 10px; 
}
.dNonMobile {
    margin-bottom: 0;
}
/*article pager*/
#imgHomeLogos {display:none; }
        #nav li.nonCaps a {
            text-transform:none;
        }
.error, .alert, .alert a {
    color: #dc241f;
    font-size: 0.9em;
}

.box a { text-decoration:none;}

@media only screen and (max-width: 321px) {
    .home #hero .innerContainer .copy {
        width: 99%;
        padding-top:7px;
    }
}

@media only screen and (min-width: 321px) 
{
    /*
    .home #hero .innerContainer 
    {
        padding-top:23%;
        padding-bottom:12%;
    }   
    */
    /*low res - mobs*/
    /*
    .lr {display:none!important}
    */
}


#footer .social {
    padding: 20px;
}


#homeLogo {
    background: url(../img/bgFooter.png) no-repeat center bottom;
    display:none;
    padding:0 10px 25px;
    margin:0 auto;
}

#homeLogo img{
    width: 165px;
    margin:0 auto;
    display:block;
}
.dMobile .home #homeLogo {
    display: block;
}

#mobfooter2 { display:block;width:165px;height:77px;margin:0 auto 0 auto;padding-top:15px}
#footer h4 { margin:0px auto 8px auto;font-size:1.4em;font-weight:bold;}


#footer .social a { width:38px;height:38px;overflow:hidden;float:left;margin-right:12px}
#footer .social a span { background:transparent url('../img/sprite.png') no-repeat left top;background-size:500px 500px;}
#footer .social .fb {margin-left:0; }
#footer a.fb span{background-position:0 -53px;}
#footer a.tw span{background-position:-53px -53px;}
#footer a.yt span{background-position:-103px -53px;}
#footer a.gp span{background-position:-157px -53px;}


.cl { clear:both;}

#footer .footertext {text-align:center;padding:17px 17px 11px;color:#9f9d9e;border-top:1px solid #d3d1ce}
 #footer .social h4.emergencies { margin:20px 0 20px 0;}
 #footer .social h4.emergencies a{ float:none;display:inline;text-decoration:none;margin-left:0;}
.trP { display:block;position:relative;}
.trC { display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.fr { float:right;}
.fl { float:left;}


@media only screen and (max-width: 720px) 
{
    .dNonMobile .home #hero {
    background: url('../img/mobile/home.jpg') no-repeat center 0;
    background-size: cover;
    }

    .dNonMobile .home #hero .innerContainer {
        padding-top: 245px;
    }

    .dNonMobile .home #hero .container {
        height:539px;
    }

    .dNonMobile #nav li a {
        border-right:none;
    }

    #header .headerInner {
        position:relative;
    }
    #mobileTopNav {
        position: fixed;
        top:0;
        width: 100%;
        background-color:#621a4b;
    }
    .dNonMobile #mobileTopNav {
        min-width:320px;
    }   
    #nav {min-height:800px}
}

@media only screen and (min-width: 721px) 
{

    .pageCtrlWrapper 
    {
        margin:0 0 15px;
    }
    .searchCtrl {
        background-image: none;
    }
    .dNonMobile .home #hero .container {
    height:639px;
    }

     #imgHomeLogos {display:inline; }
    .dNonMobile .home #hero .innerContainer {
        padding-top:295px;
    }
    #footer .footertext {
        /*display: none;*/
        border-top:0;
    }
    #outerWrapper 
    {
    }
    .sr 
    {
        display:none!important;
    }
    .container 
    {
        max-width:960px;
    }
    /*header menu*/
    #header 
    {
        background-color:#EFEDE9;
        font-size:0.8em;
    }

    #header .headerInner {
        background-color:#EFEDE9;
    }

    #header .menuToggle, #header .donateMenu 
    {
        z-index:101;
        position:relative;
    }
    .menuToggle .menu 
    {
        display:none;
    }
    #nav 
    {
        position: relative;
        top: 0;
        left: 0;
        float:none;
        /*margin-left:10px;*/
        width:100%;
        display:block;
    }     
    #nav ul 
    {
        /*overflow:hidden;*/
       /* text-align:center;*/
    }  
    #nav li 
    {
        /*background-color:#611849;*/
        display:inline;
		/* path for gap */
		/*margin-left:-3px*/
	
    }

    #nav li a 
    {
        border:0;
       /* padding:16px 1.2em 14px ;*/
        display:inline-block;
        height:19px;
        padding:15px 20px;
    }

   #nav li.first a{
	  padding-left:40px;  
   }


    #footer {
        background-image:none;
    }
 .dNonMobile  #nav li{
 	display:inline;
 }  

    #header .socialMenu 
    {
        display:block;
        float:right;
        position:relative;
        z-index:102;
    }
    
   .dNonMobile #header .socialMenu 
    {
      background-color:#EFEDE9;
    }


    #header .socialMenu a 
    {
            
        
    }
    #socialreveal { background:url('../img/sprite.png') no-repeat 0 0;background-position:0 -262px;width: 36px;height: 49px;float: left;  cursor:pointer;  }
    
	/*#socialreveal { background:url('../img/sprite.png') no-repeat 0 0;background-position:0 -262px;width: 36px;height: 49px;float: left;  cursor:pointer;  }*/
	
	
    #socialrevealcont {display:block;background:#EFEDEA url('../img/socialhdr.png') no-repeat left top;width:50px;height:108px;position:absolute;top:49px;left:0px;padding:15px 0 0px 0;display:none;}
    #header .socialMenu #socialrevealcont a { background-image:none;width:28px;height:28px;margin:5px 0 0 10px;overflow:hidden;}

    #header .socialMenu #socialrevealcont a span{ background:transparent url('../img/sociallinks.png') no-repeat left top;}
    #header .socialMenu #socialrevealcont a:hover span{ -webkit-transition: background-position 300ms ease-in-out; -moz-transition: background-position 300ms ease-in-out; -ms-transition: background-position 300ms ease-in-out; -o-transition: background-position 300ms ease-in-out; transition: background-position 300ms ease-in-out; }
   
     #header .socialMenu #socialrevealcont a.topFB span{ background-position:left top;}
    #header .socialMenu #socialrevealcont a.topTW span{ background-position:-28px top;}
    #header .socialMenu #socialrevealcont a.topGP span{ background-position:-56px top;}

    #header .socialMenu #socialrevealcont a.topFB:hover span{ background-position:left -28px;}
    #header .socialMenu #socialrevealcont a.topTW:hover span{ background-position:-28px -28px;}
    #header .socialMenu #socialrevealcont a.topGP:hover span{ background-position:-56px -28px;}

    
    /*home*/
    .btnLinks 
    {
        margin:0 auto;
        width:700px;
        padding:0 2%;
    }
    .home #hero .container, .story #hero .container
    {
        max-width:1800px;
    }
    .home #hero .innerContainer 
    {
        /*margin:3% 0 0;*/
    }    
    .home #hero p 
    {
        position:relative;
        width:400px;
        font-size:1.1em;
        margin:0 auto;
        text-align:center;
    }
    
    .dNonMobile .home #hero .scaleImg 
    {
        display:block;    
    }

    .home #hero .container a.btn 
    {
        width:179px;
        font-size:1.15em;   
        float:left;
        margin-left:15px;
        display:inline;
       
    }
    .home #hero .container a.first 
    {
        margin-left:0;
    }
    
    .home #hero
    {
        max-width:1800px;   
    } 
    
    .home #hero .copy 
    {
        /*padding:17% 0 0;*/
    }
    .home #hero .copy p 
    {
        top:149px;    
        color: #fff;
        width: 413px;
        margin: 0 auto;
        position: relative;
    }
    #footer .social { width:170px;margin:0 auto;padding:0 23px 0 50px;}
    #footer h4 { display:block;margin:49px auto 20px auto;}
    #footer .social h4.emergencies { margin:24px 0 20px 0;}
    /*
    .dNonMobile #hero .
ontainer p{ color:#fff}
*/
       
    #footer .social a { width:30px;height:29px;margin-left:8px;margin-right:0}
    #footer .social a span { background:transparent url('../img/footersocial.png') no-repeat left top;background-size:auto;}

    #footer .social a.fb span{background-position:0 0;}
    #footer .social a.fb:hover span {background-position:left -29px; }

    #footer .social a.tw span{background-position:-38px 0;


    }
    #footer .social a.tw:hover span{background-position:-38px -29px;


    }

    #footer .social a.yt span{background-position:-76px 0;


    }
    #footer .social a.yt:hover span{background-position:-76px -29px;


    }

    #footer .social a.gp span{ background-position:-115px 0;


    }
    #footer .social a.gp:hover span{background-position:-115px -29px;


    }
}

.tooltip2{
	border:thin 1px #eee;
	background-color:#ffffff;
	padding:5px;
	width:200px;
    font-size:14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

/* Handling the fact that adding the schools tab to the main nav made it no longer fit properly on iPads */
@media only screen and (min-width: 721px) and (max-width: 1024px) {
    
    #nav li a {
        padding: 15px 10px;
    }

    .dNonMobile #nav li a {
        font-size: 10px;
    }

    #nav li.first a {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 720px) {
    #nav li a:hover {
        background:none;
    }

    .dNonMobile #nav li a:hover span,
    .dNonMobile #header .donateMenu a:hover span,
    .dNonMobile #nav li a.selected span,
    .dNonMobile #header .donateMenu a.selected span,
    .dNonMobile #schoolsNav li a:hover span,
    .dNonMobile #schoolsNav li a.selected span {
        display: none;
    }

    .dNonMobile #nav li a:hover span,
    .dNonMobile #schoolsNav li a:hover span,
    .dNonMobile #header .donateMenu a:hover span,
    .dNonMobile #nav li a.selected span,
    .dNonMobile #schoolsNav li a.selected span,
    .dNonMobile #header .donateMenu a.selected span {
        border-color: transparent;
    }

    .dNonMobile #nav li.first a:hover span,
    .dNonMobile #nav li.first a.selected span {
        margin-left: 0;
    }

}

@media only screen and (min-width: 890px) 
{
    #header .donateMenu { margin-right: 0; }

    #nav li {  border-bottom:0;}

    #nav li a 
    {
        padding-left:1.75em;
        padding-right:1.75em;   
       
    }
   

    #mobfooter1 { display:none;}
    #mobfooter2 { display:none;margin-top:15px;}
    #footer { background-color:#e4e1da;padding:30px 0;}
    #footer .social { float:left;}
    #footer .social h4 { margin:0 0 10px 0;font-size:1.1em;font-weight:500;}


    #footer .footertext {clear:both;text-align:center;padding:25px 0;margin-top:16px;}

    /*.trP { display:block;position:relative;}*/
    /*.trC { display:block;position:absolute;top:0;left:0;width:100%;height:100%;}*/

    #footerNav { display:block;max-width:690px;float:left;}

    #footerNav .links { border-left:1px solid #c8c6c1;float:left;width:299px;padding-left:31px;color:#595a5f;margin-top:0;}
        #footerNav .links li {
            padding-bottom: 10px;
        }
    #footerNav .links li a{line-height:2em;text-decoration:none; }
    #footerNav .links li a:hover {text-decoration:underline; }

   
}
#articleListPanel .formFields .searchField {
    width: 47%;
        margin-right: 17px;
}
    #articleListPanel .formFields .selectField {
        width: 47%;
    }

@media only screen and (min-width: 950px) {
    #articleListPanel .formFields .searchField {
        
        margin-bottom: 5px;
    }

    #articleListPanel .formFields .selectField {
        margin-bottom: 5px;
    }
    #footer .footertext {
        text-align:left;
        padding-left:200px;
        width:560px;
    }
}
h1, h2, h3, h4 { padding:0;margin:0;}
h1 { font-size:2.2em;}
h2 { font-size:1.8em;}
h3 { font-size:1.4em;}
h4 {font-size:1em; }
.cl { clear:both;}