@media screen and (max-width:4000px)
{
   *           {margin:0; padding:0;}
   div#wrapper {width:100%; text-align:center; margin: 0 auto; background-color: #FF6347;}
   div#body    {width:1810px; text-align:center; margin: 0 auto;}
   div.imgcell {width:452px; text-align:center; float:left; font-size: 12pt;}
   div.imglong {width:902px; text-align:center; float:left; font-size: 12pt;}
   div#foot    {width:1810px; text-align:center; margin: 0 auto; clear:left;}
   div.imgfest {width:676px; text-align:center; float:left; font-size: 12pt;}

   BODY, H1    {font-family: "Helvetica"; font-weight: bold; color: #000080; font-size: 10pt;}
   H1          {font-size: 40pt;}
   IMG         {width: 450px; height: 338px;}
   IMG.v       {width: 338px; height: 450px;}
   IMG.d       {width: 900px; height: 338px;}
   img.h       {width: 675px; height: 80px;}
   IMG.j       {width: 900px; height: 575px;}
   IMG.p       {width: 900px; height: 500px;}

   div#skylob       {width:1802px; text-align:center; margin: 0 auto; background-color: navy; color: white;}
   A.skylob         {font-size: 14pt; padding: 0 50px; text-decoration: none;}
   A.skylob:link    {color: white;}
   A.skylob:visited {color: white;}
   A.skylob:active  {color: aqua;}
   A.skylob:hover   {color: aqua;}
   span.skylob      {font-size: 14pt; padding: 0 50px; color:yellow;}
}


@media screen and (max-width:1795px)
{
   *           {margin:0; padding:0;}
   div#wrapper {width:100%; text-align:center; margin: 0 auto; background-color: #FF6347;}
   div#body    {width:1360px; text-align:center; margin: 0 auto;}
   div.imgcell {width:452px; text-align:center; float:left; font-size: 12pt;}
   div.imglong {width:902px; text-align:center; float:left; font-size: 12pt;}
   div#foot    {width:1360px; text-align:center; margin: 0 auto; clear:left;}
   div.imgfest {width:676px; text-align:center; float:left; font-size: 12pt;}

   BODY, H1    {font-family: "Helvetica"; font-weight: bold; color: #000080; font-size: 10pt;}
   H1          {font-size: 40pt;}
   IMG         {width: 450px; height: 338px;}
   IMG.v       {width: 338px; height: 450px;}
   IMG.d       {width: 900px; height: 338px;}
   img.h       {width: 675px; height: 80px;}
   IMG.j       {width: 900px; height: 575px;}
   IMG.p       {width: 900px; height: 500px;}

   div#skylob       {width:1352px; text-align:center; margin: 0 auto; background-color: navy; color: white;}
   A.skylob         {font-size: 14pt; padding: 0 50px; text-decoration: none;}
   A.skylob:link    {color: white;}
   A.skylob:visited {color: white;}
   A.skylob:active  {color: aqua;}
   A.skylob:hover   {color: aqua;}
   span.skylob      {font-size: 14pt; padding: 0 50px; color:yellow;}
}


@media screen and (max-width:1345px)
{
   *           {margin:0; padding:0;}
   div#wrapper {width:100%; text-align:center; margin: 0 auto; background-color: #00008b;}
   div#body    {width:905px; text-align:center; margin: 0 auto;}
   div.imgcell {width:452px; text-align:center; float:left; font-size: 12pt;}
   div.imglong {width:902px; text-align:center; float:left; font-size: 12pt;}
   div#foot    {width:905px; text-align:center; margin: 0 auto; clear:left;}
   div.imgfest {width:452px; text-align:center; float:left; font-size: 12pt;}

   BODY, H1    {font-family: "Helvetica"; font-weight: bold; color: #ADD8E6; font-size: 10pt;}
   H1          {font-size: 30pt;}
   IMG         {width: 450px; height: 338px;}
   IMG.v       {width: 338px; height: 450px;}
   IMG.d       {width: 900px; height: 338px;}
   img.h       {width: 450px; height: 80px;}
   IMG.j       {width: 900px; height: 575px;}
   IMG.p       {width: 900px; height: 500px;}

   div#skylob       {width:902px; text-align:center; margin: 0 auto; background-color: navy; color: white;}
   A.skylob         {font-size: 12pt; padding: 0 20px; text-decoration: none;}
   A.skylob:link    {color: white;}
   A.skylob:visited {color: white;}
   A.skylob:active  {color: aqua;}
   A.skylob:hover   {color: aqua;}
   span.skylob      {font-size: 12pt; padding: 0 20px; color:yellow;}
}


@media screen and (max-width:895px)
{
   *           {margin:0; padding:0;}
   div#wrapper {width:100%; text-align:center; margin: 0 auto; background-color: #006400;}
   div#body    {width:452px; text-align:center; margin: 0 auto;}
   div.imgcell {width:452px; text-align:center; float:left; font-size: 12pt;}
   div.imglong {width:452px; text-align:center; float:left; font-size: 12pt;}
   div#foot    {width:452px; text-align:center; margin: 0 auto; clear:left;}
   div.imgfest {width:452px; text-align:center; float:left; font-size: 12pt;}

   BODY, H1    {font-family: "Helvetica"; font-weight: bold; color: #F5F5DC; font-size: 8pt;}
   H1          {font-size: 26pt;}
   IMG         {width: 450px; height: 338px;}
   IMG.v       {width: 338px; height: 450px;}
   IMG.d       {width: 450px; height: 169px;}
   img.h       {width: 450px; height: 80px;}
   IMG.j       {width: 450px; height: 288px;}
   IMG.p       {width: 450px; height: 250px;}

   div#skylob       {width:452px; text-align:center; margin: 0 auto; background-color: navy; color: white;}
   A.skylob         {font-size: 12pt; padding: 0 20px; text-decoration: none;}
   A.skylob:link    {color: white;}
   A.skylob:visited {color: white;}
   A.skylob:active  {color: aqua;}
   A.skylob:hover   {color: aqua;}
   span.skylob      {font-size: 12pt; padding: 0 20px; color:yellow;}
}