@font-face { font-family: 'boogalooregular'; src: url("../fonts/Boogaloo-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

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

@font-face { font-family: 'optimabold'; src: url("../fonts/optima-bold-webfont.eot"); src: url("../fonts/optima-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/optima-bold-webfont.woff2") format("woff2"), url("../fonts/optima-bold-webfont.woff") format("woff"), url("../fonts/optima-bold-webfont.ttf") format("truetype"), url("../fonts/optima-bold-webfont.svg#optimabold") format("svg"); font-weight: normal; font-style: normal; }

/* Added EB Garamond 20210118 */
/*@font-face {
    font-family: 'eb_garamondregular';
    src: url('../fonts/ebgaramond-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/ebgaramond-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

/* line 91, ../sass/styles.scss */
body { margin: 0; padding: 0; font-family: "optimaregular"; /*font-family: "eb_garamondregular";*/ color: #222222; background-color: #4d4d4d; background: url(../img/california-oaks-1600x1124.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; font-size: 110%; }

/* line 106, ../sass/styles.scss */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* line 114, ../sass/styles.scss */
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
/* line 116, ../sass/styles.scss */
* html .clearfix { height: 1%; }

/* line 117, ../sass/styles.scss */
.clearfix { display: block; }

/* close commented backslash hack */
/* line 121, ../sass/styles.scss */
#container { width: 60%; margin: 40px auto; padding: 0; border-radius: 15px; overflow: hidden; box-shadow: 0 1px 17px #000; font-size: 115%; }
@media screen and (max-width: 1024px) { /* line 121, ../sass/styles.scss */
  #container { width: 80%; } }
@media screen and (max-width: 768px) { /* line 121, ../sass/styles.scss */
  #container { width: 100%; margin: 0; border-radius: 0; box-shadow: none; } }

/* line 142, ../sass/styles.scss */
#header { width: 96%; margin: 0; padding: 0 2%; background-color: white; background-image: -moz-linear-gradient(white, white); background-image: -o-linear-gradient(white, white); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, white)); background-image: -webkit-linear-gradient(white, white); background-image: -ms-linear-gradient(white, white); background-image: linear-gradient(#ffffff, #ffffff); }
/* line 149, ../sass/styles.scss */
#header h1 { padding: 0; margin: 0; font-size: 110%; line-height: 1.4; font-style: italic; text-align: center; }
/* line 157, ../sass/styles.scss */
#header h1 a { text-decoration: none; padding: 165px 0 52px 0; display: block; background: url("../img/AA-Logo-horizontal-400x194.png") center 12px no-repeat; color: #6A8149; }
/* line 164, ../sass/styles.scss */
#header h1 a .red { color: #ef8762; }
/* line 168, ../sass/styles.scss */
#header h1 a sup { font-size: 50%; font-style: normal; }
@media screen and (max-width: 480px) { /* line 177, ../sass/styles.scss */
  #header h1 h1 a { background: url("../img/Amigos-Alados-logo-175x100.png") center 12px no-repeat; padding: 5px 0 0px 0; }
  /* line 182, ../sass/styles.scss */
  #header h1 #textsubtitle { visibility: hidden; height: 0; line-height: 0; } }
/* line 191, ../sass/styles.scss */
#header #english { float: right; margin: 20px 1% 0 0; text-shadow: none; }
/* line 196, ../sass/styles.scss */
#header #english a { color: #6A8149; text-decoration: none; padding: 5px; }
/* line 201, ../sass/styles.scss */
#header #english a:hover { text-decoration: underline; }
/* line 208, ../sass/styles.scss */
#header #spanish { float: left; margin: 20px 0 0 1%; text-shadow: none; }
/* line 213, ../sass/styles.scss */
#header #spanish a { color: #ef8762; text-decoration: none; padding: 5px; }
/* line 218, ../sass/styles.scss */
#header #spanish a:hover { text-decoration: underline; }

/* line 228, ../sass/styles.scss */
#topnav { font-family: "optimaregular"; width: 98%; padding: 1em 1% 0.8em 1%; margin: 0; background-color: #6a8247; background-image: -moz-linear-gradient(#9ab277, #6a8247); background-image: -o-linear-gradient(#9ab277, #6a8247); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ab277), color-stop(1, #6a8247)); background-image: -webkit-linear-gradient(#9ab277, #6a8247); background-image: -ms-linear-gradient(#9ab277, #6a8247); background-image: linear-gradient(#9ab277, #6a8247); }
/* line 234, ../sass/styles.scss */
#topnav ul { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 90%; }
/* line 242, ../sass/styles.scss */
#topnav li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 2.0; }
/* line 250, ../sass/styles.scss */
#topnav a { color: #FFF; text-decoration: none; margin: 5px 1%; padding: 1px; text-shadow: 1px 1px 0 #000; }
/* line 257, ../sass/styles.scss */
#topnav a:hover { border-bottom: 1px solid #FFF; }

/* line 265, ../sass/styles.scss */
#maincontent { width: 90%; margin: 0; padding: 0.8em 5% 0.7em 5%; color: #222222; line-height: 1.5; background: #FFF; min-height: 400px; }
/* line 274, ../sass/styles.scss */
#maincontent h1, #maincontent h2, #maincontent h3 { text-align: center; font-weight: normal; color: #3c3c3c; }
/* line 285, ../sass/styles.scss */

#maincontent h1.home { font-size: 200%; }

#maincontent h1.homeboogaloo { font-size: 300%; font-family: "boogalooregular"; color: #6a8247; }

#maincontent h3 a { color: #222222; text-decoration: none; border-bottom: 1px dotted #222222; }
/* line 291, ../sass/styles.scss */
#maincontent h3 a:hover { border-bottom: 1px solid #222222; }
/* line 295, ../sass/styles.scss */
#maincontent p, #maincontent ol, #maincontent ul { font-size: 110%; color: #222222; opacity: 0.9; }
/* line 301, ../sass/styles.scss */
#maincontent p a, #maincontent ol a { color: #222222; text-decoration: none; border-bottom: 1px dotted #333; }
/* line 307, ../sass/styles.scss */
#maincontent p a:hover, #maincontent ol a:hover { border-bottom: 1px solid #333; }
/* line 311, ../sass/styles.scss */
#maincontent p.quote, #maincontent ol.quote { font-style: italic; }
/* line 317, ../sass/styles.scss */
#maincontent .larger { font-size: 120%; }
/* line 321, ../sass/styles.scss */
#maincontent p strong { font-family: "optimabold"; text-shadow: none; }

#maincontent p.larger { font-size: larger; }



#maincontent #contestleft { float: left; width: 33%; padding-top: 65px; text-align: center; }
#maincontent #contestright { float: right; width: 50%; }

@media screen and (max-width: 1024px) {
	
	#maincontent #contestleft { float: none; width: 100%; padding-top: 0; }
	#maincontent #contestright { float: none; width: 100%; }
	
	}

#maincontent p.contestannouncement { color: #FFF; background: #ebc252; text-align: center; font-size: 130%; border-radius: 3px; font-family: "boogalooregular"; text-shadow: 0 1px 2px #000; }

#maincontent p.contestannouncement a { display: block; padding: 10px 15px; color: #FFF; text-decoration: none; border: none; border-radius: 3px; }

#maincontent p.contestannouncement a:hover { background: #ebc252; border-radius: 3px; }


/* line 326, ../sass/styles.scss */
#maincontent #imageright { float: right; width: auto; margin: 0 0 20px 30px; }


#maincontent #imageleft { float: left; width: auto; margin: 0px 20px 20px 0px; }

#maincontent p.bios { margin-bottom: 80px; }

#maincontent p.biotitle { font-size: 130%; }

@media screen and (max-width: 480px) {
	
	#maincontent #imageleft { float: none; width: 100%; margin: 0px 0px 20px 0px; }
	
	}

@media screen and (max-width: 480px) { /* line 326, ../sass/styles.scss */
  #maincontent #imageright { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 338, ../sass/styles.scss */
#maincontent #imageright img { width: 100%; margin: 0; }
/* line 343, ../sass/styles.scss */
#maincontent #imageright p { background: #000; padding: 8px 12px; margin: 0; color: #FFF; font-size: 90%; }
/* line 352, ../sass/styles.scss */
#maincontent #imageright40 { float: right; width: 40%; margin: 0 0 20px 30px; }
@media screen and (max-width: 480px) { /* line 352, ../sass/styles.scss */
  #maincontent #imageright40 { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 364, ../sass/styles.scss */
#maincontent #imageright40 img { width: 100%; margin: 0; }
/* line 369, ../sass/styles.scss */
#maincontent #imageright40 p { background: #000; padding: 8px 12px; margin: 0; color: #FFF; font-size: 90%; }
/* line 378, ../sass/styles.scss */
#maincontent #imageright50 { float: right; width: 47%; margin: 0 0 15px 3%; }
@media screen and (max-width: 768px) { /* line 378, ../sass/styles.scss */
  #maincontent #imageright50 { float: none; width: 100%; margin: 0 auto; } }
/* line 390, ../sass/styles.scss */
#maincontent #imageright50 img { width: 100%; border-radius: 5px; }
/* line 395, ../sass/styles.scss */
#maincontent #imageright50 p { background: #000; padding: 8px 12px; margin: 0; color: #FFF; font-size: 90%; }
/* line 404, ../sass/styles.scss */
#maincontent #birdmatrix { width: 100%; margin: 0; padding: 0; border-radius: 5px; overflow: hidden; }
/* line 412, ../sass/styles.scss */
#maincontent #birdmatrix img { width: 12.5%; opacity: 1.0; }

#maincontent #birdmatrix2025 { width: 100%; margin: 0 auto; padding: 0; border-radius: 0px; overflow: hidden; /*background: #CCC;*/ text-align: center; }
#maincontent #birdmatrix2025 img { width: 16.6%; opacity: 1.0; }
/* line 426, ../sass/styles.scss */

#maincontent #imagecenterfull { width: auto; margin: 0 auto 20px auto; text-align: center; }
/* line 431, ../sass/styles.scss */
#maincontent #imagecenterfull img { width: 100%; }
/* line 435, ../sass/styles.scss */
#maincontent #imagecenterfull p { color: #FFF; font-size: 90%; padding: 8px 12px; background: #000; text-align: left; margin-top: 0; }
/* line 445, ../sass/styles.scss */
#maincontent #imagecenterauto { width: auto; margin: 0 auto 20px auto; text-align: center; }
/* line 450, ../sass/styles.scss */
#maincontent #imagecenterauto img { max-width: 100%; }
/* line 454, ../sass/styles.scss */
#maincontent #imagecenterauto p { font-size: 90%; padding: 8px 12px; background: #000; text-align: left; margin-top: 0; }
/* line 464, ../sass/styles.scss */
#maincontent #left50 { float: left; width: 50%; margin: 0; padding: 0; }
@media screen and (max-width: 480px) { /* line 464, ../sass/styles.scss */
  #maincontent #left50 { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 478, ../sass/styles.scss */
#maincontent #right50 { float: left; width: 50%; margin: 0; padding: 0; }
@media screen and (max-width: 480px) { /* line 478, ../sass/styles.scss */
  #maincontent #right50 { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 491, ../sass/styles.scss */
#maincontent #birdstudy { text-align: center; width: 100%; margin: 40px 0 0 0; }
/* line 499, ../sass/styles.scss */
#maincontent a.birdlink { display: inline-block; width: 20%; margin: 0 2% 4% 2%; padding: 0; }
@media screen and (max-width: 480px) { /* line 499, ../sass/styles.scss */
  #maincontent a.birdlink { width: 40%; margin: 0 4% 8% 4%; } }
@media screen and (max-width: 320px) { /* line 499, ../sass/styles.scss */
  #maincontent a.birdlink { width: 100%; margin: 0 0% 8% 0%; } }
/* line 518, ../sass/styles.scss */
#maincontent a.birdlink img { width: 100%; border-radius: 180px; transition: all 0.3s ease; }
/* line 526, ../sass/styles.scss */
#maincontent a.birdlink img:hover { transform: scale(1.1); }
/* line 530, ../sass/styles.scss */
#maincontent p.imagecenterbird { text-align: center; }
/* line 534, ../sass/styles.scss */
#maincontent p.imagecenterbird img { width: 100%; max-width: 350px; }
/* line 539, ../sass/styles.scss */


#maincontent #studybirdleft { float: left; width: 48%; text-align: center; margin: 0 0 20px 0; }
/* line 546, ../sass/styles.scss */
#maincontent #studybirdleft img { width: 100%; max-width: 350px; }
/* line 552, ../sass/styles.scss */
#maincontent #studybirdleft p { text-align: center; font-weight: bold; }
/* line 557, ../sass/styles.scss */
#maincontent #studybirdleft p a { text-decoration: none; border-bottom: 1px dotted #444; }
/* line 562, ../sass/styles.scss */
#maincontent #studybirdleft p a:hover { border-bottom: 1px solid #444; }
@media screen and (max-width: 480px) { /* line 539, ../sass/styles.scss */
  #maincontent #studybirdleft { float: none; width: 100%; } }
/* line 573, ../sass/styles.scss */


#maincontent #studybirdcenter { float: none; width: 100%; text-align: center; margin: 0 0 20px 0; }
/* line 546, ../sass/styles.scss */
#maincontent #studybirdcenter img { width: 100%; max-width: 350px; }
/* line 552, ../sass/styles.scss */
#maincontent #studybirdcenter p { text-align: center; font-weight: bold; }
/* line 557, ../sass/styles.scss */
#maincontent #studybirdcenter p a { text-decoration: none; border-bottom: 1px dotted #444; }
/* line 562, ../sass/styles.scss */
#maincontent #studybirdcenter p a:hover { border-bottom: 1px solid #444; }
@media screen and (max-width: 480px) { /* line 539, ../sass/styles.scss */
  #maincontent #studybirdcenter { float: none; width: 100%; } }
/* line 573, ../sass/styles.scss */


#maincontent #studybirdright { float: right; width: 48%; text-align: center; margin: 0 0 20px 0; }
/* line 580, ../sass/styles.scss */
#maincontent #studybirdright img { width: 100%; max-width: 350px; }
/* line 586, ../sass/styles.scss */
#maincontent #studybirdright p { text-align: center; font-weight: bold; }
/* line 591, ../sass/styles.scss */
#maincontent #studybirdright p a { text-decoration: none; border-bottom: 1px dotted #444; }
/* line 596, ../sass/styles.scss */
#maincontent #studybirdright p a:hover { border-bottom: 1px solid #444; }
@media screen and (max-width: 480px) { /* line 573, ../sass/styles.scss */
  #maincontent #studybirdright { float: none; width: 100%; } }
/* line 607, ../sass/styles.scss */
#maincontent #birdstudydataspanish { float: left; width: 48%; }
/* line 611, ../sass/styles.scss */
#maincontent #birdstudydataspanish p { color: #444; }
/* line 615, ../sass/styles.scss */
#maincontent #birdstudydataspanish p .darker { font-weight: 900; color: #000; }
@media screen and (max-width: 480px) { /* line 607, ../sass/styles.scss */
  #maincontent #birdstudydataspanish { float: none; width: 100%; margin: 0 0 20% 0; } }
/* line 628, ../sass/styles.scss */
#maincontent #birdstudydataenglish { float: right; width: 48%; }
/* line 632, ../sass/styles.scss */
#maincontent #birdstudydataenglish p { color: #444; }
/* line 636, ../sass/styles.scss */
#maincontent #birdstudydataenglish p .darker { font-weight: 900; color: #000; }
@media screen and (max-width: 480px) { /* line 628, ../sass/styles.scss */
  #maincontent #birdstudydataenglish { float: none; width: 100%; margin: 0 0 0 0; } }
/* line 649, ../sass/styles.scss */
#maincontent .darker { font-weight: 900; color: #000; }

/* line 657, ../sass/styles.scss */
#fbholder { float: left; width: 47%; margin: 0 3% 30px 0; font-size: 90%; }
/* line 664, ../sass/styles.scss */
#fbholder h2 { margin-top: 0; }
@media screen and (max-width: 768px) { /* line 657, ../sass/styles.scss */
  #fbholder { float: none; width: 100%; margin: 0 auto 30px auto; } }

/* line 677, ../sass/styles.scss */
#fb-root { display: none; }

/* line 682, ../sass/styles.scss */
#fbholder .fb-like-box, #fbholder .fb-like-box span, #fbholder .fb-like-box span iframe[style] { width: 100% !important; border-radius: 5px; }

/* line 689, ../sass/styles.scss */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }

/* line 693, ../sass/styles.scss */
.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }

/* line 697, ../sass/styles.scss */
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; }

/* line 702, ../sass/styles.scss */
#partnersholder { float: right; width: 47%; max-width: 340px; margin: 0 0 0 3%; text-align: center; font-size: 85%; }
/* line 711, ../sass/styles.scss */
#partnersholder h2 { margin: 0; }
@media screen and (max-width: 768px) { /* line 702, ../sass/styles.scss */
  #partnersholder { float: none; width: 100%; max-width: 100%; margin: 0 auto; } }
/* line 722, ../sass/styles.scss */
#partnersholder img { padding: 10px 10px 0px 10px; margin: 0; background: #FFF; border-radius: 5px; }

/* line 731, ../sass/styles.scss */
#birdleft { float: left; width: 48%; margin: 10px 2% 30px 0; padding: 0; height: 400px; text-align: center; }
@media screen and (max-width: 480px) { /* line 731, ../sass/styles.scss */
  #birdleft { float: none; width: 100%; margin: 0; } }
/* line 747, ../sass/styles.scss */
#birdleft h3 { border: none; }
/* line 751, ../sass/styles.scss */
#birdleft p.binomial { margin-top: 0; font-style: italic; }
/* line 756, ../sass/styles.scss */
#birdleft audio { margin: 0; padding: 0; max-width: 100%; }
/* line 762, ../sass/styles.scss */
#birdleft p.description { font-size: 90%; }
/* line 766, ../sass/styles.scss */
#birdleft h3.hoor { background: url(../img/Hooded-Oriole-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 772, ../sass/styles.scss */
#birdleft h3.basw { background: url(../img/Barn-Swallow-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 778, ../sass/styles.scss */
#birdleft h3.bchu { background: url(../img/Black-chinned-Hummingbird-male-Alan-D-Wilson-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 784, ../sass/styles.scss */
#birdright h3.swth { background: url(../img/Swainsons-Thrush-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 790, ../sass/styles.scss */
#birdleft h3.trsw { background: url(../img/Tree-Swallow-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 796, ../sass/styles.scss */
#birdleft h3.ocwa { background: url(../img/Orange-crowned-Warbler-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 802, ../sass/styles.scss */
#birdleft h3.wiwa { background: url(../img/Wilsons-Warbler-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 808, ../sass/styles.scss */
#birdleft h3.bhgr { background: url(../img/Black-headed-Grosbeak-male-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }

/* line 817, ../sass/styles.scss */
#birdright { float: right; width: 48%; margin: 10px 0 30px 2%; padding: 0; height: 400px; text-align: center; }
@media screen and (max-width: 480px) { /* line 817, ../sass/styles.scss */
  #birdright { float: none; width: 100%; margin: 0; } }
/* line 833, ../sass/styles.scss */
#birdright h3 { border: none; }
/* line 837, ../sass/styles.scss */
#birdright p.binomial { margin-top: 0; font-style: italic; }
/* line 842, ../sass/styles.scss */
#birdright audio { margin: 0; padding: 0; max-width: 100%; }
/* line 848, ../sass/styles.scss */
#birdright p.description { font-size: 90%; }
/* line 853, ../sass/styles.scss */
#birdright h3.vgsw { background: url(../img/Violet-green-Swallow-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 859, ../sass/styles.scss */
#birdright h3.ruhu { background: url(../img/Rufous-Hummingbird-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 865, ../sass/styles.scss */
#birdright h3.labu { background: url(../img/Lazuli-Bunting-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 871, ../sass/styles.scss */
#birdleft h3.atfl { background: url(../img/Ash-throated-Flycatcher-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 877, ../sass/styles.scss */
#birdright h3.wavi { background: url(../img/Warbling-Vireo-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 883, ../sass/styles.scss */
#birdright h3.btgw { background: url(../img/Black-throated-Gray-Warbler-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 889, ../sass/styles.scss */
#birdright h3.weta { background: url(../img/Western-Tanager-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 895, ../sass/styles.scss */
#birdright h3.buor { background: url(../img/Bullocks-Oriole-Kevin-Cole-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }

/* line 903, ../sass/styles.scss */
#partnerleft { float: left; width: 48%; margin: 0 2% 0 0; padding: 0; text-align: center; }
@media screen and (max-width: 768px) { /* line 903, ../sass/styles.scss */
  #partnerleft { float: none; width: 100%; margin: 0; } }
/* line 917, ../sass/styles.scss */
#partnerleft h3 { border: none; }
/* line 921, ../sass/styles.scss */
#partnerleft img { border-radius: 5px; padding: 10px; background: #FFF; }

/* line 928, ../sass/styles.scss */
#partnerright { float: right; width: 48%; margin: 0 0 0 2%; padding: 0; text-align: center; }
@media screen and (max-width: 768px) { /* line 928, ../sass/styles.scss */
  #partnerright { float: none; width: 100%; margin: 0; } }
/* line 942, ../sass/styles.scss */
#partnerright h3 { border: none; }
/* line 946, ../sass/styles.scss */
#partnerright img { border-radius: 5px; padding: 10px; background: #FFF; }

/* line 954, ../sass/styles.scss */
hr { border: none; background: #666; opacity: 0.6; height: 1px; margin: 30px -5% 25px -5%; padding: 0; }

/* line 967, ../sass/styles.scss */
#bg-art { position: absolute; top: 0px; left: 0px; padding: 20px 20px 15px 20px; background: url(../img/bg-60.png); border-bottom-right-radius: 5px; font-size: 80%; }
/* line 969, ../sass/styles.scss */
#bg-art h2 { color: #FFF; margin: 0 0 10px 0; }
/* line 971, ../sass/styles.scss */
#bg-art p { margin: 0; padding: 0; color: #FFF; }
/* line 973, ../sass/styles.scss */
#bg-art p a { color: #FFF; text-decoration: none; font-size: 120%; }
/* line 975, ../sass/styles.scss */
#bg-art p a:hover { border-bottom: 1px solid #FFF; }

/*#homepageaudio {
	width: 100%;
	margin: 0em 0;
	padding: 2% 1%;
	text-shadow: none;
	//border-radius: $border-radius;
	//background: url("../img/bg-50.png");
	}*/
/* line 990, ../sass/styles.scss */
audio { width: 100%; padding: 0; margin: 0; display: block; }

/* line 999, ../sass/styles.scss */
#footer { width: 100%; padding: 1em 0; margin: 0; background-color: #4a6227; background-image: -moz-linear-gradient(#9ab277, #4a6227); background-image: -o-linear-gradient(#9ab277, #4a6227); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ab277), color-stop(1, #4a6227)); background-image: -webkit-linear-gradient(#9ab277, #4a6227); background-image: -ms-linear-gradient(#9ab277, #4a6227); background-image: linear-gradient(#9ab277, #4a6227); }
/* line 1005, ../sass/styles.scss */
#footer #footernav { font-family: "optimaregular"; width: 96%; padding: 0 2%; margin: 0 0 20px 0; }
/* line 1011, ../sass/styles.scss */
#footer #footernav ul { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 90%; }
/* line 1019, ../sass/styles.scss */
#footer #footernav li { margin: 0; padding: 0; list-style: none; display: inline-block; line-height: 2.0; }
/* line 1027, ../sass/styles.scss */
#footer #footernav a { color: #FFF; text-decoration: none; margin: 5px 12px; padding: 1px; text-shadow: 1px 1px 0 #000; }
/* line 1034, ../sass/styles.scss */
#footer #footernav a:hover { border-bottom: 1px solid #FFF; }
/* line 1042, ../sass/styles.scss */
#footer p.credits { font-family: "optimaregular"; font-size: 80%; line-height: 1.7; text-align: center; margin-bottom: 0; color: #FFF; }
/* line 1051, ../sass/styles.scss */
#footer p.credits a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
/* line 1057, ../sass/styles.scss */
#footer p.credits a:hover { border-bottom: 1px solid #FFF; }

/* line 1064, ../sass/styles.scss */
.text-darker { color: black; }

/* line 1068, ../sass/styles.scss */
.text-darker-even { color: black; }

/* line 1072, ../sass/styles.scss */
.text-darker-still { color: black; }

/* line 1076, ../sass/styles.scss */
.text-darkest { color: black; }

/* line 1080, ../sass/styles.scss */
.highlightedtext { color: #333333; }




#left50 { float: left; width: 49%; margin: 0 1% 20px 0; }
#left50 img { width: 100%; max-width: 100%; }

#right50 { float: right; width: 49%; margin: 0 0 20px 1%; }
#right50 img { width: 100%; max-width: 100%; }

@media screen and (max-width: 600px) {

	#left50 { float: none; width: 100%; margin: 0 0 20px 0; }

	#right50 { float: none; width: 100%; margin: 0 0 20px 0; }
	
	}