body            {margin:0; padding:0;
                 border:0;
                 font-family:arial; font-size:16px; text-align:center;
                 background-image:url(a/bg.gif);}
div             {margin:0; padding:0;}
img             {margin:0; padding:0;}
a               {margin:0; padding:0; text-decoration:none;}
.clearfix1:after{content: "";
                 display:table;
                 clear:left;}
.clearfix2:after{content: "";
                 display:table;
                 clear:right;}
.clearfix3:after{content: "";
                 display:table;
                 clear:both;}
.clear-left     {width:100px; height:0; display:block; clear:left; }
.clear-right    {width:100px; height:0; display:block; clear:right;}
.clear-both     {width:10px; height:1px; display:block; clear:both;}
table           {padding:0;}
p               {margin:0; padding:0;}



#par-spacer     {width:1000px; height:15px;                 border:solid red 0px;}
#par            {width:1350px; height:auto;                        
                 margin:0 auto 15px; 
                 text-align:center;
                 background-color:#ffffff;
                 border:solid #ddd 2px;}



#ml             {display:none;                                         border:solid red 0px;}
#mld            {display:none;                                         border:solid red 0px;}
#sticky         {display:none;}



#f-spacer       {width:100px; height:193px;                           border:solid red 0px;}
#f              {position:fixed; top:0;                               border:solid purple 0px;   
                 width:1350px; height:auto;
                 margin:0 auto 0; padding:0 0 6px 0;
                 background-color:#ffffff; /*opacity:0.7;*/ 
                 transition:0.3s; z-index:10;}
#i-spacer       {width:auto; height:65px;                              border:solid purple 0px;
                 margin:0; transition:0.4s;}
#i              {width:43%; max-width:340px; height:125px;              border:solid pink 0px;
                 margin:0 4.5% 0 0;
                 text-align:right;
                 float:right; transition:0.4s;}
#free           {width:100%;                                     border:solid black 0px;
                 display:block; transition: 0.4s;}
#l              {width:30%; max-width:210px; height:auto;            border:solid green 0px;
                 margin:6px 0 0 2.7%;
                 float:left; transition:0.4s;}
#logo           {width:100%;
                 display:block; transition: 0.4s;}
#ftp-1          {width:auto; height:15px;                             border:solid red 0px;
                 transition: 0.4s; background-image:url(a/bg.gif); border-bottom:solid #ddd 2px;}                      
#ftp-2          {width:95%; height:55px;                            border:solid blue 0px;
                 padding:0; margin:0 auto 0;
                 text-align:center;
                 background-image:url(a/ftp-2-bg.gif);
                 transition: 0.4s;
                 z-index:1000;}
*               {margin:0; padding:0;}
#ftp-2 li       {list-style:none;                               
                 margin:0;
                 border-left:solid #fafc5b 1px; border-right:solid #d49702 1px;
                 /*display:inline-block;*/ float:left;}
#ftp-2 li a     {font-family:'Pathway Gothic One', sans-serif;  
                 padding:11px 1% 11px 1%;   
                 font-size:27px; color:#ffffff; text-shadow: -1px -1px #999; 
                 display:block; transition:0.4s;}
#ftp-2 li a:hover, #ftp-2 li a.active {
                 color:green; text-shadow: -1px -1px #ffffff; text-shadow: 0 0;}
#ftp-2 li#wel   {width:18%; padding-left:0; border-left:0;}
#ftp-2 li#sosy  {width:21%;}
#ftp-2 li#eb    {width:18%;}
#ftp-2 li#rf    {width:23%;}
#ftp-2 li#abo   {width:17%; border-right:0; padding-right:0;}

#ftp-2 li ul    {position:absolute;
                 left: -999em;
                 text-align:left;
                 border-top:solid #f1d002 0px; border-right:solid #fafc5b 1px; 
                 background-color:#e4a603;
                 z-index:999;}
#ftp-2 li ul li {float:none; display:block;}
#ftp-2 li ul a  {width:auto;
                 padding:10px 2% 10px 5%;
                 font-family:'Pathway Gothic One', sans-serif; text-shadow:none; 
                 font-size:27px; color:#ffffff;
                 border-top:solid #fafc5b 1px;}
#ftp-2 li ul a:hover {background:green;
                 color: #ffffff; text-decoration:none; text-shadow:none;}
#ftp-2 li:hover ul {left: auto;}
.border-top {border-top:0;}
.border-bottom  {border-bottom:solid #f1d002 1px;}



#mural          {width:94.9%; height:auto;                                     
                 margin:0 auto 0;
                 border:0; border-bottom:solid #ccc 5px;}
#mural img      {width:100%; display:block;}



#mural          {/*display:none;*/}          /* this is temporary */



#s              {width:100%; height:auto;
                 margin:0 auto 0; padding-bottom:25px;
                 text-align:center;
                 background-color:#ffffff;}
#s-i            {width:auto; height:auto;
                 margin:25px auto 0;
                 text-align:left;}
@font-face{font-family:pathway-gothic;
                 src: url(b/pathway-gothic.woff);}
@font-face{font-family:calibril;
                 src: url(b/calibril.woff);}
.p2             {margin:8px 3% 0 3%;
                 font-family:'Pathway Gothic One', sans-serif; font-size:31px;
                 color:#636f95;}
.p-1, h1        {width:auto; height:auto;
                 margin:20px 3% 0 3%;
                 font-size:35px; font-family: 'Arsenal', sans-serif;
                 font-weight:normal; color:#636f95;
                 border-bottom:solid #bbc3d9 1px;}
.p-2, h2        {margin:28px 3% -11px 3%;
                 font-family:'Pathway Gothic One', sans-serif; font-size:27px;
                 color:#9b7a69; font-weight:normal;}
.p-2-first      {margin-top:11px;}
.p-3            {margin:18px 3% 0 3%;
                 font-family: 'Arsenal', sans-serif; font-size:24px;
                 color:#636f95;
                 -webkit-touch-callout: none;
                 -webkit-user-select: none;
                 -khtml-user-select: none;
                 -moz-user-select: none;
                 -ms-user-select: none;
                 -o-user-select: none;
                 user-select: none;}
.p-3-block{margin:18px 5% 0 5%;
                 font-size:24px; font-family: georgia; font-style:italic;
                 color:#737fa5;}
.p-3 a:link, .p-3 a:visited {
                 text-decoration:underline; color:#737fa5;}
.p-3 a:hover, .p-3 a:active {
                 color:#717986; text-decoration:none;}
ul.p3           {margin:10px 5% 0 5.5%;}
ul.p3 li        {list-style-image:url(c/square.gif);
                 font-size:24px; font-family: 'Arsenal', sans-serif;
                 color:#636f95; text-align:left;}
.bld            {font-weight:bold;}
.ital           {font-style:italic;}
.ctr-ital       {margin:12px auto 0; font-style:italic; text-align:center;}
.ul-rt          {width:47%; height:auto;         border:solid red 0px;
                 margin:10px 0 0 1%;
                 float:right;}
.ul-lt          {width:47%; height:auto;       border:solid red 0px;
                 margin:10px 0 0 3%;
                 float:left;}



.video-1        {width:90%; height:400px; 
                 margin:35px auto 0; 
                 text-align:center;
                 display:block;}



#s-r            {width:25%; height:auto;          border:solid #ccc 1px; border-top:solid #ddd 4px;
                 margin:25px 2.9% 6px 1%; padding:9px .8% 18px .7%;
                 text-align:left;
                 float:right;}
#s-r a:link, #s-r a:visited {
                 width:100%;
                 margin:10px 0 0 0; padding:3px 0 3px 0; 
                 font-size:24px; font-family: 'Pontano Sans', sans-serif;
                 text-decoration:none; color:#737fa5; 
                 border-bottom:solid #ccc 1px;
                 display:block;}
#s-r a:hover, #s-r a:active {
                 color:green;}



.in-page-image  {border:0;}
.ipi-1          {width:40%; max-width:250px;
                 margin:5px 2.9% 5px 2%;
                 float:right;}
.ipi-2          {width:45%; max-width:375px;
                 margin:5px 2.9 5px 2%;
                 float:right;}
.ipi-3          {width:40%; max-width:425px;
                 margin:5px 2.9% 5px 2%;
                 float:right;}
.ipi-4          {width:99.5%; max-width:1000px;
                 margin:15px auto 10px;
                 display:block;}



#t              {width:auto; height:auto;                        border:solid black 0px;
                 padding-bottom:10px;
                 text-align:center;}
#t-box-lt       {width:40%; max-width:280px; height:auto;        border:solid green 0px;
                 margin:10px 0 0 4%;
                 float:left;}
#t-box-lt img   {width:100%; }
#t-box-rt       {width:40%; max-width:450px;                    border:solid purple 0px;
                 margin:10px 4% 0 0;
                 float:right;}
#t-box-rt img   {width:100%;}

#bst          {width:auto; height:auto; padding-bottom:15px;                      border:solid green 0px;}
#bst-rt       {width:45%; height:auto; margin:0 5% 0 0; text-align:right; float:right;  border:solid blue 0px;}
#bst-rt p     {font:normal 14px Arsenal; color:#999;}
#bst-rt a:link, #bst-rt a:visited {margin:0 .3% 0 .3%; font:normal 14px Arsenal; color:#999;}
#bst-rt a:hover, #bst-rt a:active {color:#red; text-decoration:underline;}
span#or       {margin-right:.8%; color:#e98c01;}
#bst-lt       {width:45%; height:auto; margin:0 0 0 4%;               border:solid red 0px;
               text-align:left; float:left;}
#bst-lt p     {font:normal 14px Arsenal; color:#999;}



@media (max-width:1450px) {
#par            {width:1250px;}
#f              {width:1250px;
                 /*background-color:black;*/}
}


@media (max-width:1350px) {
#par            {width:1150px;}
#f              {width:1150px;
                 /*background-color:red;*/}
}


@media (max-width:1250px) {
#par            {width:1050px;}
#f              {width:1050px;
                 /*background-color:green;*/}
}


@media (max-width:1150px) {
#par            {width:950px;}
#f              {width:950px;
                 /*background-color:yellow;*/}
}


@media (max-width:1050px) {
#par            {width:850px;}
#f              {width:850px;
                 /*background-color:pink;*/}
}


@media (max-width:950px) {
#par            {width:750px;}
#f              {width:750px;
                 background-color:white;}
#ftp-1          {height:10px;}
#ftp-2 li a     {font-size:25px; padding:13px 1% 12px 1%;} 
#ftp-2 li#wel   {width:14%;}
#ftp-2 li#sosy  {width:20%;}
#ftp-2 li#eb    {width:20%;}
#ftp-2 li#rf    {width:28%;}
#ftp-2 li#abo   {width:13%;}
}



@media (max-width:850px) {
body            {display:noneX;}
#par-spacer     {/*height:10px;*/}
#par            {width:95%; border:solid #ddd 1px;}


#ftp-1          {display:none;}


#f-spacer       {height:0;}
#f              {position:relative; /*position:inherit; position:initial;*/
                 width:auto;
                 width:0 auto 0;
                 background-color:white;}

#l              {display:none;}
#i              {display:none;}

#ftp-2          {width:auto; height:auto;
                 margin:0 10px 0 10px;
                 border-left:solid #d49702 8px; border-right:solid #d49702 8px; border-top:solid #d49702 1px;
                 background-image:none; background-color:#febf01;}
#ftp-2 li       {border-top:solid #fafc5b 1px; border-bottom:solid #d49702 1px;
                 border-left:solid #fafc5b 1px; border-right:solid #fafc5b 1px;
                 float:none; display:block;}
#ftp-2 li a     {padding:10px 1% 10px 1%;   
                 font-size:30px;}
#ftp-2 li#wel   {width:auto; border-left:solid #fafc5b 1px; border-right:solid #fafc5b 1px;
                 float:none;}
#ftp-2 li#sosy  {width:auto;}
#ftp-2 li#eb    {width:auto;}
#ftp-2 li#rf    {width:auto;}
#ftp-2 li#abo   {width:auto; border-right:solid #fafc5b 1px;}
#ftp-2 li ul    {display:none;}
#mural          {display:none;}

#ml             {display:inherit; height:auto;                      border:solid green 0px;}
#mld            {display:inherit; height:auto;                      border:solid green 0px;}
#sticky         {z-index:999;                                border:solid red 0px;
                 position: -webkit-sticky;   /* Safari */
                 position:sticky;
                 width:81%; height:auto;
                 top:0;
                 margin:-6px auto 0;
                 text-align:center;
                 background-color:#999; border-radius:0 0 10px 10px;
                 display:inherit;}
#sticky a:link, #sticky a:visited
                {margin:0; padding:11px 9px 11px 9px;
                 font:normal 20px verdana;
                 color:#fff;
                 text-shadow:1px 1px #444; text-decoration:none;
                 display:inline-block;}
#sticky a:hover, #sticky a:active
                {color:blue;
                 text-decoration:none; text-shadow:none;}

ul.p3           {margin:10px 5% 0 7.8%;}
ul.p3 li        {/*font-size:24px;*/}

#s-r            {display:none;}

.ipi-1          {width:95%; max-width:95%;
                 margin:5px 0 5px 2%;
                 float:none; display:block;}
.ipi-2          {width:95%; max-width:95%
                 margin:5px 0 5px 2%;
                 float:none; display:block;}
.ipi-3          {width:95%; max-width:95%
                 margin:5px 0 5px 2%;
                 float:none; display:block;}

#t-box-lt       {width:95%; max-width:95%;
                 margin:10px auto 0;
                 float:none;}

#t-box-rt       {display:none;}

#bst          {}
#bst-rt       {width:95%; text-align:center; float:none; display:block;}
#bst-rt p     {font-size:12px;}
#bst-rt a:link, #bst-rt a:visited {font-size:14px;}
span#or       {}
#bst-lt       {width:95%; text-align:center; float:none; display:block;}
#bst-lt p     {font-size:12px;}

}