/* Layout Inner*/
body{-webkit-text-size-adjust:none; margin:0;padding:0;line-height: 10px; width: 100%;}
b{font-size: 100%;}
strong{font-weight: 500;}
em{color: red;}
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;}


/* 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 15px 0 15px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#contentpageleftcolumn{float: left; width: 15px; /*Width of left column*/ margin-left: -100%; background: #C8FC98;}
#contentpagerightcolumn{float: left; width: 15px; /*Width of right column*/ margin-left: -15px; /*Set left marginto -(RightColumnWidth)*/ background: #FDE95E;}	
}
@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;}
}
@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;}
}
/* 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;}
.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;}	
.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;}
.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;}
.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;}	
.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;}
.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: 100;}
.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;}	
.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;}
.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));}	



/* 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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), 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), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), 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), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,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(75,103,173,0), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,1), rgba(75,103,173,0)); color: white;}		
}
	


	
	
	
	/* Layout Outer*/
#outerwrapper {width: 100%;max-width: 1202px;margin: 0 auto;}
#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; }
#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;}
	}
/* 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 {background-image: linear-gradient(#010101,#1c1c1c,#313131,#464543,#313131,#1c1c1c,#010101); overflow: hidden;}
.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; font-weight: 400; 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;}
.bfpagetitle{  margin:0px; padding: 0px; width: 100%; height: 40px;  border-radius: 0px 0px 10px 24px;}
.bfpagetitletext{  margin:0px; padding: 12px 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: 12px 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: 12px 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: 12px 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*/
.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; }

.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(#808080, #cccccc, #ffffff, #cccccc, #808080); 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: #e62117; 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; }




/* 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;}
.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;}
.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%;}
.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%;}
.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 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;}	
.photo100 { margin-top: 4px; margin-left: 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;}
}
@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;}
.photo100 { margin-top: 4px; margin-left: 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;}
}
@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;}
.photo100 { margin-top: 4px; margin-left: 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;}
}
@media only screen and (max-width: 640px) and (min-width: 1px) {
.photo1 { margin-top: 4px; margin-right: 15px; width: 100%; float: left;}
.photo2 { margin-top: 4px; margin-left: 15px; width: 100%; float: right;}
.photo100 { margin-top: 4px; margin-left: 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;}
}


/*!
 * 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; }