/* Layout Inner*/
body{-webkit-text-size-adjust:none; margin:0;padding:0;line-height: 10px; width: 100%; }
body{background: var(--page-bg-colour) url(images/bg.jpg) no-repeat center top; -webkit-text-size-adjust:none; margin:0;padding:0;line-height: 10px; width: 100%; }
b{font-size: 100%;}
strong{font-weight: 500;}
em{}
img { max-width: 100%; height: auto; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%;}
#wrapper {width: 100%; }
#topsection{/*Height of top section*/}
#topsection h1{margin: 0; padding-top: 15px;}
#contentwrapper{float: left; width: 100%;}
#contentcolumn{margin: 0 35px 0 35px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/;}
#leftcolumn{float: left; width: 35px; /*Width of left column*/ margin-left: -100%;}
#rightcolumn{float: left; width: 35px; /*Width of right column*/ margin-left: -35px; /*Set left marginto -(RightColumnWidth)*/;}
@media only screen and (max-width:1036px){
#contentcolumn{margin: 0 50px 0 50px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/; }
#leftcolumn{float: left; width: 50px; /*Width of left column*/ margin-left: -100%;}
#rightcolumn{float: left; width: 50px; /*Width of right column*/ margin-left: -50px; /*Set left marginto -(RightColumnWidth)*/; }	
}
@media only screen and (max-width:860px){
#contentcolumn{margin: 0 45px 0 45px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/; }
#leftcolumn{float: left; width: 45px; /*Width of left column*/ margin-left: -100%; }
#rightcolumn{float: left; width: 45px; /*Width of right column*/ margin-left: -45px; /*Set left marginto -(RightColumnWidth)*/; }	
}
@media only screen and (max-width:650px){
#contentcolumn{margin: 0 15px 0 15px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/; }
#leftcolumn{float: left; width: 15px; /*Width of left column*/ margin-left: -100%; }
#rightcolumn{float: left; width: 15px; /*Width of right column*/ margin-left: -15px; /*Set left marginto -(RightColumnWidth)*/; }	
}
#footer{clear: left; width: 100%; color: #000000; text-align: center; padding: 4px 0;}
#footer a{color: #000000;}
.innertube{ margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0;}


.social_media_wrapper { margin: 0px; padding: 0px; float: center;}
.social_media_wrapper_bottom {width: 88%; margin: 0px; padding: 10px 4.5% 5px 4.5%; text-align: center;}
a.social_media_link_bottom:link {color: #41403d; font-size: 1.8rem; -webkit-transition: color 1.0s; transition: color 1.0s; padding: 0px 0px 0px 10px;}
a.social_media_link_bottom:visited {color: #41403d;}
a.social_media_link_bottom:hover {color: #8f3d3a;}
@media only screen and (max-width: 100000px) and (min-width: 768px) {
a.social_media_link_top:link {color: #41403d; font-size: 1.8rem; -webkit-transition: color 1.0s; transition: color 1.0s; padding: 0px 0px 0px 10px;}
a.social_media_link_top:visited {color: #41403d;}
a.social_media_link_top:hover {color: #8f3d3a;}
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
a.social_media_link_top:link {color: #ffffff; font-size: 1.8rem; -webkit-transition: color 1.0s; transition: color 1.0s; padding: 0px 0px 0px 10px;}
a.social_media_link_top:visited {color: #ffffff;}
a.social_media_link_top:hover {color: #8f3d3a;}
}
/* Responsive 100,000 TO 1400 */
@media only screen and (max-width: 100000px) and (min-width: 1400px) {	
.social_media_wrapper_top {width:  92%; margin: 0px; padding: 0% 4% 0% 4%; text-align: right;}	
}
/* Responsive 1400 TO 1200 */
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
.social_media_wrapper_top {width:  92%; margin: 0px; padding: 0% 4% 0% 4%; text-align: right;}		
}
/* Responsive 1200 TO 992 */
@media only screen and (max-width: 1200px) and (min-width: 992px) {
.social_media_wrapper_top {width: 91%; margin: 0px; padding: 0% 4.5% 0% 4.5%; text-align: right;}	
}
/* Responsive 992 TO 768 */
@media only screen and (max-width: 992px) and (min-width: 768px) {
.social_media_wrapper_top {width: 91%; margin: 0px; padding: 0% 4.5% 0% 4.5%; text-align: right;}	
}
/* Responsive 768 TO 576 */
@media only screen and (max-width: 768px) and (min-width: 576px) {
.social_media_wrapper_top {width: 88%; margin: 0px; padding: 0% 4.5% 0% 4.5%; text-align: center;}	
}
/* Responsive 576 TO 1 */
@media only screen and (max-width: 576px) and (min-width: 1px) {	
.social_media_wrapper_top {width: 88%; margin: 0px; padding: 0% 4.5% 0% 4.5%; text-align: center;}	
}


.keywordsdatabase1 {color: #ffffff; font-weight: 500; margin:0px 0px 1px 0px; padding: 5px 0px 5px 10px; width: 100%; background-color: #8f8983;}
.keywordsdatabase2 {color: #333333;  margin:0px 0px 1px 0px; padding: 5px 0px 5px 10px; width: 100%; width: 100%; background-image: linear-gradient( rgba(196,191,188,1), rgba(196,191,188,0));}
ul.keywordsdatabase {list-style-type: square;}

/* Layout Left Hand Menu*/
#bfpagecontentcolumn{margin: 0 0px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/;}
#bfpageleftcolumn{float: left; width: 0px; /*Width of left column*/ margin-left: -100%;}
#bfpagerightcolumn{float: left; width: 0px; /*Width of right column*/ margin-left: -0px; /*Set left marginto -(RightColumnWidth)*/;}
@media screen and (min-width: 1036px) {
.leftnavigationbuttons {float: left; width: 179px;}	
.leftnavigationbuttonslineright {float: left; width: 1px; }	
#pagecontentwrapper{float: left;width: 100%;}
#pagecontentcolumn{margin-left: 180px; /*Set left margin to LeftColumnWidth*/ }
#pageleftcolumn{float: left; width: 180px; /*Width of left column*/ margin-left: -100%;}
#pagefooter{clear: left; width: 100%; background: black; color: #FFF; text-align: center; padding: 0px 0;}
#pagefooter a{color: #FFFF80;}
.navigationbuttonsend {width: 179px; height: 69px; padding: 0px; margin: 0px; }	
}
@media screen and (max-width: 1036px) {	
.leftnavigationbuttons {float: left; width: 179px; display: none;}	
.leftnavigationbuttonslineright {float: left; width: 1px;display: none;}
#pagecontentwrapper{float: left;width: 100%;}
#pagecontentcolumn{margin-left: 0px; /*Set left margin to LeftColumnWidth*/ }
#pageleftcolumn{float: left; width: 0px; /*Width of left column*/ margin-left: -100%; }
#pagefooter{clear: left; width: 100%; background: black; color: #FFF; text-align: center; padding: 0px 0;}
#pagefooter a{color: #FFFF80;}
.navigationbuttonsend {width: 179px; height: 69px; padding: 0px; margin: 0px; display: none;}		
}
/* Left Navigation Buttons */
.leftnavigationcontainter:after {content: ""; display: table; clear: both;}
.dropbtn {padding: 0px 0px 0px 0px; margin: 0px;font-size: 0.70em;  border-top: none; border-left: none; border-right: none; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; width: 179px; height: 28px; }
.dropdown {position: relative;display: inline-block; }
.dropdown-content {display: none; position: absolute; min-width: 179px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; color: white; padding: 0px 0px 0px 0px; margin: 0px;font-size: 0.70em; border: none; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
.dropdown-content a { color: white; padding: 10px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #ffffff; /* olderbrowsers */ text-align: center; color: #121212; font-style: bold; font-weight: bold;}
.dropdown:hover .dropdown-content {display: block; text-align: center;}
.dropdown:hover .dropbtn {background-color: #3e8e41; text-align: center;}
.dropbtn2 {padding: 0px 0px 0px 0px; margin: 0px;font-size: 0.70em;  border-top: none; border-left: none; border-right: none; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; width: 179px; height: 28px; }
.dropdown2 {position: relative;display: inline-block; }
.dropdown-content2 {display: none; position: absolute; min-width: 179px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; color: white; padding: 0px 0px 0px 0px; margin: 0px;font-size: 0.70em; border: none; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
.dropdown-content2 a { color: white; padding: 10px 16px; text-decoration: none; display: block; }
.dropdown-content2 a:hover {background-color: #ffffff; /* olderbrowsers */ text-align: center; color: #121212; font-style: bold; font-weight: bold;}
.dropdown2:hover .dropdown-content2 {display: block; text-align: center;}
.dropdown2:hover .dropbtn2 {background-color: #3e8e41; text-align: center;}
/* Left Menu Page Content Margins */
@media screen and (max-width: 640px) {	
#contentpagetopsection{height: 0px; /*Height of top section*/}
#contentpagewrapper{float: left;width: 100%;}
#contentpagecolumn{margin: 0 20px 0 20px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#contentpageleftcolumn{float: left; width: 20px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn{float: left; width: 20px; /*Width of right column*/ margin-left: -20px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}
/* updates 2024 October */	
#contentpagecolumn_update{margin: 0 0px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#contentpageleftcolumn_update{float: left; width: 0px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn_update{float: left; width: 0px; /*Width of right column*/ margin-left: -0px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}	
.paragraph_stretch_image {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_stretch_opening {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_inset_opening {margin:0px 20px 0px 20px; padding:0px 0px 18px 0px;}	
.paragraph_stretch_color_1 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_inset_color_1 {margin:0px 20px 0px 20px; padding:0px 0px 18px 0px;}	
.paragraph_stretch_title_1 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_stretch_color_2 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_inset_color_2 {margin:0px 20px 0px 20px; padding:0px 0px 18px 0px;}	
.paragraph_stretch_title_2 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_stretch_color_3 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_inset_color_3 {margin:0px 20px 0px 20px; padding:0px 0px 18px 0px;}	
.paragraph_stretch_title_3 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_stretch_color_4 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}
.paragraph_inset_color_4 {margin:0px 20px 0px 20px; padding:0px 0px 18px 0px;}	
.paragraph_stretch_title_4 {margin:0px -20px 0px -20px; padding:0px 0px 0px 0px;}	
.paragraph_inset_title  {margin:0px 20px 0px 20px; padding:15px 0px 15px 0px;}					
.paragraph_full_text {margin:25px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_full_image {margin:0px 0px 0px 0px; padding:0px 0px 100px 0px;}
.paragraph_alternate {margin:0px 0px 35px 0px; padding:0px 0px 4px 0px;}		
}
@media screen and (min-width: 640px) {	
#contentpagetopsection{height: 0px; /*Height of top section*/}
#contentpagewrapper{float: left;width: 100%;}
#contentpagecolumn{margin: 0 35px 0 35px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#contentpageleftcolumn{float: left; width: 35px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn{float: left; width: 35px; /*Width of right column*/ margin-left: -35px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}
/* updates 2024 October */	
#contentpagecolumn_update{margin: 0 35px 0 35px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#contentpageleftcolumn_update{float: left; width: 35px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn_update{float: left; width: 35px; /*Width of right column*/ margin-left: -35px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}	
.paragraph_stretch_image {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_stretch_opening {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_inset_opening {margin:0px; padding:0px;}	
.paragraph_stretch_color_1 {margin:0px; padding:0px;}	
.paragraph_inset_color_1 {margin:0px; padding:0px;}		
.paragraph_stretch_title_1 {margin:0px; padding:0px;}
.paragraph_stretch_color_2 {margin:0px; padding:0px;}	
.paragraph_inset_color_2 {margin:0px; padding:0px;}		
.paragraph_stretch_title_2 {margin:0px; padding:0px;}	
.paragraph_stretch_color_3 {margin:0px; padding:0px;}	
.paragraph_inset_color_3 {margin:0px; padding:0px;}		
.paragraph_stretch_title_3 {margin:0px; padding:0px;}
.paragraph_stretch_color_4 {margin:0px; padding:0px;}	
.paragraph_inset_color_4 {margin:0px; padding:0px;}		
.paragraph_stretch_title_4 {margin:0px; padding:0px;}		
.paragraph_inset_title {margin:0px; padding:0px;}			
.paragraph_full_text {margin:0px; padding:0px;}
.paragraph_full_image {margin:0px; padding:0px;}		
.paragraph_alternate {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}		
}
@media screen and (min-width: 1036px) {	
#contentpagetopsection{height: 0px; /*Height of top section*/}
#contentpagewrapper{float: left;width: 100%;}
#contentpagecolumn{margin: 0 25px 0 25px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}	
#contentpageleftcolumn{float: left; width: 25px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn{float: left; width: 25px; /*Width of right column*/ margin-left: -25px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}	
/* updates 2024 October */	
#contentpagecolumn_update{margin: 0 25px 0 25px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}	
#contentpageleftcolumn_update{float: left; width: 25px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn_update{float: left; width: 25px; /*Width of right column*/ margin-left: -25px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}
.paragraph_stretch_image {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_stretch_opening {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}	
.paragraph_inset_opening {margin:0px; padding:0px;}	
.paragraph_stretch_color_1 {margin:0px; padding:0px;}	
.paragraph_inset_color_1 {margin:0px; padding:0px;}	
.paragraph_stretch_title_1 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_stretch_color_2 {margin:0px; padding:0px;}	
.paragraph_inset_color_2 {margin:0px; padding:0px;}	
.paragraph_stretch_title_2 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_stretch_color_3 {margin:0px; padding:0px;}	
.paragraph_inset_color_3 {margin:0px; padding:0px;}	
.paragraph_stretch_title_3 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.paragraph_stretch_color_4 {margin:0px; padding:0px;}	
.paragraph_inset_color_4 {margin:0px; padding:0px;}	
.paragraph_stretch_title_4 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}	
.paragraph_inset_title {margin:0px; padding:0px;}			
.paragraph_full_image {margin:0px 0px 0px 0px; padding:0px;}	
.paragraph_alternate {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}		
}
/* Left Menu Page Content*/
@media screen and (min-width: 1036px) {	
.rightfloatitems { margin-top: 4px; margin-bottom: 8px; margin-left: 25px; width: 220px; float: right }
.foundationfriends  {margin:0px; padding:0px 0px 20px 0px; width: 218px; color: #000000; font-size: 8pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 11pt;}
}
@media screen and (max-width: 1036px) {	
.rightfloatitems { margin-top: 4px; margin-bottom: 8px; margin-left: 25px; width: 220px; float: right; display: none; overflow: hidden;}
.foundationfriends  {margin:0px; padding:0px 0px 20px 0px; width: 218px; color: #000000; font-size: 8pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 11pt; display: none; overflow: hidden;}
}




/* Content Font Sizes*/
@media only screen and (max-width: 100000px) and (min-width: 812px) {
.contentpagefont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; font-style: normal; font-weight: 300;}
.contentpagesubtitlefont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 100; color: var(--content-page-subtitle-font);}
.contentpagesubtitlefont1{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 100; padding: 0px; margin: 30px 0px 0px 0px; color: var(--content-page-subtitle-font1);}	
.contentpagesubtitlefont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 19px; font-style: normal; font-weight: 500; padding: 6px 0px 6px 7px; margin: 6px 0px 0px 0px; olor: var(--gradient-bar-text-color); background-image: linear-gradient(to right, rgba(var(--gradient-bar-color),1), rgba(var(--gradient-bar-color),0));}
.contentpagesubtitlefont_stretch_1{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}	
.contentpagesubtitlefont_stretch_2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}
.contentpagesubtitlefont_stretch_3{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}
.contentpagesubtitlefont_stretch_4{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}	
.contentpagesubtitlefont1_alternate{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 100; padding: 0px; margin: 30px 0px 0px 0px;}	
.contentpagesubtitlefont2_alternate{width: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 19px; font-style: normal; font-weight: 500; padding: 6px 0px 6px 7px; margin: 6px 0px 0px 0px;}
.contentpagesubtitlefont_section_site_navigation{width: 100%; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 28px; font-style: normal; font-weight: 100; padding: 0px; margin: 30px 0px 15px 0px; color: var(--content-page-subtitle-font-section-site-navigation);}		
.contentpagesubtitlefont_wrapper {width: 100%; padding: 0px; margin: 0px;}		
.captionscontainer{margin:0px; padding:0px; width: 100%;}	
.captionscontainer1a{margin:0px; padding:0px; width: 100%;}
.captionscontainer1b{margin:0px; padding:0px; width: 94%;}	
.captionsfont1{margin:0px 0px 0px 0px; width: 100%; padding: 7px 0px 7px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 0.82em; line-height: 1.2em; font-style: normal; font-weight: 500;}	
.captionscontainer2a{margin:0px 0px 12px 0px; padding:0px; width: 100%;}
.captionscontainer2b{margin:0px; padding:0px; width: 94%;}	
.captionsfont2{margin:0px 0px 0px 0px; width: 100%; padding: 6px 0px 7px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 0.78em; line-height: 1.2em; font-style: normal; font-weight: 400;}		
.bfsocialmediabarsmall {width: 100%; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; text-align: left; }
.bfsocialmediabarlarge {width: 100%; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; text-align: left; visibility: hidden; display: none;}
.bfsocialmediabarfootersmall {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
.bfsocialmediabarfooterlarge {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; visibility: hidden; display: none;}
.bfsocialmfooterlarge {width: 100%; margin: 0px; padding: 0px; text-align: center; visibility: hidden; display: none;}
.bfsocialmfootersmall {width: 100%; margin: 0px; padding: 0px; text-align: center;}		
	}
@media only screen and (max-width: 812px) and (min-width: 640px) {
.contentpagefont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 22px; font-style: normal; font-weight: 300;}
.contentpagesubtitlefont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 100; color: var(--content-page-subtitle-font);}
.contentpagesubtitlefont1{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 100; padding: 0px; margin: 30px 0px 0px 0px; color: var(--content-page-subtitle-font1);}	
.contentpagesubtitlefont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; padding: 6px 8px 6px 8px; margin: 6px 0px 0px 0px; color: var(--gradient-bar-text-color); background-image: linear-gradient(to right, rgba(var(--gradient-bar-color),1), rgba(var(--gradient-bar-color),0));}
.contentpagesubtitlefont_stretch_1{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}	
.contentpagesubtitlefont_stretch_2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}	
.contentpagesubtitlefont_stretch_3{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}	
.contentpagesubtitlefont_stretch_4{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 200; padding: 0px; margin: 30px 0px 15px 0px;}		
.contentpagesubtitlefont1_alternate{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 100; padding: 0px; margin: 30px 0px 0px 0px;}	
.contentpagesubtitlefont2_alternate{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; padding: 6px 8px 6px 8px; margin: 6px 0px 0px 0px;}
.contentpagesubtitlefont_section_site_navigation{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 100; padding: 0px; margin: 30px 0px 15px 0px; color: var(--content-page-subtitle-font-section-site-navigation);}	
.contentpagesubtitlefont_wrapper {width: 100%; padding: 0px; margin: 0px;}	
.captionscontainer{margin:0px; padding:0px; width: 100%;}	
.captionscontainer1a{margin:0px; padding:0px; width: 100%;}
.captionscontainer1b{margin:0px; padding:0px; width: 94%;}	
.captionsfont1{margin:0px 0px 0px 0px; width: 100%; padding: 7px 0px 7px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 0.78em; line-height: 1em; font-style: normal; font-weight: 500;}	
.captionscontainer2a{margin:0px 0px 12px 0px; padding:0px; width: 100%;}
.captionscontainer2b{margin:0px; padding:0px; width: 94%;}	
.captionsfont2{margin:0px 0px 0px 0px; width: 100%; padding: 6px 0px 7px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 0.78em; line-height: 1em; font-style: normal; font-weight: 400;}	
.bfsocialmediabarsmall {width: 100%; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; text-align: left; visibility: hidden; display: none;}
.bfsocialmediabarlarge {width: 100%; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; text-align: left; }	
.bfsocialmediabarfootersmall {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; visibility: hidden; display: none;}
.bfsocialmediabarfooterlarge {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}	
	}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.contentpagefont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 22px; font-style: normal; font-weight: 300;}
.contentpagesubtitlefont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 300; color: var(--content-page-subtitle-font);}
.contentpagesubtitlefont1{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 300; padding: 0px; margin: 30px 0px 0px 0px; color: var(--content-page-subtitle-font1);}	
.contentpagesubtitlefont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; padding: 6px 8px 6px 8px; margin: 6px 0px 0px 0px; color: var(--gradient-bar-text-color); background: linear-gradient(to right, rgba(var(--gradient-bar-color), 1) 0%, rgba(var(--gradient-bar-color), 1) 75%, rgba(var(--gradient-bar-color), 0) 97%);}.contentpagesubtitlefont_stretch_1{width: 100%; font-family: 'Roboto', sans-serif; font-size: 27px; line-height: 29px; font-style: normal; font-weight: 200; padding: 0px 0px 3px 0px; margin: 0px;}	
.contentpagesubtitlefont_stretch_2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 27px; line-height: 29px; font-style: normal; font-weight: 200; padding: 0px 0px 3px 0px; margin: 0px;}
.contentpagesubtitlefont_stretch_3{width: 100%; font-family: 'Roboto', sans-serif; font-size: 27px; line-height: 29px; font-style: normal; font-weight: 200; padding: 0px 0px 3px 0px; margin: 0px;}
.contentpagesubtitlefont_stretch_4{width: 100%; font-family: 'Roboto', sans-serif; font-size: 27px; line-height: 29px; font-style: normal; font-weight: 200; padding: 0px 0px 3px 0px; margin: 0px;}	
.contentpagesubtitlefont_section_site_navigation{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 300; padding: 0px; margin: 30px 0px 15px 0px; color: var(--content-page-subtitle-font-section-site-navigation);}		
.contentpagesubtitlefont_mobile_wrapper {width: 100%; padding: 0px 0px 0px 0px;; margin: 0px 0px 0px 0px;}
.contentpagesubtitlefont_mobile {width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 100; padding: 10px 0px 20px 0px; margin: 0px 0px 0px 0px;}	
.contentpagesubtitlefont_wrapper {width: 100%; padding: 0px; margin: 0px; visibility: hidden; display: none;}
.contentpagesubtitlefont_mobile_column_left {float: left; width: 5%;}
.contentpagesubtitlefont_mobile_column_center {float: left; width: 90%;}
.contentpagesubtitlefont_mobile_column_right {float: left; width: 5%;}	
.contentpagesubtitlefont_mobile_row:after {content: ""; display: table; clear: both;}	
.contentpagesubtitlefont1_alternate{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 200; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 0px;}	
.contentpagesubtitlefont2_alternate{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; padding: 0px 8px 0px 0px; margin: 6px 0px 0px 0px;}	
.captionscontainer{margin:0px; padding:0px; width: 100%;}	
.captionscontainer1a{margin:0px; padding:0px; width: 100%;}
.captionscontainer1b{margin:0px; padding:0px; width: 94%;}	
.captionsfont1{margin:0px 0px 0px 0px; width: 100%; padding: 7px 0px 7px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 0.78em; line-height: 1em; font-style: normal; font-weight: 500;}	
.captionscontainer2a{margin:0px 0px 12px 0px; padding:0px; width: 100%;}
.captionscontainer2b{margin:0px; padding:0px; width: 94%;}	
.captionsfont2{margin:0px 0px 0px 0px; width: 100%; padding: 6px 0px 7px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 0.78em; line-height: 1em; font-style: normal; font-weight: 400;}	
.bfsocialmediabarsmall {width: 100%; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; text-align: left; visibility: hidden; display: none;}
.bfsocialmediabarlarge {width: 100%; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; text-align: left; }	
.bfsocialmediabarfootersmall {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; visibility: hidden; display: none;}
.bfsocialmediabarfooterlarge {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}	
}
.bfsocialmfooterpagelike {width: 100%; margin: 0px; padding: 0px; text-align: center; background-image: linear-gradient(to right, rgba(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,0));}	
.contentpagesubtitlefont1mobile{width: 100%; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; font-style: normal; font-weight: 200; padding: 20px 0px 0px 0px; margin: 25px 0px 0px 0px;}	
.contentpagesubtitlefont2mobile{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; padding: 0px 0px 3px 0px; margin: 6px 0px 0px 0px;}


/* Footer Font Sizes*/
@media only screen and (max-width: 100000px) and (min-width: 812px) {
.footerfont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 2px 0px 0px 0px; padding: 0px 0px 4px 0px;}
.footerfont812{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.footerfont640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.footerfont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 300; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.archivefooterfont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;}
.archivefooterfont812{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.archivefooterfont640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}	
.archivefooterfont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 300; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.footerfontspace{width: 100%; margin: 0px; padding: 0px; height: 20px;}
.footerfontspace2{width: 100%; margin: 0px; padding: 0px; height: 5px;}	
.footspacebase{width: 100%; margin: 0px; padding: 0px; height: 15px;}
.footspacebasearchive{width: 100%; margin: 0px; padding: 0px; height: 25px;}
.footerfontsocialmedia{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 2px 0px 2px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white;}
.archivefooterfontsocialmedia{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 2px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white;}	
.footerfontsocialmedia640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 2px 0px 2px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white; display: none;}
.archivefooterfontsocialmedia640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 2px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white; display: none;}		
}
@media only screen and (max-width: 812px) and (min-width: 640px) {
.footerfont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.footerfont812{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; }
.footerfont640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.footerfont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 300; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.archivefooterfont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.archivefooterfont812{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;}
.archivefooterfont640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}	
.archivefooterfont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 300; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.footerfontspace{width: 100%; margin: 0px; padding: 0px; height: 20px;}
.footerfontspace2{width: 100%; margin: 0px; padding: 0px; height: 15px;}	
.footspacebase{width: 100%; margin: 0px; padding: 0px; height: 15px;}
.footspacebasearchive{width: 100%; margin: 0px; padding: 0px; height: 25px;}
.footerfontsocialmedia{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 2px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white;}
.archivefooterfontsocialmedia{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 0px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white;}
.footerfontsocialmedia640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 2px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white; display: none;}
.archivefooterfontsocialmedia640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 0px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white; display: none;}	
}	
@media only screen and (max-width: 640px) and (min-width: 1px) {
.footerfont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.footerfont812{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.footerfont640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 10px 0px 0px 0px; padding: 0px 0px 4px 0px;}	
.footerfont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 300; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.archivefooterfont{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}
.archivefooterfont812{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; display: none;}	
.archivefooterfont640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;}	
.archivefooterfont2{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 21px; font-style: normal; font-weight: 300; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.footerfontspace{width: 100%; margin: 0px; padding: 0px; height: 20px;}
.footerfontspace2{width: 100%; margin: 0px; padding: 0px; height: 15px;}	
.footspacebase{width: 100%; margin: 0px; padding: 0px; height: 15px;}
.footspacebasearchive{width: 100%; margin: 0px; padding: 0px; height: 25px;}
	
	
.footerfontsocialmedia{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 2px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white; display: none;}
	
.archivefooterfontsocialmedia{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 0px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white; display: none;}	
	
.footerfontsocialmedia640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 2px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white;}
	
.archivefooterfontsocialmedia640{width: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 700; text-align: center; margin: 0px 0px 4px 0px; padding: 5px 0px 6px 0px; background-image: linear-gradient(to right, rgba(65,64,61,0), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,1), rgba(65,64,61,0)); color: white;}		
}
	

	
	
	/* Layout Outer*/
#outerwrapper {width: 100%;max-width: 1202px;margin: 0 auto; var(--outer-wrapper);}
#outertopsection{height: 0px; /*Height of top section*/}
#outertopsection h1{margin: 0; padding-top: 0px;}
#outercontentwrapper{float: left; width: 100%;}
#outercontentcolumn{margin: 0 1px 0 1px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#outerleftcolumn{float: left; width: 1px; /*Width of left column*/ margin-left: -100%;}
#outerrightcolumn{float: left; width: 1px; /*Width of right column*/margin-left: -1px; /*Set left marginto -(RightColumnWidth)*/}
#outerline{height: 1000px; width: 1px;}
#outerfooter{clear: left; width: 100%; color: #FFF; text-align: center; padding: 0px 0;}
#outerfooter a{color: #FFFF80;}
/*goggle Advert Top*/
.goggleadverttop {width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; background-color: white;}
/*Top Social Media Buttons*/
.topsocialmediabar {width: 100%; height: 34px; background-image: linear-gradient(to right, #ffffff,#d9d7d1,#d9d7d1,#d9d7d1,#d9d7d1,#d9d7d1,#ffffff);  margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; text-align: right; }
.topsocialmediabarupdate {width: 100%; height: 34px; background-image: linear-gradient(to right, #e3dfdb,#ffffff);  margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; text-align: right; }
#topfacebooktwitter {display: inline-block; vertical-align: top; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;}
.topfacebook {display: inline-block; vertical-align: top; margin: 0px; padding: 2px 0px 0px 0px;}
.toptwitter {display: inline-block; vertical-align: top; margin: 0px; padding: 2px 0px 0px 0px;}
.topyoutube {display: inline-block; vertical-align: top; margin: 0px; padding: 0px 50px 0px 0px;}
@media only screen and (max-width: 640px){
.topsocialmediabar {width: 100%; height: 55px; background-image: linear-gradient(to right, black,black,black,black,black,black,black); margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: center; }
#topfacebooktwitter {display: inline-block; vertical-align: top; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;}
.topfacebook {display: inline-block; vertical-align: top; margin: 0px; padding: 2px 0px 0px 0px; width: 100%;}
.toptwitter {display: inline-block; vertical-align: top;  margin: 0px; padding: 6px 0px 0px 0px; width: 100%;}
.topyoutube {display: inline-block; vertical-align: top; margin: 0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
	}
@media only screen and (max-width: 768px){
.topsocialmediabarupdate {width: 100%; background-image: linear-gradient(to right, black,black,black,black,black,black,black); margin: 0px 0px 0px 0px; padding: 20px 0px 12px 0px; text-align: center; }
	}



/* World */
header { width:1200px;}
.world{  width: 100%; height: 100px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 100% 100%;}
@media only screen and (max-width: 1175px){
.world{  width: 100%; height: 98px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 101% 100%;}
	}
@media only screen and (max-width: 1150px){
.world{  width: 100%; height: 97px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 102% 100%;}
.worldwhite{  display: none;}
	}
@media only screen and (max-width: 1100px){
.world{  width: 100%; height: 96px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 106% 100%;}
.worldwhite{  display: none;}	
    }
@media only screen and (max-width: 1050px){
.world{  width: 100%; height: 96px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 114% 100%;}	
    }
@media only screen and (max-width: 1000px){
.world{  width: 100%; height: 96px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 120% 100%;}
    }
@media only screen and (max-width: 960px){
.world{  width: 100%; height: 96px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 127% 100%;}
    }
@media only screen and (max-width: 900px){
.world{  width: 100%; height: 96px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 132% 100%;}
    }
@media only screen and (max-width: 850px){
.world{  width: 100%; height: 96px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 138% 100%;}
    }
@media only screen and (max-width: 800px){
.world{  width: 100%; height: 95px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 150% 100%;}
    }
@media only screen and (max-width: 768px){
.world{  width: 100%; height: 95px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 156% 100%;}	
    }
@media only screen and (max-width: 734px){
.world{  width: 100%; height: 95px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 160% 100%;}
    }
@media only screen and (max-width: 700px){
.world{  width: 100%; height: 93px; background-image: url('/root_images/world.gif'); background-repeat: no-repeat; background-size: 169% 100%;}
    }
@media only screen and (max-width: 650px){
.world{  width: 100%; height: 93px; background-image: url('/root_images/world.png'); background-repeat: no-repeat; background-size: 100% 100%;}
    }
@media only screen and (max-width: 600px){
.world{  width: 100%; height: 92px; background-image: url('/root_images/world.png'); background-repeat: no-repeat; background-size: 100% 100%;}
    }
@media only screen and (max-width: 550px){
.world{  width: 100%; height: 102px; background-image: url('/root_images/world480.png'); background-repeat: no-repeat; background-size: 100% 100%;}
    }
@media only screen and (max-width: 500px){
.world{  width: 100%; height: 100px; background-image: url('/root_images/world480.png'); background-repeat: no-repeat; background-size: 100% 100%;}
    }
@media only screen and (max-width: 480px){
.world{  width: 100%; height: 84px; background-image: url('/root_images/world480.png'); background-repeat: no-repeat; background-size: 100% 100%;}
    }
/* Top Navigation */
.topnav a:link {background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); overflow: hidden; color: white;}
.topnav a:visited {background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); overflow: hidden; color: white;}
.topnav a { width: 12.5%; float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 0px 0px 0px; font-size: 0.9em; height: 30px; font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; }






.topnav a:hover { background-image: linear-gradient(#ffffff,#dcdcdc,#c4c4c4,#ababab,#c4c4c4,#dcdcdc,#ffffff); color: black; }
.active { background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); color: white; float: right;}
.topnav .icon {display: none;}
@media only screen and (max-width: 1036px){
.topnav {background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); overflow: hidden;}
.topnav a { width: 25%; float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 0px 0px 0px; font-size: 0.9em; height: 30px; font-family: 'Oswald', sans-serif; font-style: normal;  text-decoration: none; background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); border-top: 1px solid #6f6f6f;}
.topnav a:hover { background-image: linear-gradient(#ffffff,#dcdcdc,#c4c4c4,#ababab,#c4c4c4,#dcdcdc,#ffffff); color: black; }
.active { background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); color: white; float: right; }
.topnav .icon {display: none;}
}
@media screen and (max-width: 640px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {float: right; display: block;}
}
@media screen and (max-width: 640px) {
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {position: absolute; right: 0; top: 0; }
.topnav.responsive a {float: none; display: block; text-align: center; width: 100%;}
}
/* Page Main Image */


@media only screen and (max-width: 100000px) and (min-width: 812px) {
.titleimagemobile {  margin: auto; width: 100%; visibility: hidden; display: none;}
.titleimagemobile2 {  margin: auto; width: 100%; visibility: hidden; display: none;}	
.titleimagebrowser {  margin: auto; width: 100%;}
	}
@media only screen and (max-width: 812px) and (min-width: 640px) {
.titleimagemobile {  margin: auto; width: 100%; visibility: hidden; display: none;}
.titleimagemobile2 {  margin: auto; width: 100%; }	
.titleimagebrowser {  margin: auto; width: 100%; visibility: hidden; display: none;}
	}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.titleimagemobile {  margin: auto; width: 100% }
.titleimagemobile2 {  margin: auto; width: 100%; visibility: hidden; display: none;}	
.titleimagebrowser {  margin: auto; width: 100%; visibility: hidden; display: none;}
	}
@media only screen and (max-width: 100000px) and (min-width: 812px) {
.titlearchivemobile {  margin: auto; width: 100%; visibility: hidden; display: none;}
.titlearchivemobile2 {  margin: auto; width: 100%; visibility: hidden; display: none;}	
.titlearchivebrowser {  margin: auto; width: 100%;}
	}
@media only screen and (max-width: 812px) and (min-width: 640px) {
.titlearchivemobile {  margin: auto; width: 100%; visibility: hidden; display: none;}
.titlearchivemobile2 {  margin: auto; width: 100%; }	
.titlearchivebrowser {  margin: auto; width: 100%; visibility: hidden; display: none;}
	}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.titlearchivemobile {  margin: auto; width: 100% }
.titlearchivemobile2 {  margin: auto; width: 100%; visibility: hidden; display: none;}	
.titlearchivebrowser {  margin: auto; width: 100%; visibility: hidden; display: none;}
	}





/* Page */
.lineabovepagetitle{  margin:0px; padding: 0px; width: 100%; height: 1px;}
.lineabovepagetitle_no_height{  margin:0px; padding: 0px; width: 100%; height: 0px;}
.bfpagetitle{  margin:0px; padding: 0px; width: 100%; height: 40px;  border-radius: 0px 0px 10px 10px;}
.bfpagetitletext{  margin:0px; padding: 11px 0px 0px 0px; width: 97%;  font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }
.bfpagetitletext_no_link{  margin:0px; padding: 13px 0px 0px 0px; width: 97%;  font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }
.bfpagetitletext_single_link{  margin:0px; padding: 13px 0px 0px 0px; width: 97%;  font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }
@media only screen and (max-width: 1036px){
.bfpagetitletext{  margin:0px; padding: 11px 0px 0px 0px; width: 97%; font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }
.bfpagetitletext_no_link{  margin:0px; padding: 13px 0px 0px 0px; width: 97%; font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }
.bfpagetitletext_single_link{  margin:0px; padding: 13px 0px 0px 0px; width: 97%; font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }	
}
@media only screen and (max-width: 860px){
.bfpagetitletext{  margin:0px; padding: 11px 0px 0px 0px; width: 96%; font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }
.bfpagetitletext_no_link{  margin:0px; padding: 13px 0px 0px 0px; width: 96%; font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }	
.bfpagetitletext_single_link{  margin:0px; padding: 13px 0px 0px 0px; width: 96%; font-family: 'Oswald', sans-serif; font-size: 1.24em; font-style: normal; font-weight: normal; }		
}
@media only screen and (max-width: 640px){
.bfpagetitletext{  margin:0px; padding: 11px 0px 0px 0px; width: 95%; font-family: 'Oswald', sans-serif; font-size: 1.2em; font-style: normal; font-weight: normal; }
.bfpagetitletext_no_link{  margin:0px; padding: 15px 0px 0px 0px; width: 95%; font-family: 'Oswald', sans-serif; font-size: 1.2em; font-style: normal; font-weight: normal; }
.bfpagetitletext_single_link{  margin:0px; padding: 14px 0px 0px 0px; width: 95%; font-family: 'Oswald', sans-serif; font-size: 1.2em; font-style: normal; font-weight: normal; }	
}
.bfpagelinecontainer{  margin:0px; padding: 0px; width: 100%; height: 21px; }
.bfpageline{  margin:0px; padding: 0px; width: 100%; height: 1px;}
.bfpagelinespace{  margin:0px; padding: 0px; width: 100%; height: 10px;}
.bfachivepagelinecontainer{  margin:0px; padding: 0px; width: 100%; height: 21px; }
.bfachivepageline{  margin:0px; padding: 0px; width: 98.6%; height: 1px;}
.bfachivepagelinespace{  margin:0px; padding: 0px; width: 100%; height: 10px;}
@media screen and (max-width: 650px) {
.bfpagelinecontainer{  margin:0px; padding: 0px; width: 100%; height: 21px; }
.bfpageline{  margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #cccccc;}
.bfpagelinespace{  margin:0px; padding: 0px; width: 100%; height: 10px;}
}
/* MENU BOXES*/
.featurecolumn {float: left; width: 48.8%; margin:0px 0.6% 0px 0.6%; padding: 0px;}
.featurerow:after {content: ""; display: table; clear: both;}
.featureimage {width: 100%; height: 56.25%; padding: 0; margin: 0;}
.bfmenutitle{margin:0px; padding: 0px; width: 100%; height: 36px;  border-radius: 10px 0px 0px 0px; border-bottom: 1px solid #ffffff;}
.bfmenutitlelastestnews{margin:0px; padding: 0px; width: 100%; height: 36px; background-image: linear-gradient(#000000, #464543, #000000); border-radius: 10px 0px 0px 0px;}
.bfmenuimagecontainer{max-width:100% auto; border-bottom: 1px solid #ffffff;}
.bfmenutitletext{margin:0px; padding: 12px 0px 0px 0px; width: 94%; font-family: 'Oswald', sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; }
.bfmenutextcontainer{margin:0px; padding: 0px; width: 100%;   border-radius: 0px 0px 10px 10px; height: 36px;}
.bfmenutext{margin:0px; padding: 10px 0px 12px 0px; width: 90%; color: white; font-family: Lato, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: 600; }

.instagrammenutitle{margin:0px; padding: 0px; width: 100%; height: 36px; background-image: linear-gradient(#cccccc, #ffffff, #cccccc); border-radius: 10px 0px 0px 0px; border-bottom: 1px solid #ffffff;}

.facebookmenutitle{margin:0px; padding: 0px; width: 100%; height: 36px; background-image: linear-gradient(#4b67ad, #5d6f9f, #4b67ad); border-radius: 10px 0px 0px 0px; border-bottom: 1px solid #ffffff;}
.facebookmenutextcontainer{margin:0px; padding: 0px; width: 100%;  background-color: #4b67ad; border-radius: 0px 0px 10px 10px;  height: 36px;}
.facebookmenutext{margin:0px; padding: 3px 0px 0px 0px; width: 90%; color: white; font-family: Lato, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: 600; }
.twittermenutitle{margin:0px; padding: 0px; width: 100%; height: 36px; background-image: linear-gradient(#408fda, #609fda, #408fda); border-radius: 10px 0px 0px 0px; border-bottom: 1px solid #ffffff;}
.twittermenutextcontainer{margin:0px; padding: 0px; width: 100%;  background-color: #2797dd; border-radius: 0px 0px 10px 10px;  height: 36px;}
.twittermenutext{margin:0px; padding: 3px 0px 0px 0px; width: 90%; color: white; font-family: Lato, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: 600; }

.youtubemenutitle{margin:0px; padding: 0px; width: 100%; height: 36px; background-image: linear-gradient(#c8c5c1, #ffffff, #c8c5c1); border-radius: 10px 0px 0px 0px; border-bottom: 1px solid #e62117;}
.youtubemenutitletext{margin:0px; padding: 7px 0px 0px 0px; width: 94%; color: white; font-family: 'Oswald', sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; }
.youtubemenuimagecontainer{max-width:100% auto; border-bottom: 1px solid #ffffff;}
.youtubemenutextcontainer{margin:0px; padding: 0px; width: 100%;  background-color: #c8373c; border-radius: 0px 0px 10px 10px;  height: 36px;}
.youtubemenutext{margin:0px; padding: 10px 0px 12px 0px; width: 90%; color: white; font-family: Lato, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: 600; }

.bfmenutitlefilmplayer{margin:0px; padding: 0px; width: 100%; height: 36px;  border-radius: 10px 0px 0px 0px; border-bottom: 1px solid #ffffff;}
.bfmenutitletextfilmplayer{margin:0px; padding: 12px 0px 0px 0px; width: 94%; font-family: 'Oswald', sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; }
.bfmenutextcontainerfilmplayer{margin:0px; padding: 0px; width: 100%;   border-radius: 0px 0px 10px 10px; height: 36px;}
.bfmenutextfilmplayer{margin:0px; padding: 10px 0px 12px 0px; width: 94%; color: white; font-family: Lato, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: 600; }
.bfcolumnfilmplayer { float: left; width: 100%; margin:0px 0% 0px 0% ; padding: 0px;}
.bfrowfilmplayer:after {content: ""; display: table; clear: both;}
.bffilmcolumn { float: left; width: 100%; margin:0px; padding: 0px;}
.bffilmrow:after {content: ""; display: table; clear: both;}
.bffilmcolumnbox {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.bffilmvideo {position: absolute; top: 0; left: 0; width: 100%;height: 100%;}


/* LAYOUT  COLUMNS*/
.bfcolumn { float: left; width: 23.8%; margin:0px 0.6% 0px 0.6% ; padding: 0px;}
.bfrow:after {content: ""; display: table; clear: both;}
@media screen and (max-width: 1036px) {
.bfcolumn { float: left; width: 32.1%; margin:0px 0.6% 0px 0.6% ; padding: 0px;}
.bfrow:after {content: ""; display: table; clear: both;}
}	
@media screen and (max-width: 860px) {
.bfcolumn { float: left; width: 48.8%; margin:0px 0.6% 0px 0.6%; padding: 0px; }
.bfrow:after {content: ""; display: table; clear: both;}
}
@media screen and (max-width: 650px) {
.bfcolumn { float: left; width: 100%; margin:0px; padding: 0px;}
.bfrow:after {content: ""; display: table; clear: both;}
}	
/* LAYOUT TWO COLUMNS*/
@media screen and (max-width: 1036px) {
.bftwocolumn1 {float: left; width: 100%; margin:0px; padding: 0px; text-align: left;}
.bftwocolumn2 {float: left; width: 100%; margin:0px; padding: 0px; text-align: center;}
.bftwocolumn1_full_page {float: left; width: 100%; margin:0px; padding: 0px; text-align: left;}	
.bftwocolumn2_full_page {float: left; width: 0%; margin:0px; padding: 0px; text-align: center;}	
.bftwocolumnspace {float: left; width: 0%; margin:0px; padding: 0px; text-align: right;}
.bftworow:after {content: ""; display: table; clear: both;}
}
@media screen and (min-width: 1036px) {
.bftwocolumn1 {float: left; width: 72.5%; margin:0px; padding: 0px; text-align: left;}
.bftwocolumn2 {float: left; width: 24.5%; margin:0px; padding: 0px; text-align: center;}
.bftwocolumn1_full_page {float: left; width: 100%; margin:0px; padding: 0px; text-align: left;}	
.bftwocolumn2_full_page {float: left; width: 0%; margin:0px; padding: 0px; text-align: center;}	
.bftwocolumnspace {float: left; width: 3%; margin:0px; padding: 0px; text-align: right;}
.bftworow:after {content: ""; display: table; clear: both;}
}
/* LAYOUT SIDE COLUMNS*/
@media screen and (min-width: 1036px) {
.bfsidecolumn1 {float: left;  width: 100%;}
.bfsidecolumn2 {float: left;  width: 100%;}
.bfsidecolumn3 {float: left;  width: 100%;}
.bfsidecolumn4 {float: left;  width: 100%;}
.bfsidecolumnspace1 {float: left;  width: 100%; height: 10px; }
.bfsidecolumnspace2 {float: left;  width: 100%; height: 10px; }
.bfsidecolumnspace3 {float: left;  width: 100%; height: 10px; }	
.bfsiderow:after {content: ""; display: table; clear: both;}
}
@media screen and (max-width: 1036px) {
.bfsidecolumn1 {float: left;  width: 24.55%;}
.bfsidecolumn2 {float: left;  width: 24.55%;}
.bfsidecolumn3 {float: left;  width: 24.55%;}
.bfsidecolumn4 {float: left;  width: 24.55%;}
.bfsidecolumnspace1 {float: left;  width: 0.6%; }
.bfsidecolumnspace2 {float: left;  width: 0.6%; }
.bfsidecolumnspace3 {float: left;  width: 0.6%; }	
.bfsiderow:after {content: ""; display: table; clear: both;}
}
@media screen and (max-width: 812px) {
.bfsidecolumn1 {float: left;  width: 49.7%;}
.bfsidecolumn2 {float: left;  width: 49.7%;}
.bfsidecolumn3 {float: left;  width: 49.7%;}
.bfsidecolumn4 {float: left;  width: 49.7%;}
.bfsidecolumnspace1 {float: left;  width: 0.6%; }
.bfsidecolumnspace2 {float: left;  width: 0%; }
.bfsidecolumnspace3 {float: left;  width: 0.6%; }	
.bfsiderow:after {content: ""; display: table; clear: both;}
}
@media screen and (max-width: 640px) {
.bfsidecolumn1 {float: left;  width: 100%;}
.bfsidecolumn2 {float: left;  width: 100%;}
.bfsidecolumn3 {float: left;  width: 100%;}
.bfsidecolumn4 {float: left;  width: 100%;}
.bfsidecolumnspace1 {float: left;  width: 0%; }
.bfsidecolumnspace2 {float: left;  width: 0%; }
.bfsidecolumnspace3 {float: left;  width: 0%; }	
.bfsiderow:after {content: ""; display: table; clear: both;}
}
/* SIDE CONTAINERS */
@media screen and (min-width: 1036px) {
.bfsidedonatecontainer{margin:0px; padding: 0px; width: 100%; }
.bfsidetwittercontainer{margin:0px; padding: 0px; width: 100%;}
.bfsidefacebookcontainer{margin:0px; padding: 0px; width: 100%;}
.bfsideinstagramcontainer{margin:0px; padding: 0px; width: 100%;}	
.bfsideyoutubecontainer{margin:0px; padding: 0px; width: 100%;}	
	}
@media screen and (max-width: 1036px) {
.bfsidedonatecontainer{margin:0px; padding: 0px 0px 20px 0px; width: 100%; }
.bfsidetwittercontainer{margin:0px; padding: 0px 0px 20px 0px; width: 100%;}
.bfsidefacebookcontainer{margin:0px; padding: 0px 0px 20px 0px; width: 100%;}
.bfsideinstagramcontainer{margin:0px; padding: 0px 0px 20px 0px; width: 100%;}	
.bfsideyoutubecontainer{margin:0px; padding: 0px 0px 20px 0px; width: 100%;}	
	}
/* SIDE DONATE */
.bfsidedonatetop{margin:0px; padding: 0px; width: 100%; height: 15px;}
.bfsidedonateimage{margin:0px; padding: 0px 0px 0px 0px; width: 100%; }
.bfsidedonatespacer{margin:0px; padding: 0px; width: 100%; height: 10px; }
.bfsidedonatebottom{margin:0px; padding: 0px; width: 100%; height: 0px;}

@media screen and (min-width: 1036px) {
.bfsidefriendsdiv { margin:0px; padding:10px 0px 0px 0px; width: 100%; font-size: 0.68em; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 10pt;}	
}
@media screen and (max-width: 1036px) {
.bfsidefriendsdiv { margin:0px; padding:22px 0px 0px 0px; width: 100%; font-size: 0.68em; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 10pt;}	
}
@media screen and (max-width: 812px) {
.bfsidefriendsdiv { margin:0px; padding:12px 0px 0px 0px; width: 100%; font-size: 0.7em; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 10pt;}	
}
@media screen and (max-width: 640px) {
.bfsidefriendsdiv { margin:0px; padding:10px 0px 0px 0px; width: 100%; font-size: 0.7em; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 10pt;}	
}
/* SIDE TWITTER */
.bfsidetwittertop{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 8px 8px 0px 0px; background-image: linear-gradient(#b0b1b0, #2d2b2c);}
.bfsidetwitterlogo{margin:0px; padding: 0px; width: 100%; height: 40px; background-color: #2d2b2c}
.bfsidetwitterline{margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #ffffff}
.bfsidetwitterbutton{margin:0px; padding: 0px; width: 100%; height: 28px; background-color: #2d2b2c}
.bfsidetwitterspacer{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #2d2b2c}
.bfsidetwitterspacer2{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #2d2b2c}
.bfsidetwitterspacer3{margin:0px; padding: 0px; width: 100%; height: 4px; background-color: #2d2b2c}
.bfsidetwitterimage{margin:0px; padding: 0px; width: 100%; }
.bfsidetwitterbottom{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 0px 0px 8px 8px; background-image: linear-gradient(#2d2b2c, #b0b1b0);}
/* SIDE FACEBOOK */
.bfsidefacebooktop{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 8px 8px 0px 0px; background-image: linear-gradient(#b0b1b0, #3b5997);}
.bfsidefacebooklogo{margin:0px; padding: 0px; width: 100%; height: 40px; background-color: #3b5997 }
.bfsidefacebookline{margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #ffffff}
.bfsidefacebookbutton{margin:0px; padding: 0px; width: 100%; height: 28px; background-image: linear-gradient(#d3d9e7, #ebeaf3);}
.bfsidefacebookspacer{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #3b5997}
.bfsidefacebookspacer2{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #d3d9e7}
.bfsidefacebookspacer3{margin:0px; padding: 0px; width: 100%; height: 4px; background-color: #ebeaf3}
.bfsidefacebookimage{margin:0px; padding: 0px; width: 100%; }
.bfsidefacebookbottom{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 0px 0px 8px 8px; background-image: linear-gradient(#ebeaf3, #b0b1b0);}
/* SIDE INSTAGAM */
.bfsideinstagramtop{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 8px 8px 0px 0px; background-image: linear-gradient(#b0b1b0, #cccccc);}
.bfsideinstagramlogo{margin:0px; padding: 0px; width: 100%; height: 40px; background-color: #cccccc }
.bfsideinstagramline{margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #ffffff}
.bfsideinstagrambutton{margin:0px; padding: 0px; width: 100%; height: 28px; background-image: linear-gradient(#cccccc, #ebeaf3);}
.bfsideinstagramspacer{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #cccccc}
.bfsideinstagramspacer2{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #cccccc}
.bfsideinstagramspacer3{margin:0px; padding: 0px; width: 100%; height: 4px; background-color: #ebeaf3}
.bfsideinstagramimage{margin:0px; padding: 0px; width: 100%; }
.bfsideinstagrambottom{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 0px 0px 8px 8px; background-image: linear-gradient(#ebeaf3, #b0b1b0);}
/* SIDE YOUTUBE*/
.bfsideyoutubetop{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 8px 8px 0px 0px; background-image: linear-gradient(#f7f5f6, #b8b7b8);}
.bfsideyoutubelogo{margin:0px; padding: 0px; width: 100%; height: 40px; background-image: linear-gradient(#b8b7b8, #b8b7b8, #f7f5f6); }
.bfsideyoutubeline{margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #cd201f}
.bfsideyoutubebutton{margin:0px; padding: 0px; width: 100%; height: 28px; background-image: linear-gradient(#f7f5f6, #b8b7b8);}
.bfsideyoutubespacer{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #f7f5f6}
.bfsideyoutubespacer2{margin:0px; padding: 0px; width: 100%; height: 8px; background-color: #f7f5f6}
.bfsideyoutubespacer3{margin:0px; padding: 0px; width: 100%; height: 4px; background-color: #b8b7b8}
.bfsideyoutubeimage{margin:0px; padding: 0px; width: 100%; }
.bfsideyoutubebottom{margin:0px; padding: 0px; width: 100%; height: 10px; border-radius: 0px 0px 8px 8px; background-image: linear-gradient(#b8b7b8, #f7f5f6);}

@media screen and (min-width: 1036px) {
.bfsidelinecontainer{  margin:0px; padding: 0px; width: 100%; height: 21px; }
.bfsideline{  margin:0px; padding: 0px; width: 100%; height: 1px; }
.bfsidelinespace{  margin:0px; padding: 0px; width: 100%; height: 15px;}
.bfsidelinespace2{  margin:0px; padding: 0px; width: 100%; height: 5px;}	
}

@media screen and (max-width: 1036px) {
.bfpagelinecontainer2{  margin:0px; padding: 0px; width: 100%; height: 25px; }
.bfpageline2{  margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #cccccc;}
.bfpagelinespace2a{  margin:0px; padding: 0px; width: 100%; height: 0px;}
.bfpagelinespace2b{  margin:0px; padding: 0px; width: 100%; height: 24px;}
.bfpagelinecontainer3{  margin:0px; padding: 0px; width: 100%; height: 21px; }
.bfpageline3{  margin:0px; padding: 0px; width: 100%; height: 1px; background-color: #cccccc;}
.bfpagelinespace3{  margin:0px; padding: 0px; width: 100%; height: 10px;}
}
/* SIDE GOOGLE*/
.googleadsdiv{  margin:0px; padding: 10px 0px 0px 0px; width: 100%;}
/* SIDE BF iSHOP ADVERT*/
@media screen and (min-width: 1036px) {
.bfadvertdiv{  margin:0px; padding: 10px 0px 0px 0px; width: 100%;}
.bfadverttalldiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: block;}
.bfadvertwidediv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.bfadvertwidediv2{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
}
@media screen and (max-width: 1036px) {
.bfadvertdiv{  margin:0px; padding: 10px 0px 0px 0px; width: 100%;}
.bfadverttalldiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.bfadvertwidediv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.bfadvertwidediv2{  margin:0px; padding: 15px 0px 15px 0px; width: 100%; display: block;}
}
@media screen and (max-width: 640px) {
.bfadvertdiv{  margin:0px; padding: 10px 0px 0px 0px; width: 100%;}
.bfadverttalldiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.bfadvertwidediv{  margin:0px; padding: 15px 0px 15px 0px; width: 100%; display: block;}
.bfadvertwidediv2{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
}
/* ROCK ART NETWORK*/
.rockartnetworkdiv{  margin:0px; padding: 10px 0px 0px 0px; width: 100%;}
@media screen and (min-width: 1036px) {
.rockartnetworkdiv{  margin:0px; padding: 10px 0px 0px 0px; width: 100%;}
.rockartnetworktalldiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: block;}
.rockartnetworkwidediv2{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.rockartnetworkwidediv3{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
}
@media screen and (max-width: 1036px) {
.rockartnetworkdiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%;}
.rockartnetworktalldiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.rockartnetworkwidediv2{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.rockartnetworkwidediv3{  margin:0px; padding: 0px 0px 10px 0px; width: 100%; display: block;}
}
@media screen and (max-width: 640px) {
.rockartnetworkdiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%;}
.rockartnetworktalldiv{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
.rockartnetworkwidediv2{  margin:0px; padding: 0px 0px 10px 0px; width: 100%; display: block;}
.rockartnetworkwidediv3{  margin:0px; padding: 0px 0px 0px 0px; width: 100%; display: none;}
}
/* PAGE PHOTOGRAPHS*/
.photographimages{margin:0px; padding: 0px; width: 100%; display: block; }
@media only screen and (max-width: 100000px) and (min-width: 1036px) {
.photo1 { margin-top: 4px; margin-right: 15px; width: 49.25%; float: left;}
.photo2 { margin-top: 4px; margin-left: 15px; width: 49.25%; float: right;}
.photo1_alternate { margin-top: 20px; margin-right: 15px; width: 49.25%; float: left;}
.photo2_alternate { margin-top: 20px; margin-left: 15px; width: 49.25%; float: right;}	
.photo100 { margin-top: 4px; margin-left: 0px; width: 100%; float: left;}
.photo100b { margin: 4px 0px 16px 0px; width: 100%; float: left;}	
.bfphotographcolumn1 {float: left; width: 49.25%; margin:0%;}
.bfphotographcolumn2 {float: left; width: 49.25%; margin:0%;}	
.bfphotographcolumn3 {float: left; width: 49.25%; margin:0%;}
.bfphotographcolumn4 {float: left; width: 49.25%; margin:0%;}	
.bfphotographcolumn5 {float: left; width: 49.25%; margin:0%;}
.bfphotographcolumn6 {float: left; width: 49.25%; margin:0%;}		
.bfphotographcolumnspace1 {float: left; width: 1.5%; margin:0%;}
.bfphotographcolumnspace2 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace3 {float: left; width: 1.5%; margin:0%;}
.bfphotographcolumnspace4 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace5 {float: left; width: 1.5%; margin:0%;}
.bfphotographrow:after {content: ""; display: table; clear: both;}
.photo1_stretch { margin-top: 4px; margin-right: 15px; width: 49.25%; float: left;}
.photo2_stretch { margin-top: 4px; margin-left: 15px; width: 49.25%; float: right;}			
.photo100_stretch { margin-top: 4px; margin-left: 0px; width: 100%;}	
}
@media only screen and (max-width: 1036px) and (min-width: 812px) {
.photo1 { margin-top: 4px; margin-right: 15px; width: 32.666%; float: left;}
.photo2 { margin-top: 4px; margin-left: 15px; width: 32.666%; float: right;}
.photo1_alternate { margin-top: 20px; margin-right: 15px; width: 32.666%; float: left;}
.photo2_alternate { margin-top: 20px; margin-left: 15px; width: 32.666%; float: right;}	
.photo100 { margin-top: 4px; margin-left: 0px; width: 100%; float: left;}
.photo100b { margin: 4px 0px 16px 0px; width: 100%; float: left;}	
.bfphotographcolumn1 {float: left; width: 32.666%; margin:0%;}
.bfphotographcolumn2 {float: left; width: 32.666%; margin:0%;}	
.bfphotographcolumn3 {float: left; width: 32.666%; margin:0%;}
.bfphotographcolumn4 {float: left; width: 32.666%; margin:0%;}	
.bfphotographcolumn5 {float: left; width: 32.666%; margin:0%;}
.bfphotographcolumn6 {float: left; width: 32.666%; margin:0%;}			
.bfphotographcolumnspace1 {float: left; width: 1%; margin:0%;}
.bfphotographcolumnspace2 {float: left; width: 1%; margin:0%;}
.bfphotographcolumnspace3 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace4 {float: left; width: 1%; margin:0%;}
.bfphotographcolumnspace5 {float: left; width: 1%; margin:0%;}
.bfphotographrow:after {content: ""; display: table; clear: both;}
.photo1_stretch { margin-top: 4px; margin-right: 15px; width: 32.666%; float: left;}
.photo2_stretch { margin-top: 4px; margin-left: 15px; width: 32.666%; float: right;}
.photo1_stretch_variable { margin-top: 4px; margin-right: 15px; float: left;}
.photo2_stretch_variable { margin-top: 4px; margin-left: 15px; float: right;}	
.photo100_stretch { margin-top: 4px; margin-left: 0px; width: 100%;}	
}
@media only screen and (max-width: 812px) and (min-width: 640px) {
.photo1 { margin-top: 4px; margin-right: 15px; width: 49.25%; float: left;}
.photo2 { margin-top: 4px; margin-left: 15px; width: 49.25%; float: right;}
.photo1_alternate { margin-top: 25px; margin-right: 15px; width: 49.25%; float: left;}
.photo2_alternate { margin-top: 25px; margin-left: 15px; width: 49.25%; float: right;}	
.photo100 { margin-top: 4px; margin-left: 0px; width: 100%; float: left;}
.photo100b { margin: 4px 0px 16px 0px; width: 100%; float: left;}	
.bfphotographcolumn1 {float: left; width: 49.25%; margin:0%;}
.bfphotographcolumn2 {float: left; width: 49.25%; margin:0%;}	
.bfphotographcolumn3 {float: left; width: 49.25%; margin:0%;}
.bfphotographcolumn4 {float: left; width: 49.25%; margin:0%;}	
.bfphotographcolumn5 {float: left; width: 49.25%; margin:0%;}
.bfphotographcolumn6 {float: left; width: 49.25%; margin:0%;}		
.bfphotographcolumnspace1 {float: left; width: 1.5%; margin:0%;}
.bfphotographcolumnspace2 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace3 {float: left; width: 1.5%; margin:0%;}
.bfphotographcolumnspace4 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace5 {float: left; width: 1.5%; margin:0%;}
.bfphotographrow:after {content: ""; display: table; clear: both;}
.photo1_stretch { margin-top: 4px; margin-right: 15px; width: 49.25%; float: left;}
.photo2_stretch { margin-top: 4px; margin-left: 15px; width: 49.25%; float: right;}		
.photo100_stretch { margin-top: 4px; margin-left: 0px; width: 100%;}	
}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.photo1 { margin-top: 4px; margin-bottom: 12px; margin-right: 0px; width: 100%; float: left;}
.photo2 { margin-top: 4px; margin-bottom: 12px; margin-left: 0px; width: 100%; float: right;}
.photo1_alternate { margin-top: 20px; margin-bottom: 12px; margin-right: 0px; width: 100%; float: left;}
.photo2_alternate { margin-top: 20px; margin-bottom: 12px; margin-left: 0px; width: 100%; float: right;}	
.photo100 { margin-top: 4px; margin-left: 0px; width: 100%; float: left;}
.photo100b { margin: 4px 0px 16px 0px; width: 100%; float: left;}	
.bfphotographcolumn1 {float: left; width: 100%; margin:0%;}
.bfphotographcolumn2 {float: left; width: 100%; margin:0%;}	
.bfphotographcolumn3 {float: left; width: 100%; margin:0%;}
.bfphotographcolumn4 {float: left; width: 100%; margin:0%;}	
.bfphotographcolumn5 {float: left; width: 100%; margin:0%;}
.bfphotographcolumn6 {float: left; width: 100%; margin:0%;}		
.bfphotographcolumnspace1 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace2 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace3 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace4 {float: left; width: 0%; margin:0%;}
.bfphotographcolumnspace5 {float: left; width: 0%; margin:0%;}
.bfphotographrow:after {content: ""; display: table; clear: both;}
.photo1_stretch { margin-top: 0px; margin-bottom: 5px; margin-right: 0px; width: 100%; float: left;}
.photo2_stretch { margin-top: 0px; margin-bottom: 5px; margin-left: 0px; width: 100%; float: right;}	
.photo100_stretch { margin-top: 0px; margin-left: 0px; width: 100%;}		
}
/* SIDE ADVERTS */
@media only screen and (max-width: 100000px) and (min-width: 1036px) {	
.bf_right_side_column_wrapper {width: 100%; margin:0px; padding:0px;}		
.bf_right_side_column {width: 100%; margin:0px; padding:0px;}	
.bf_right_side_column_top_spacer{margin:0px; padding:0px; width: 100%; height: 6px;}
.bf_right_side_column_footer_spacer{margin:0px; padding:0px; width: 100%; height: 100px;}	
.bf_right_side_and_footer_donate_image{margin:0px; padding:0px; width: 100%;}
.bfpage_sideline_container_2026{width: 100%; height: 35px;}	
.bfpage_sideline_2026{width: 100%; height: 1px;}
.bfpage_sideline_spacer1_2026{width: 100%; height: 17px;}
.bfpage_sideline_spacer2_2026{width: 100%; height: 17px;}	
.bf_right_side_column_sculpture_2026 {width: 100%; margin:0px; padding:0px;}
.bf_right_side_column_ran_2026 {width: 100%; margin:0px; padding:0px;}	
.bf_right_side_column_donate_wrapper_2026 {fwidth: 100%; margin:0px; padding:0px;}	
.bf_right_side_column_donate_2026 {width: 100%; margin:0px; padding:0px;}	
.bf_right_side_column_donate_text1_2026 {width: 100%; margin:0px; padding:0px;}
.bf_right_side_column_donate_text2_2026 {width: 100%; margin:0px; padding:0px;}
.bf_right_side_column_donate_text3_2026 {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_wrapper {width: 100%; margin:0px; padding:0px; visibility: hidden; display: none;}	
.footer_landscape_2026_wrapper_above_1036 {width: 97%; margin:0px; padding:0px;}
.footer_landscape_2026_wrapper {width: 100%; margin:0px; padding:0px;}
.footer_landscape_2026_spacer {width: 100%; height: 18px; margin:0px; padding:0px;}
.footer_landscape_2026_footer_spacer {width: 100%; height: 100px; margin:0px; padding:0px;}	
.footer_landscape_2026_donate_wrapper {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_youtube_wrapper {width: 100%; margin:0px; padding:0px; background-color: #0e0e0d;}	
.footer_landscape_2026_youtube_column_left {float: left;width: 60%; }
.footer_landscape_2026_youtube_column_right {float: left;width: 40%; }	
.footer_landscape_2026_youtube_row:after {content: ""; display: table; clear: both;}
.footer_landscape_2026_x_wrapper {width: 100%; margin:0px; padding:0px; background-color: #0e0e0d;}	
.footer_landscape_2026_x_column_left {float: left;width: 50%; }
.footer_landscape_2026_x_column_right {float: left;width: 50%; }	
.footer_landscape_2026_x_row:after {content: ""; display: table; clear: both;}	
.footer_landscape_2026_facebook_wrapper {width: 100%; margin:0px; padding:0px;}
.footer_landscape_2026_sculpture_wrapper {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_20percent_column {float: left; width: 20%;}
.footer_landscape_2026_20percent_column_rock_art_image {float: left; width: 20%;}	
.footer_landscape_2026_40percent_column {float: left; width: 40%;}
.footer_landscape_2026_row:after {content: ""; display: table; clear: both;}
.footer_landscape_2026_donate_text {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_donate_image {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_column {float: left; width: 48.5%;}
.footer_landscape_2026_column_spacer {float: left; width: 3%;}	
.footer_landscape_2026_row:after {content: "";display: table; clear: both;}	
}
@media only screen and (max-width: 1036px) and (min-width: 1px) {	
.bf_right_side_column_wrapper {width: 100%; margin:0px; padding:0px; visibility: hidden; display: none;}	
.footer_landscape_2026_wrapper_above_1036 {width: 95%; margin:0px; padding:0px; visibility: hidden; display: none;}		
}
@media only screen and (max-width: 640px) and (min-width: 1px) {	
.footer_2026_wrapper_mobile_portrait {width: 100%; margin:0px; padding:0px;}
.footer_2026_donate_container {width: 100%; margin:0px; padding:0px;}	
.footer_2026_donate_column {float: left; width: 50%;}
.footer_2026_donate_column_text {float: left; width: 50%;}	
.footer_2026_donate_row:after {content: ""; display: table; clear: both;}	
.footer_2026_sculpture_container {width: 100%; margin:0px; padding:0px;}		
.footer_2026_youtude_image_container {width: 100%; margin:0px; padding:0px; background-color: black;}	
.footer_2026_youtude_subscribe_container {width: 100%; margin:0px; padding:10px 0px 50px 0px; background-color: black;}	
.footer_2026_facebook_image_container {width: 100%; margin:0px; padding:0px; background-color: black;}	
.footer_2026_facebook_follow_container {width: 100%; margin:0px; padding:12px 0px 50px 0px; background-color: black;}
.footer_2026_x_image_container {width: 100%; margin:0px; padding:0px; background-color: black;}	
.footer_2026_x_follow_container {width: 100%; margin:0px; padding:6px 0px 50px 0px; background-color: black;}	
.footer_landscape_2026_wrapper {width: 100%; margin:0px; padding:0px; visibility: hidden; display: none;}	
}	
@media only screen and (max-width: 1036px) and (min-width: 640px) {	
.footer_landscape_2026_spacer {width: 95%; height: 18px; margin:0px; padding:0px;}
.footer_landscape_2026_footer_spacer {width: 95%; height: 100px; margin:0px; padding:0px;}	
.footer_landscape_2026_donate_wrapper {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_youtube_wrapper {width: 100%; margin:0px; padding:0px; background-color: #0e0e0d;}	
.footer_landscape_2026_youtube_column_left {float: left;width: 60%; }
.footer_landscape_2026_youtube_column_right {float: left;width: 40%; }	
.footer_landscape_2026_youtube_row:after {content: ""; display: table; clear: both;}
.footer_landscape_2026_x_wrapper {width: 100%; margin:0px; padding:0px; background-color: #0e0e0d;}	
.footer_landscape_2026_x_column_left {float: left;width: 50%; }
.footer_landscape_2026_x_column_right {float: left;width: 50%; }	
.footer_landscape_2026_x_row:after {content: ""; display: table; clear: both;}	
.footer_landscape_2026_facebook_wrapper {width: 100%; margin:0px; padding:0px;}
.footer_landscape_2026_sculpture_wrapper {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_20percent_column {float: left; width: 20%;}
.footer_landscape_2026_20percent_column_rock_art_image {float: left; width: 20%;}	
.footer_landscape_2026_40percent_column {float: left; width: 40%;}
.footer_landscape_2026_row:after {content: ""; display: table; clear: both;}
.footer_landscape_2026_donate_text {width: 100%; margin:0px; padding:0px;}	
.footer_landscape_2026_donate_image {width: 100%; margin:0px; padding:0px;}		
}
@media only screen and (max-width: 100000px) and (min-width: 640px) {	
.footer_2026_wrapper_mobile_portrait {width: 100%; margin:0px; padding:0px; visibility: hidden; display: none;}	
}
@media only screen and (max-width: 1036px) and (min-width: 900px) {	
.footer_landscape_2026_wrapper {width: 90%; margin:0px; padding:0px;}
}
@media only screen and (max-width: 900px) and (min-width: 640px) {	
.footer_landscape_2026_wrapper {width: 100%; margin:0px; padding:0px;}
}
@media only screen and (max-width: 640px) and (min-width: 1px) {	
.footer_landscape_2026_wrapper {width: 100%; margin:0px; padding:0px; visibility: hidden; display: none;}	
}
@media only screen and (max-width: 100000px) and (min-width: 1036px) {	
.bf_section_list_style {list-style-type: square; margin: 0 17px 0 17px; padding:0px;}
}
@media only screen and (max-width: 1036px) and (min-width: 812px) {
.bf_section_list_style {list-style-type: square; margin: 0 17px 0 17px; padding:0px;}
}
@media only screen and (max-width: 812px) and (min-width: 640px) {
.bf_section_list_style {list-style-type: square; margin: 0 20px 0 20px; padding:0px;}
}
@media only screen and (max-width: 640px) and (min-width: 1px) {	
.bf_section_list_style {list-style-type: square; margin: 0 20px 0 20px; padding:0px;}
}
/* 2026 News Code */
.bfpagetitletext_no_link {color: var(--title-link-bar-color);}	
.social_media_2026_btn_share {color: var(--social-media-share-colour-text); font-weight: 500;}
.social_media_2026_line_share {background-color: var(--social-media-colour-line-share);}
.social_media_2026_line_follow {background-color: var(--social-media-colour-line-follow);}	
@media only screen and (max-width: 100000px) and (min-width: 1036px) {	
.news_link_footer_wrapper {width: 100%; margin: 0px; padding: 0px; display: none;}		
.news_link_wrapper {width: 100%; margin: 0px; padding: 0px; background-image: linear-gradient(to bottom, #c1c0bf, #f1eff0);}
.news_link_latest_article {width: 100%; color: #ffffff; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 600; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; background-image: linear-gradient(#4d4741, #6a635a, #4d4741);}
.news_link_previous_article {width: 100%; color: #ffffff; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 19px; font-style: normal; font-weight: 600; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;background-image: linear-gradient(#4d4741, #6a635a, #4d4741);}	
.news_link_img {width: 100%; margin: 0px; padding: 0px;}
.news_link_spacer {width: 100%; height: 10px; margin: 0px; padding: 0px;}	
.news_link_article_link{width: 86%; color: #070d09; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; font-style: normal; font-weight: 300; margin: 0px; padding: 0px; }
.news_link_article_author{width: 86%; color: #070d09; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; font-style: normal; font-weight: 400; margin: 0px; padding: 0px;}
.news_link_article_date{width: 86%; color: #070d09; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; font-style: normal; font-weight: 300; margin: 0px; padding: 0px;}	
.news_link_line_wrapper {width: 100%; height: 21px;  margin: 0px; padding: 0px;}	
.news_link_line_spacer_top {width: 86%; height: 10px;  margin: 0px; padding: 0px;}
.news_link_line {width: 86%; height: 1px; margin: 0px; padding: 0px; background-color: #726f6b}		
.news_link_line_spacer_bottom {width: 86%; height: 10px;  margin: 0px; padding: 0px;}	
.fa-arrow-right {margin: 0; padding: 0px 8px 2px 0px;}	
.fa-user-alt {margin: 0; padding: 0px 6px 2px 0px;}	
.fa-calendar-alt {margin: 0; padding: 0px 8px 2px 0px;}		
a.newslink:link {color:#356b88; font-size: 100%; font-weight: 500;}
a.newslink:visited {color:#356b88; font-size: 100%; font-weight: 500;}
a.newslink:hover {color:#070d09; font-size: 100%; font-weight: 500;}
a.newslink2:link {color:#444444; font-size: 100%; font-weight: 500;}
a.newslink2:visited {color:#444444; font-size: 100%; font-weight: 500;}
a.newslink2:hover {color:#000000; font-size: 100%; font-weight: 500;}	
}	
@media only screen and (max-width: 1036px) and (min-width: 1px) {
.news_link_footer_wrapper {width: 100%; margin: 0px; padding: 0px;}	
.news_link_wrapper {width: 100%; margin: 0px; padding: 0px; display: none;}
.fa-arrow-right {margin: 0; padding: 0px 13px 2px 0px;}	
.fa-user-alt {margin: 0; padding: 0px 11px 2px 0px; display: none;}	
.fa-calendar-alt {margin: 0; padding: 0px 13px 2px 0px;}	
a.newslink:link {color:#356b88; font-size: 100%; font-weight: 500;}
a.newslink:visited {color:#356b88; font-size: 100%; font-weight: 500;}
a.newslink:hover {color:#070d09; font-size: 100%; font-weight: 500;}
a.newslink2:link {color:#444444; font-size: 100%; font-weight: 500; }
a.newslink2:visited {color:#444444; font-size: 100%; font-weight: 500; }
a.newslink2:hover {color:#000000; font-size: 100%; font-weight: 500; }	
}	
.bf_sm_news_column_line {float: left; width: 5px;}	
.bf_sm_news_column_facebook_twitterx {float: left; width: 72px;}
.bf_sm_news_column_link_email {float: left; width: 72px;}
.bf_sm_news_column_follow_buttons {float: left; width: 144px;}	
.bf_sm_news_column_share_text {float: left; width: 144px;}
.bf_sm_news_column_f_text {float: left; width: 144px;}	
.bf_sm_news_row:after {content: ""; display: table; clear: both; margin: 0px 0 0 0; padding: 0px 0 0 0;}	
.bf_sm_news_column_spacer {float: left; width: 4px; margin: 0px; padding: 0px;}
/* 2026 Donate Animation Banner */
.bf_right_side_column_donate_text1_2026 {background-color: var(--animation-foreground-color); animation-name: myAnimation; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}
.bf_right_side_column_donate_text2_2026 {background-color: var(--animation-foreground-color); animation-name: myAnimation; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}
.bf_right_side_column_donate_text3_2026 {background-color: var(--animation-foreground-color); animation-name: myAnimation; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}	
.footer_2026_donate_column_text {background-color: var(--animation-foreground-color); animation-name: myAnimation; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}
.footer_landscape_2026_donate_text {background-color: var(--animation-foreground-color); animation-name: myAnimation; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}	
.footer_landscape_2026_20percent_column_rock_art_image {background-color: var(--animation-foreground-color); animation-name: myAnimation; animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}	
@keyframes myAnimation {from {background-color: var(--animation-foreground-color);} to {background-color: var(--animation-background-color);}}
/* Popup container - can be anything you want */
.popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;font-weight: 500;margin: -10px 0px -10px 0px; line-height: 1.4; color: var(--popup-page-text);}
/* The actual popup */
.popup .popuptext { visibility: hidden;  width: 280px; font-weight: 500; background-color: var(--popup-background);  color: var(--popup-box-text); text-align: center; border-radius: 6px; padding: 10px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%;  margin-left: -80px;}
/* Popup arrow */
.popup .popuptext::after {
  content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
/* Toggle this class - hide and show the popup */
.popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity:1 ;}}	
/* 2006 */		
.dropbtn {color: var(--left-navigation-text); background-color: var(--left-navigation-btn-outer); /* olderbrowsers */ background-image: linear-gradient(var(--left-navigation-btn-outer), var(--left-navigation-btn-inner), var(--left-navigation-btn-outer)); border-bottom: 1px solid var(--left-navigation-line);}	
.dropbtn2 {color: var(--left-navigation-section-text); background-color: var(--left-navigation-section-btn-outer); /* olderbrowsers */ background-image: linear-gradient(var(--left-navigation-section-btn-outer), var(--left-navigation-section-btn-inner), var(--left-navigation-section-btn-outer)); border-bottom: 1px solid var(--left-navigation-line);}
.dropdown-content a {background-image: linear-gradient(var(--left-navigation-btn-subtitle-outer), var(--left-navigation-btn-subtitle-inner), var(--left-navigation-btn-subtitle-outer)); border-bottom: 1px solid var(--left-navigation-line);}		
.dropdown-content a:hover {background-color: var(--left-navigation-btn-highlight-outer); /* olderbrowsers */ background-image: linear-gradient(var(--left-navigation-btn-highlight-outer), var(--left-navigation-btn-highlight-inner), var(--left-navigation-btn-highlight-outer));}	
.contentpagefont {color: var(--page-font-colour);}	
.photographimages{margin:0px; padding: 0px; width: 100%; display: block; outline: 1px solid var(--photograph-border-color); outline-offset: -1px;}
.photographimagesnoborder{margin:0px; padding: 0px; width: 100%; display: block; outline: 0px solid var(--photograph-border-color); outline-offset: -1px;}	
.captionscontainer1a {color: var(--photograph-caption-text-color); background-color: var(--photograph-caption-background-top); /* olderbrowsers */ background-image: linear-gradient(var(--photograph-caption-background-top), var(--photograph-caption-background-bottom));}	
.captionsfont1 {color: var(--photograph-caption-text-color);}	
.captionscontainer2a {color: var(--photograph-credit-text-color); background-color: var(--photograph-credit-background-top); /* olderbrowsers */ background-image: linear-gradient(var(--photograph-credit-background-top), var(--photograph-credit-background-bottom));}	
.captionsfont2 {color: var(--photograph-credit-text-color);}		
.footerfont{color: var(--footer-font-colour);}
.footerfont2{color: var(--footer-font2-colour);}	
a.pagelink:link {color: var(--page-link); font-size: 100%; font-weight: 500;}
a.pagelink:visited {color: var(--page-link); font-size: 100%; font-weight: 500;}
a.pagelink:hover {color: var(--page-link-hover); font-size: 100%; font-weight: 500;}
a.pagelink2:link {color: var(--page-link2); font-size: 100%; font-weight: 500;}
a.pagelink2:visited {color: var(--page-link2); font-size: 100%; font-weight: 500;}
a.pagelink2:hover {color: var(--page-link-hover2); font-size: 100%; font-weight: 500;}
a.footerlink:link {color: var(--footer-link); font-size: 100%;}
a.footerlink:visited {color: var(--footer-link); font-size: 100%;}
a.footerlink:hover {color: var(--footer-link-hover); font-size: 100%;}		
a.friendslink:link {color: var(--friends-link); font-size: 100%; font-weight: 500;}
a.friendslink:visited {color: var(--friends-link); font-size: 100%; font-weight: 500;}
a.friendslink:hover {color: var(--friends-link-hover); font-size: 100%; font-weight: 500;}	
a.archivelink:link {color: var(--archive-link); font-size: 100%; font-weight: 700;}
a.archivelink:visited {color: var(--archive-link); font-size: 100%; font-weight: 700;}
a.archivelink:hover {color: var(--archive-link-hover); font-size: 100%; font-weight: 700;}
a.archivelink2:link {color: var(--archive-link2); font-size: 100%; font-weight: 700;}
a.archivelink2:visited {color: var(--archive-link2); font-size: 100%; font-weight: 700;}
a.archivelink2:hover {color: var(--archive-link2-hover); font-size: 100%; font-weight: 700;}

a.instagramarchivelink:link {color: #070d09; font-size: 100%; font-weight: 700;}
a.instagramarchivelink:visited {color: #070d09; font-size: 100%; font-weight: 700;}
a.instagramarchivelink:hover {color: #666666; font-size: 100%; font-weight: 700;}
a.youtubearchivelink:link {color: #ffffff; font-size: 100%; font-weight: 700;}
a.youtubearchivelink:visited {color: #ffffff; font-size: 100%; font-weight: 700;}
a.youtubearchivelink:hover {color: #cccccc; font-size: 100%; font-weight: 700;}
a.facebookarchivelink:link {color: #ffffff; font-size: 100%; font-weight: 700;}
a.facebookarchivelink:visited {color: #ffffff; font-size: 100%; font-weight: 700;}
a.facebookarchivelink:hover {color: #cccccc; font-size: 100%; font-weight: 700;}
a.social_media_link_top:hover {color: var(--social-media-link-top-hover);}
a.social_media_link_bottom:hover {color: var(--social-media-ink-bottom-hover);}	
.bfsidefriendsdiv {color: var(--friends-font-colour);}	
.bfachivepageline{  background-color: var(--page-archive-line-colour);}	
.photo_stretch_spacing {width: 100%; margin: 15px 0px 0px 0px; padding: 0px;}	
@media only screen and (max-width: 100000px) and (min-width: 1036px) {	
.mobile_block_wrapper_content_start {width: 100%; margin: 0px; padding: 0px; background-color: var(--page-bg-colour);}	
.paragraph_stretch_opening {background-color: var(--page-bg-colour);}
.paragraph_inset_opening {color: var(--page-font-colour);}	
.paragraph_stretch_color_1 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_1 {color: var(--page-font-colour);}	
.paragraph_stretch_color_2 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_2 {color: var(--page-font-colour);}
.paragraph_stretch_color_3 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_3 {color: var(--page-font-colour);}
.paragraph_stretch_color_4 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_4 {color: var(--page-font-colour);}	
.photo1_stretch_variable1 { margin-top: 4px; margin-right: 15px; width: 33%; float: left;}
.photo2_stretch_variable1 { margin-top: 4px; margin-left: 15px; width: 33%; float: right;}	
}
@media only screen and (max-width: 1036px) and (min-width: 812px) {	
.mobile_block_wrapper_content_start {width: 100%; margin: 0px; padding: 0px; background-color: var(--page-bg-colour);}	
.paragraph_stretch_opening {background-color: var(--page-bg-colour);}
.paragraph_inset_opening {color: var(--page-font-colour);}	
.paragraph_stretch_color_1 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_1 {color: var(--page-font-colour);}	
.paragraph_stretch_color_2 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_2 {color: var(--page-font-colour);}
.paragraph_stretch_color_3 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_3 {color: var(--page-font-colour);}
.paragraph_stretch_color_4 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_4 {color: var(--page-font-colour);}
.photo1_stretch_variable1 { margin-top: 4px; margin-right: 15px; width: 25%; float: left;}
.photo2_stretch_variable1 { margin-top: 4px; margin-left: 15px; width: 25%; float: right;}	
}	
@media only screen and (max-width: 812px) and (min-width: 640px) {
.mobile_block_wrapper_content_start {width: 100%; margin: 0px; padding: 0px; background-color: var(--page-bg-colour);}	
.paragraph_stretch_opening {background-color: var(--page-bg-colour);}
.paragraph_inset_opening {color: var(--page-font-colour);}	
.paragraph_stretch_color_1 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_1 {color: var(--page-font-colour);}	
.paragraph_stretch_color_2 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_2 {color: var(--page-font-colour);}
.paragraph_stretch_color_3 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_3 {color: var(--page-font-colour);}
.paragraph_stretch_color_4 {background-color: var(--page-bg-colour);}
.paragraph_inset_color_4 {color: var(--page-font-colour);}	
.photo1_stretch_variable1 { margin-top: 10px; margin-right: 15px; width: 49.25%; float: left;}
.photo2_stretch_variable1 { margin-top: 10px; margin-left: 15px; width: 49.25%; float: right;}	
}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.mobile_block_wrapper_content_start {width: 100%; margin: 0px; padding: 0px; background-image: linear-gradient(var(--page-gradient-blend) 3%, var(--page-bg-colour) 4%);}	
.paragraph_stretch_opening {background-color: var(--block-opening-background);}
.paragraph_inset_opening {color: var(--block-opening-text-color);}	
.paragraph_stretch_color_1 {background-color: var(--block-one-background);}
.paragraph_inset_color_1 {color: var(--block-one-text-color);}	
.paragraph_stretch_color_2 {background-color: var(--block-two-background);}
.paragraph_inset_color_2 {color: var(--block-two-text-color);}	
.paragraph_stretch_color_3 {background-color: var(--block-three-background);}
.paragraph_inset_color_3 {color: var(--block-three-text-color);}			
.paragraph_stretch_color_4 {background-color: var(--block-four-background);}
.paragraph_inset_color_4 {color: var(--block-four-text-color);}	
.photo1_stretch_variable1 { margin-top: 0px; margin-bottom: 5px; margin-right: 0px; width: 100%; float: left;}
.photo2_stretch_variable1 { margin-top: 0px; margin-bottom: 5px; margin-left: 0px; width: 100%; float: right;}		
}
@media only screen and (max-width: 100000px) and (min-width: 640px) {
.bfpagetitle {background-image: linear-gradient(var(--title-link-bar-gradient-outer), var(--title-link-bar-gradient-inner), var(--title-link-bar-gradient-outer));}
.bfpageline {background-color: var(--page-line-colour)}	
.lineabovepagetitle {background-color: var(--line-above-page-title-colour)}	
.contentpagesubtitlefont {color: var(--content-page-subtitle-font)}	
a.titlelink:link {color: var(--title-link-bar-color); text-decoration: none;}
a.titlelink:visited {color: var(--title-link-bar-color); text-decoration: none;}
a.titlelink:hover {color: var(--title-link-bar-color-hover); text-decoration: none;}
.title_arrows {color: var(--title-link-bar-arrows-color); text-decoration: none;}	
.titlelink_spacer {font-weight: 200; font-size: 86%; vertical-align: top; padding: 0px 5px 0px 5px;}	
.homepage_archive_blend {background-image: linear-gradient(#272727 5%, var(--page-bg-colour) 15%);}	
}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.bfpagetitle {background-image: linear-gradient(var(--title-link-bar-gradient-outer), var(--title-link-bar-gradient-inner), var(--title-link-bar-gradient-outer));}
.bfpageline {background-color: var(--page-line-colour)}	
.lineabovepagetitle {background-color: var(--line-above-page-title-colour)}		
.contentpagesubtitlefont {color: var(--content-page-subtitle-font)}		
a.titlelink:link {color: var(--title-link-bar-color); text-decoration: none;}
a.titlelink:visited {color: var(--title-link-bar-color); text-decoration: none;}
a.titlelink:hover {color: var(--title-link-bar-color-hover); text-decoration: none;}
.title_arrows {color: #070d09; text-decoration: none;}	
.titlelink_spacer {font-weight: 200; font-size: 86%; vertical-align: top; padding: 0px 5px 0px 5px;}		
.homepage_archive_blend {background-image: linear-gradient(var(--archive_blend-colour) 5%, var(--page-bg-colour) 15%);}		
}	
/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-bars:before {content: "\f0c9"; }



.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/fa-brands-400.eot");
  src: url("/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/webfonts/fa-brands-400.woff2") format("woff2"), url("/webfonts/fa-brands-400.woff") format("woff"), url("/webfonts/fa-brands-400.ttf") format("truetype"), url("/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("/webfonts/fa-regular-400.eot");
  src: url("/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/webfonts/fa-regular-400.woff2") format("woff2"), url("/webfonts/fa-regular-400.woff") format("woff"), url("/webfonts/fa-regular-400.ttf") format("truetype"), url("/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("/webfonts/fa-solid-900.eot");
  src: url("/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/webfonts/fa-solid-900.woff2") format("woff2"), url("/webfonts/fa-solid-900.woff") format("woff"), url("/webfonts/fa-solid-900.ttf") format("truetype"), url("/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
/* Features */
@media only screen and (max-width: 100000px) and (min-width: 640px) {
.bffeaturecolumn { float: left; width: 48.8%; margin:0px 0.6% 0px 0.6%; padding: 0px;}
.bffeaturerow:after {content: ""; display: table; clear: both;}
.bffeaturemobile {  margin: auto; width: 100%; visibility: hidden; display: none;}	
.bffeaturedesktop {  margin: auto; width: 100%; }	
}	
@media only screen and (max-width: 640px) and (min-width: 1px) {
.bffeaturecolumn { float: left; width: 100%; margin:0px; padding: 0px;}
.bffeaturerow:after {content: ""; display: table; clear: both;}
.bffeaturemobile {  margin: auto; width: 100%;}	
.bffeaturedesktop {  margin: auto; width: 100%; visibility: hidden; display: none;}	
}



.slider{
  width: 100%;
  height: auto;
  border-radius: 0px;
  overflow: hidden;
}

.slides{
  width: 500%;
  height: auto;
  display: flex;
}

.slides input{
  display: none;
}

.slide{
  width: 20%;
  transition: 2s;
}

.slide img{
  width: 100%;
  height: auto;
}

.navigation-mannual{position: absolute; width: 640px; margin-top: -40px; display: flex; justify-content: center; visibility: hidden; display: none;}

.mannual-btn{
  border: 3px solid #fff;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s;
}

.mannual-btn:not(:last-child){
  margin-right: 40px;
}

.mannual-btn:hover{
  background-color: #ccc;
}

#radio1:checked ~ .first{
  margin-left: 0;
}

#radio2:checked ~ .first{
  margin-left: -20%;
}

#radio3:checked ~ .first{
  margin-left: -40%;
}

#radio4:checked ~ .first{
  margin-left: -60%;
}

/* Automatic Navigation */
.navigation-auto{
  position: absolute;
  display: flex;
  width: 800px;
  justify-content: center;
  margin-top: 460px;
}

.navigation-auto div{
  border: 2px solid #333;
  padding: 5px;
  border-radius: 10px;
  transition: 1s;
}

.navigation-auto div:not(:last-child){
  margin-right: 40px;
}

#radio1:checked ~.navigation-auto .auto-btn-1{
  background: #ccc;
}

#radio2:checked ~.navigation-auto .auto-btn-2{
  background: #ccc;
}


#radio3:checked ~.navigation-auto .auto-btn-3{
  background: #ccc;
}

#radio4:checked ~.navigation-auto .auto-btn-4{
  background: #ccc;
}