body {margin:0; padding:0; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}





/*  Color Legend  */

/* Reset */

html, body { margin: 0; padding: 0; border: 0; background: transparant; font-size:10px }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr,
 th, td, tbody, tfoot, thead {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: baseline;
 background: transparent;
 }
 img   { margin:0; padding: 0; border:0 }
 
 table, tr, th, td, tbody, tfoot, thead {
     margin: 0; padding: 0; border: 0;
     vertical-align:baseline;
     background:transparent;
     }
     
table { border-collapse: collapse; border-spacing: 0:  }

input, select, textarea, form, fieldset {
     margin:0; padding: 0; border: 0;
     }
     
article, aside, dialog, figure, footer, header, hgroup, nav, section {
   display:block;   }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
line-height:100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
}     
 
ol, ul { list-style: none;}


/* Global */

html            {    } 
body            {background-color:#eeeeee;    }
 
/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1  { font-size:24px; }
h2  { font-size:20px; } 
h3  { font-size:16px; } 
h4  { font-size:14px; } 
h5  { font-size:14px; } 
 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img ( margin: 0; )


/* Text Elements */

p               {color:#000; font-size:12px; line-height:150%; }
p .left         {margin: 1.5em li5em 1.5em 0; padding: 0; }
p .right        {margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a               {  }
a:link          { color: #00f;  }
a:visited       { color: #0f0;  } 
a:active        { color: #000;  }
a:focus         { color: #666;  }
a:hover         { color: #f00;  }

blockquote      { color:#000; font-size:12px; }

strong          { font-weight: bold; }
em              { font-style:italic; }

/* Images */




/*Lists  */


ul         {  }
ol         { list-style-type:decimal; }

ul li      { color:000; font-size:12px; } 
ol li      { color:000; font-size:12px; }  

dl         {  }
dt         {  }
dd         {  }



/* Table */

table         { width:100%; }

tr               {  }
.odd             { background-color:#eee; }
.even            {background-color:#fff; }
   
th               { font-weight:bold: }
thead, th        { background: #ccc; }

tbody            {  }

th, td, captionc {  }
caption          {  }

tfoot            {  }
.tfooter         { background-color:#ccc; text-align:center; font-style:italic; }

caption          { background:#efefef; }



/*Miscellaneous*/

sup, sub         { line-height: 0;}

abbr, acronym    { border-bottom: 1px dotted #666; }
address          {   }
del              {background:FFCECE; color:#f00;  }

code, pre        {background-color:#FF9; padding:2px 0px; margin: 4px 25px;
                    font-family:"Courier New", Courier, monospace; font-size:12px; }


#button  {display:none; position:fixed; top:-.5%; right:1%;  z-index:9999999999999999999999999999999;}

.fa-bars  { padding: 15px; color: white; cursor: pointer; background-color: rgba (0, 0, 0, 0.9); font-size: 3.5em; opacity:1; z-index:99999999}

.fa-times {color:white; top:10px; right:10px; position:absolute; font-size:150%; cursor:pointer; font-weight:100;}
.sidebar_menu { position:fixed; top:-130%; bottom:130%; left:0; margin:-10px 0 0 0; padding:0;  z-index:9; width: 100%; background-color:#211F1F; opacity: 1; transition: 1.3s ease-in-out; z-index:9;  }
.hide_menu {top:70px; bottom:0;  }
.hide_menu2 {background-color:#211F1F; transition: 1.3s ease-in-out;}

#topnav {margin: 30px 2% 10px 2%; display:block; width:96%; float:right;  }
#topnav h1 {color:white; text-align:left; margin:0px 2% 34px 3%;  font-family: 'Raleway', sans-serif; font-size:240%; font-weight:100; }
#topnav li   {padding:10px 0px; box-sizing:border-box; color: D8D8D8;  transition: all .6s ease-in-out; cursor: pointer; }
#topnav li a {color:white; line-height:20px; display:block; text-align: left; border-bottom:1px darkgrey solid; font-family:cursive; background-color:none; font-weight: 700; font-family: 'Raleway', sans-serif;  padding:4px 10px; box-sizing:border-box; font-size:140%; color:white; cursor: pointer; width:100%; }
#topnav li a:hover{color:red; transition: all 0.3s ease-in-out; }
#topnav ul li:hover:{background-color:grey ; color:white;}

#topa {float:left; position:fixed; left:0; top:0; margin:0;  height:70px; background-color:#211F1F; width:100%; z-index:99999;}

#about {float:left; width:100%; background-color:white; position:relative; padding-top:70px; z-index:9; }
#about h2 {text-align:center; width:100%; margin:35px 0;  font-size:350%;}
#about h3 {text-align:center; width:100%; margin:5px 0; font-size:280%;}
#about h4 {text-align:center; width:100%; margin:10px 0; font-size:150%;}
#about h5 {text-align:center; width:100%; margin:10px 0; font-size:150%;}
#about2 {float:left; width:100%; background-color:white; position:relative; margin-top:40px;padding-top:70px; z-index:9; }

#top {position:fixed; height:70px; top:0px; left:0; background-color:rgba(0,0,0,.0); width:100%; z-index:99999999; margin:0; }
#top .title {position:relative; float:left; height:70px; width:16%; margin:0 0 0 2%;}
#top .title img {width:auto; height:100%; margin-top:0px; opacity:4; filter:brightness(107%) contrast(140%);}

#top .topnav3   {float:left; background-color:none;  margin:4px 0 0 0; width:60%; position:relative; font-weight:bold; z-index:99999999; height:45px; }
#top .topnav3 ul           { float:left; background-color:none; padding:0px; list-style:none;  width:100%; margin:0 0% 0 0%; z-index:9999; }
#top .topnav3 ul li        {display:inline; width:20%; float:left; height:43px; text-align:center;  position:relative; margin:0 0%; z-index:9999;}
#top .topnav3 ul li a      {color:white; text-align:center; height:55%; padding:20px 0px; font-weight:800; font-size:220%;  z-index:9999;  font-family: 'Open Sans Condensed', sans-serif; display:block; text-align:center; }
#top .topnav3 a:link       {color:white; }
#top .topnav3 a:visited    {color:white; }
#top .topnav3 a:active     {color:white; }
#top .topnav3 a:hover      {color:white; background-color:#807295; padding:20px 0px; }
#top .topnav3 ul li ul li a:hover      {color:#ffffff; background-color:#807295;   height:20px; z-index:99999999999;}
#top .topnav3 .small {width:20%;}
#top .topnav .big {width:30%;}
 
#top .topnav3 ul ul { display: none; width:100%; height:auto; z-index:999999999999; }
#top .topnav3 ul li ul li { width:100%; height:60px;   color:#364244;  line-height:20px; display:block; z-index:9999;
text-align: center; font-family:cursive; border:1px solid gray; }
#top .topnav3 ul li ul li a {font-size: 120%; line-height:18px; color:#080808;  z-index:9999;  }
#top .topnav3 ul li:hover > ul {display:block;  margin:0px; color:#364244;  background-color:#211F1F; z-index:999999999; width:100%}
 #top .topnav3 .padding {padding-bottom:10px;}
  #top .topnav3 .padding:hover {height:50px; padding-bottom:20px; }
#top .topnav3 a:focus      {color:#ffffff;  }

#top .bold {font-weight:700;}
#top .social {float:right; position:relative; width:13%; margin-right:2%;  height:100%;  }
#top .social ul {position:relative;  margin-top:0px; float:right; }
#top .social ul li {float:left; position:relative; list-style:none; display:inline; margin:0px 14px 0 0px; padding-top:25px; color:white; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:100%; font-weight:600; }
#top .social ul li a {color:white; border-radius:24px; text-decoration:none;font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:260%; font-weight:600;  }

.top {display:none; position:fixed; height:70px; top:0px; left:0;  width:100%; z-index:99999999; margin:0; }
.top .title {position:relative; float:left; height:70px; width:16%; margin:0 0 0 2%;}
.top .title img {width:auto; height:100%; margin-top:0px; opacity:4; filter:brightness(107%) contrast(140%);}


.top .menu {display:none; float:right; position:relative; width:15%; margin-right:0%;  height:100%;  }
.top .menu ul {position:relative; width:auto; margin-top:0px; float:right; }
.top .menu ul li {float:left; position:relative; list-style:none; display:inline; margin:0px 0 0 23px; padding-top:25px; color:white; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:100%; font-weight:600; }
.top .menu ul li a {color:white; border-radius:24px; text-decoration:none;font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:140%; font-weight:600; border:2px white solid; padding:14px 20px;  }
.top .menu ul li a:hover {background:radial-gradient(#fff, #F2F0F0); color:black;  transition:.3s ease; }


.fa-search {position:fixed; top:20px; right:2%; font-size:150%; cursor: pointer;}

.bannerss {display:inline; position:fixed; margin:0; padding:0; top:10px; right:-100%; z-index:999999999999999999; width: 20%; height:50px; background-color:#211F1F; opacity: 1; transition: 2.3s ease-in-out; z-index:2;}
.bannerss .search { position:relative; float:left; width:100%; margin-right:0%;}

.fa-phone {font-size;}

#banner2 {position:relative; width:100%; float:left; z-index:99;}
#banner2 img {width:100%; float:left; height:auto;}



#banner {float:left; position:relative; z-index:1; width:100%; margin:0px 0 0px 0; z-index:99; background-color:rgba(0,0,0, .1);}
#banner img { display:none; width:100%; height:auto; float:left; position:relative;}
#banner .left img {display:inline; width:26%; margin:330px 37% 20px 37%; cursor: pointer; z-index:99999; filter:brightness(107%) contrast(140%); -webkit-animation: mymove 1.5s ease-in-out; animation: mymove 1.5s ease-in-out;}
#banner .left img:hover {transform: rotate(360deg); transition:2s ease;}
#banner .left h1 {margin:0px 0 30px 0; text-align:center; font-size:650%; text-shadow:.5px .5px .5px #e6b10d; font: Tahoma; font-weight:500; color:#e6b10d; color:white;}
#banner .left h4 {margin:0px 0 30px 0; text-align:center; font-size:350%; text-shadow:.5px .5px .5px #e6b10d; font: Tahoma; font-weight:500; color:#e6b10d; color:white;}
#banner .left {float:left; position:relative; width:100%; margin-top:0px; height:750px; margin-left:0%; z-index:99; background-color:rgba(0,0,0,0.2); padding-bottom:200px;}
#banner .left h2 {margin:0px 0% 0 26%; width:20%; float:left; position:relative; color:white; font-family: 'Open Sans Condensed', sans-serif; line-height:34px;
background-color:rgba(0,0,0,.7); text-shadow:1px 1px 1px black; text-align:center; padding:14px; border:3px #e6b10d solid; font-size: 250%;}
#banner .left h3 {margin:0px 26.5% 0 0;  width:20%; float:right; position:relative; color:white;  font-family: 'Open Sans Condensed', sans-serif; line-height:34px;
background-color:rgba(0,0,0,.7); text-shadow:1px 1px 1px black; text-align:center; padding:14px; border:3px #e6b10d solid; font-size: 250%; }
#banner .left h2:hover {background-color:rgba(0,0,0,.95);  transition:.4s ease;}
#banner .left h3:hover {background-color:rgba(0,0,0,.95);  transition:.4s ease;}
#banner .left p { text-align:center; color:white; margin-top:-20px; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:220%; margin-bottom:25px; font-family:tahoma; line-height:34px;}
#banner .left a {text-decoration:none; color:white;}
#banner .left a:hover {text-decoration:none; color:black;}

#who {position:relative; float:left; width:100%; background-color:#730082; height:auto;}
#who h1 {text-align:center; color:white; font-size:360%; padding:40px 0 60px 0;font:46px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
#who .thirds {width:30%; float:left; margin:0 0% 70px 4%;}
#who .thirdss {width:30%; float:left; margin:0 1% 70px 1%;}
#who .thirdsss {width:30%; float:left; margin:0 4% 70px 0%;}
#who h2 {text-align:center; color:white; padding:30px 0; font:40px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; }
#who h3 {text-align:center; color:white; padding:30px 0; font:50px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; }
#who p {text-align:center; color:white; font-size:170%; width:70%; margin:0 15% 60px 15%; line-height:28px;}
#who h6 {text-align:center; color:white; font-size:180%; }
#who h6 a {text-align:center; color:white; border:2px white solid; padding:20px; border-radius:12px;}
.fa-child {font-size:130%;}

#full {width:100%; float:left; position:relative; margin:0 0 -8px 0;}
#full img {width:100%; height:auto; margin:0;}

#news {width:100%; background-color:white; float:left; position:position; padding-bottom:0px; height:auto;}
#news h1 {text-align:center; color:#730082; font:times; padding: 40px 0; font-size:460%; line-height:50px;}
#news .left {width:54%; float:left; border:3px black solid;margin-left:2%; background-color:white;}
#news .left iframe {width:70%; margin:0 0%; max-height:800px; padding:0 5%; }
#news .right {width:40%; float:right; margin-top:-80px;}
#news .right img {margin-left:-35%; width:100%;}
#news .right h1 {color:navy; font:times; }
#news .right iframe {float:left; position:relative; width:70%; margin:0 8% 0 22%; height:1000px;}
.fa-newspaper-o {font-size:120%;}

#divs {width:100%; float:left; position:relative; background-color:white; height:300px; padding:0px 0; padding-bottom:300px; margin-top:-16px;}
#divs h2 {width:100%; text-align:center; font-size:350%; line-height:40px; margin-bottom:20px; font-family: 'Anton', sans-serif;}
#divs .alpha {float:left; position:relative; width:34%; margin:0 0%; background-color:#4B0082; height:100%; }
#divs .alpha h1 {color:white; width:80%; margin:80px 10%;  text-align:center; font:46px/56px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:800;}
#divs .alpha h2 {color:white; width:80%; margin:100px 10% 0px 10%;  text-align:center; font:46px/56px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:800;}
#divs .alpha2 {overflow:hidden; float:left; position:relative; width:34%; margin:0 0%; background-color:#4B0082; height:100%; }
#divs .alpha2 img {width:100%; height:auto;}
#divs .alpha2 h3 {width:100%; text-align:center; margin-top:0px;  z-index:99; position:absolute; padding-top:100px; height:100%; background-color:rgba(0, 0, 0, .0); color:rgba(0, 0, 0, .0); font:26px/40px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:800;}
#divs .alpha2 h3:hover {background-color:rgba(0, 0, 0, .7); color:white; transition: .4s ease;}
#divs .beta {overflow:hidden;float:left; position:relative; width:33%; margin:0 0%; background-color:#4B0082; height:100%; }
#divs .beta img {width:100%; height:auto; z-index:9; position:relative;}
#divs .beta h3 {width:100%; text-align:center; margin-top:0px;  z-index:999; position:absolute; padding-top:100px; height:100%; background-color:rgba(0, 0, 0, .0); color:rgba(0, 0, 0, .0); font:26px/40px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:800;}
#divs .beta h3:hover {background-color:rgba(0, 0, 0, .7); color:white; transition: .4s ease;}
#divs .delta {overflow:hidden;float:left; position:relative; width:33%; margin:0 0%; background-color:#4B0082; height:100%; }
#divs .delta img {width:100%; height:auto;}
#divs .delta h3 {width:100%; text-align:center; margin-top:0px;  z-index:9999; position:absolute; padding-top:100px; height:100%; background-color:rgba(0, 0, 0, .0); color:rgba(0, 0, 0, .0); font:26px/40px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:800;}
#divs .delta h3:hover {background-color:rgba(0, 0, 0, .7); color:white; transition: .4s ease;}


#listing {width:100%; float:left; padding-top:80px; position:relative; background-color:rgba(255, 255, 255, .88); margin-top:0px; }
#listing h1 {text-align:center; color:rgba(188, 165, 72, 1.0); margin:30px 0px; font-size:350%; float:left; width:100%; text-shadow: .2px .2px .2px brown; }
#listing .one h3 {text-align:center; color:white; margin:-80px 0px 0 0; padding:20px 0; font-size:200%; float:left; width:100%; background-color:rgba(188, 165, 72, .98); font-weight:100; z-index:999999; position:relative;}
#listing .two h3 {text-align:center; color:white; margin:-80px 0px 0 0; padding:20px 0; font-size:200%; float:left; width:100%; background-color:rgba(188, 165, 72, .98); font-weight:100; z-index:999999; position:relative;}
#listing .three h3 {text-align:center; color:white; margin:-80px 0px 0 0; padding:20px 0; font-size:200%; float:left; width:100%; background-color:rgba(188, 165, 72, .98); font-weight:100; z-index:999999; position:relative;}

#listing img {width:100%; height:310px; margin:0; float:left; position:relative; border-bottom:1px white solid; z-index:99999;}
#listing .one {width:22%; float:left; margin:40px 2% 40px 15%;}
#listing .two {width:22%; float:left; margin:40px 0% 40px 0%;}
#listing .three {width:22%; float:right; margin:40px 15% 40px 2%;}

#listings {width:100%; padding-top:50px; float:left; position:relative; background-color:rgba(255, 255, 255, .58); margin:0 0 0px 0; }
#listings .left {width:45%; float:left; position:relative; margin-left:15%; background-color:white; box-shadow:0 0 0px black; margin:30px 0 50px 15%;}
#listings .left h1 {margin:12px 20px 10px 20px; color:#040E14; font-family: 'Open Sans Condensed', sans-serif; font-size:300%;}
#listings .left h6 {margin:12px 20px 0px 20px; color:#040E14; font-family: 'Open Sans Condensed', sans-serif; font-size:200%;}
#listings .left h2 {margin:12px 20px 0px 20px; color:#040E14; text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-size:270%; font-weight:800;}
#listings .left img {width:40%; margin:20px 30%; height:auto; box-shadow:0 0 5px black;}
#listings .left p {line-height:36px; font-size:220%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif;}
#listings .right {width:20%; float:right; position:relative; margin-right:15%; background-color:white; box-shadow:0 0 0px black; margin-top:30px;}
#listings .right img {width:90%; margin:10px 5%; border-radius:360%; border:2px black solid;}
#listings .right h2 {margin:12px 0px 20px 0px; font-family: 'Open Sans Condensed', sans-serif; font-size:390%; text-align:center; color:#132D28;}
#listings .right h3 {margin:12px 0px 10px 0px; color:#040E14; font-family: 'Open Sans Condensed', sans-serif; font-size:300%; text-align:center;}
#listings .right p {line-height:36px; font-size:220%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif; text-align:center;}
#listings .right a {color:#477187;}
#listings .right a:hover {text-decoration:underline; transition:.3s ease;}
#listings .right h6 {line-height:36px; font-size:160%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif; text-align:left;}
#listings .right h5 {line-height:36px; font-size:100%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif; text-align:center;}
#listings .rights {width:50%; float:left; position:relative; margin-left:25%; background-color:white; box-shadow:0 0 0px black; margin-top:30px; display:none;}
#listings .rights img {width:80%; margin:10px 10%; border-radius:230px;}
#listings .rights h2 {margin:12px 0px 20px 0px; font-family: 'Open Sans Condensed', sans-serif; font-size:390%; text-align:center; color:#132D28;}
#listings .rights h3 {margin:12px 0px 10px 0px; color:#040E14; font-family: 'Open Sans Condensed', sans-serif; font-size:300%; text-align:center;}
#listings .rights p {line-height:36px; font-size:220%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif; text-align:center;}
#listings .rights a {color:#477187;}
#listings .rights a:hover {text-decoration:underline; transition:.3s ease;}
#listings .rights h6 {line-height:36px; font-size:160%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif; text-align:left;}
#listings .rights h5 {line-height:36px; font-size:100%; margin:0 20px; font-family: 'Open Sans Condensed', sans-serif; text-align:center;}
#listings .social {float:left; margin:0; text-align:center; position:relative; width:100%;}
#listings .social ul {float:left; position:relative; background-color: rgba(255, 255, 255, 0.2); height:100%; width:75%; margin:10px 0 0 25%;} 
#listings .social ul li {display:inline; float:left; list-style:none; border-left:1.5px rgba(17, 17, 17, 0.8) solid; border-right:1.5px rgba(17, 17, 17, 0.8) solid;}
#listings .social ul li a {float:left; color:black; font-size:200%; text-align:center; padding:5px 15px; }


.fa-rss-square {color:orange; }



.fa-chevron-circle-down {display:none;}

#who1 {position:relative; float:left; width:100%; background-color:white; height:auto;}
#who1 h1 {text-align:left; color:black; margin-left:5%; padding:40px 0 5px 0; font-family: 'Anton', sans-serif; font-size:450%;}
#who1 h4 {text-align:left; color:black; margin-left:5%; padding:0px 0 60px 0; font:20px/24px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif }
#who1 .thirds {width:30%; float:left; margin:0 0% 70px 3%;}
#who1 .thirdss {width:30%; float:left; margin:0 2% 70px 2%;}
#who1 .thirdsss {width:30%; float:left; margin:0 3% 70px 0%;}
#who1 h2 {text-align:center; color:black; padding:30px 0 30px 0; font:30px/34px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; }
#who1 img {width:50%; margin:30px 25% 10px 25%;}
#who1 .huge {width:70%; margin:30px 15% 10px 15%;}
#who1 .huger {width:60%; margin:30px 20% 10px 20%;}
#who1 h3 {text-align:center; color:#81D8D0;  padding:40px 0 0 0; font:80px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; }
#who1 p {text-align:center; color:black; font-size:150%; width:80%; margin:0 10% 40px 10%; line-height:28px;}
#who1 h6 {text-align:center; color:#730082; font-size:180%; }
#who1 h6 a {text-align:center;font-weight:800; color:#730082; border:2px black solid; padding:20px; border-radius:12px;}
.fa-child {font-size:130%;}
#who1 .fa-binoculars {padding-top:30px;}

#program {width:100%; background-color:white; padding:10px 0; position:relative; float:left; }
#program h1 {text-align:center; color:black; font:60px/64px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; padding:38px 0; font-weight:600;}
#program p  {text-align:center; color:black; width:70%; line-height:38px; margin:0 15%; font:18px/24px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; padding:0px 0 30px 0;; font-weight:600;}
#program .programs {width:46%; margin:20px 2%; float:left; position:relative; border:0px black solid; background-color: #f3b232; height:380px;}
#program .programs .left {width:30%; background-color:#211F1F; float:left; position:relative; border-right:1px black solid; height:100%;}
#program .programs .left img {width:80%; margin:auto; display:block; padding:25px 0; }
#program .programs .right {width:65%; float:right; position:right;}
#program .programs .right h1 {text-align:center; color:white; font:30px/29px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; width:80%; font-weight:700; margin:5px auto; padding:10px 0 22px 0; }
#program .programs .right h2 {text-align:center; color:white; font:20px/22px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; width:80%; margin:-18px auto 22px auto; padding:-8px 0 0 0; }
#program .programs .right p {text-align:center; color:white; font-size:150%;  width:90%; margin:10px 5% 40px 3.5%; line-height:18px; padding:0;}

#content {width:100%; float:left; height:auto; background-color:teal;}
#content .left {float:left; position:relative; width:50%; margin:0%;}
#content .left h1 {font-size:450%; color:white; text-align:center; margin-top:100px; width:100%; line-height:60px; font-family: 'Fredericka the Great', cursive; font-weight:100;}
#content .left iframe {float:right; width:80%; margin-right:10%; height:350px; padding:40px 0;}
#content .right {float:right; position:relative; width:50%; margin:0%;}
#content .right iframe {float:right; width:60%; margin-right:20%; height:700px; padding:40px 0;}

#podcast {width:100%; float:left; position:relative; height:auto;}
#podcast iframe {width:100%; float:left; position:relative; height:1200px;}

#calendar-wrap {background-color:white; position:relative; float:left;  width:90%; margin:0; padding:0 5% 20px 5%; background-color:none; z-index:1;}
#calendar-wrap h1 {font-size:300%; text-align:center; padding:20px 0;  text-shadow:2px 2px 2px grey; }
#calendar-wrap h1 a {color:black;}
#calendar {
    width: 100%;

}

#calendar a {
    color: #8e352e;
    text-decoration: none;
}

#calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;

}

#calendar li {
    display: block;
    float: left;
    width:14.342%;
    padding: 5px;
    box-sizing:border-box;
    border: 3px solid #ccc;
    margin-right: -1px;
    margin-bottom: -1px;
}

#calendar ul.weekdays {
    height: 40px;
    background: #f3b232;
}

#calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #fff;
    font-size: 13px;

}

#calendar .days li {
    height: 200px;
}

#calendar .days li:hover {
    background: #d3d3d3;
}

#calendar .date {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #333;
    color: #fff;
    width: 20px;
    border-radius: 50%;
    float: right;
}

#calendar .event {
    clear: both;
    display: block;
    font-size: 13px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 40px;
    margin-bottom: -30px;
    line-height: 14px;
    background: #e4f2f2;
    border: 1px solid #b5dbdc;
    color: #009aaf;
    text-decoration: none;
}

#calendar .event-desc {
    color: #666;
    margin: 3px 0 7px 0;
    text-decoration: none;  
}

#calendar .other-month {
    background: #f5f5f5;
    color: #666;
}

/* ============================
                Mobile Responsiveness
   ============================*/
@media(max-width: 1100px) {
#calendar .days li {
height: 220px;}
	#calendar-wrap {  width:98%; margin:0; padding:0 1% 20px 1%;}
}
@media(max-width: 938px) {

    #calendar .weekdays, #calendar .other-month {
        display: none;
    }

    #calendar li {
        height: auto ;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }

    #calendar .date {
        float: none;
    }
	   #calendar .event { margin-bottom: 0px;}
}

#contact2 {float:left; width:100%; padding-bottom:0px;  background-color:white;}
#contact2 h2 {width:80%; margin:20px 10%; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:500; font-size:300%; line-height:32px; margin-top:30px;   color:#b4015c; }
#contact2 p {font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:500; font-size:180%;width:80%; margin:20px 10%; line-height:30px;}

#contact2 #container p {color:green; text-align:center; font-size:140%;}
#contact2 #container h6 {color:red; text-align:center; font-size:140%;}


#contact2 .maps {position:relative; float:left; margin-top:20px; width:41%; margin-left:-3.5%; z-index:9;}
#contact2 .maps img {width:90%; height:auto; margin:0px 0 0pz 0%; float:left; z-index:9;}
#contact2 .maps h1 {width:77%; margin:40px 0 0 10%; line-height:26px; text-align:center; padding:15px 0;  background-color:#211F1F; box-shadow:0 0 5px black; color:white; font-size:170%; font-family:tahoma; border-radius: 10px;}
#contact2 .maps h1 a {color:white; padding-bottom:10px;}


#container1 {
    border-radius: 6px;
    background-color:white;
    padding: 20px;
	box-shadow:0 0 5px black;
float:left; width:41%;
 margin:70px 0% 20px 8%; position:relative;  z-index:9999999;
}
#container1 h1 {text-align:center; font-size:250%; margin-bottom:-30px;}


/* Style inputs with type="text", select elements and textareas */
#container1  input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 3px solid #ccc; /* Gray border */
	box-shadow:0 0 3px black;
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
	font-size:140%;
}
#container1 label  {font-size:150%;}

/* Style the submit button with a specific background color etc */
#container1 input[type=submit] {
    background-color: #211F1F;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #088A08;
opacity:.8;
}


/* Photo Gallery */

#whole {float:left; background-color:white; width:100%; box-shadow:0 0 15px;}
#whole h1 {margin-top:120px;text-align:center;  color:white; text-decoration:underline;}
#whole h2 {text-align:center;  color:white; text-decoration:underline;}
#whole h2 a {text-align:center; color:white; text-decoration:underline;}
#whole h3 a {text-align:center; color:white; text-decoration:underline; font-size:150%; }
#whole ul {margin-top:30px;}
#whole ul li {color:white;width:60%; margin-left:20%; }
#red {float:left; width:80%; margin:100px 10%; background-color:#f3b232; border:4px white solid; height:1400px; box-shadow: 1px 4px 4px 10px;}
#red2 {float:left; width:80%; margin:100px 10%; background-color:#f3b232; border:4px white solid; height:800px; box-shadow: 1px 4px 4px 10px;}
.head {float:left; width:100%; margin-top:-70px;}
.head img {width:100%; margin-top:20px;}
.head h1 {color:white; text-align:center;  font-size:380%; width:60%; margin:5px 20%; line-height:40px;}

.second {width:70%; margin:30px 15%;}
.second img {width:30%; height:150px; margin:5px 1.3% -90px 1.3%; box-shadow:0 0 5px black;}
.second img:hover {box-shadow:0 0 15px black;}
.second h2 {float:left; width:100%; text-align:center; color:white; margin:50px 0 -25px 0; text-decoration:underline;}

.slideshow-container { 
  max-width: 850px;
  position: relative;
  margin: auto;
  height:165px;
}
.slideshow-container img {
position:relative;
margin-top:100px;}

}

.sc1 { 
  max-width: 850px;
  position: relative;
  margin: auto;
  height:165px;
}
.sc1 img {
position:absolute;
height:585px;
top:100%; left:19%;

}

.mySlides img {
  max-width:72%; max-height:600px;
}
.mySlides1 img {
   width:62%
}
	
	   .w3-button2 {position:absolute; margin-top:300px; right:28%; background-color:white; color:black; height:70px; width:50px; z-index:9999;}
	     .w3-button1 {position:absolute; margin-top:300px; left:28%;  background-color:white; color:black; height:70px; width:50px; z-index:9999;}
		
			#red2 .w3-button2 {position:absolute; top:230%; right:28%; background-color:white; color:black; height:70px; width:50px; z-index:9999;}
	    #red2 .w3-button1 {position:absolute; top:230%;left:28%;  background-color:white; color:black; height:70px; width:50px; z-index:9999;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 90%;
  width: auto;
  padding: 16px;
  left:0;
  color: black;
  font-weight: bold;
  font-size: 15px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  z-index:99999;
}

/* Position the "next button" to the right */
.next {
  right: 280;
  border-radius: 3px 0 0 3px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 0px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/*Footer*/



#topnav2 {position:relative; margin-top:0px; height:60px;float:left; width:100%; background-color:#211F1F; z-index:99;}
#topnav2 .nav {width:80%; margin-left:18%; float:left; position:relative;}
#topnav2 .nav ul {width:100%; margin-top:18px;}
#topnav2 .nav ul li {display:inline; margin-right:20px;   }
#topnav2 .nav ul li a {color:lightgrey;  font: normal normal normal 18px/1.4em dinneuzeitgroteskltw01-_812426,sans-serif; font-size:130%; letter-spacing:-.5px;}
#topnav2 .nav ul li a:hover {color:white;  text-decoration:underline; transition:.3s ease;}
#topnav2 .social2 {float:right; width:15%; margin:0 10% 0 0; position:relative; }
#topnav2 .social2 ul {width:100%; margin-top: 18px;}
#topnav2 .social2 ul li {display:inline; color:lightgrey; margin-right:20px;}
#topnav2 .social2 ul li a {font-size:220%; color:lightgrey;}


#footer {float:left; position:relative; height:60px;  margin-bottom:0; width:100%; background-color:#4C4747; z-index:99;}
#footer .subs {margin-left:10%; width:25%; float:left;}


/* Responsive */

/* Style inputs with type="text", select elements and textareas */
#footer input[type=text], select {
    width: 50%; /* Full width */
    padding: 7px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin:10px 1% 16px 0%; /* margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
font-size:100%;
float:left;
background-color:lightgrey;
	}

/* Style the submit button with a specific background color etc */
#footer input[type=submit] {
    background-color:#4C4747 ;
    color: white;
    padding: 10px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	width:35%;
margin:-15px 0% 0px 0%;
float:left;
border:1px white solid;
}

/* When moving the mouse over the submit button, add a darker green color */
#footer input[type=submit]:hover {
    background-color:white;
	color:#4C4747; margin-bottom:26px; transition:.4s ease-in-out;
}
#footer label {color:white; font-size:160%;}

/* Add a background color and some padding around the form */

#footer .close {float:right; width:30%; margin-right:10%;}
#footer .close p {float:right; color:white; margin-top:18px;}
#footer .close a {float:right; color:white; }

#footer2 {float:left; width:100%; height:160px; background-color:#F7F5F5; position:relative;}


 body {background:url(images/aeb8.jpeg) #CCC left top; background-size:cover; background-attachment:fixed; 
background-position: center; background-repeat: no-repeat;  }

@media screen and (max-width:1600px) {
#banner .left img { margin-top:300px;}
}
@media screen and (max-width:1360px) {
#listings .social ul {width:79%; margin:10px 0 0 21%;}
}
@media screen and (max-width:1300px) {
#top .topnav3 {margin-left:2%;}
#news .left iframe {width:70%; margin:0 0%; max-height:700px; padding:0 5%; }
}
@media screen and (max-width:1256px) {
	#divs { height:400px;  margin-bottom:400px;}
#divs .alpha {width:50%;}
#divs .alpha2 {width:50%;}
#divs .beta {width:50%;}
#divs .delta {width:50%;}
}
@media screen and (max-width:1210px) {
	#listings .social ul {width:84%; margin:10px 0 0 16%;}
	#contact2 .maps img {width:100%; height:auto; margin:0px 0 0pz 0%; float:left; z-index:9;}
}

@media screen and (max-width:1150px) {
	#content .right iframe { height:550px; }
#top .topnav3 {margin-left:4%;}
#who .thirds {width:31%; float:left; margin:0 0% 70px 2.5%;}
#who .thirdss {width:31%; float:left; margin:0 1% 70px 1%;}
#who .thirdsss {width:31%; float:left; margin:0 2.5% 70px 0%;}
}
@media screen and (max-width:1100px) {
#top .topnav3 .small {width:15%;}
#top .topnav .big {width:35%;}
#top .social {display:none;}
#top .topnav3 {width:74%; margin-left:8%;}
#who .thirds {width:50%; float:left; margin:0 0% 70px 25%;}
#who .thirdss {width:50%; float:left; margin:0 25% 70px 25%;}
#who .thirdsss {width:50%; float:left; margin:0 0% 70px 25%;}
#who1 .thirds {width:50%; float:left; margin:0 0% 70px 25%;}
#who1 .thirdss {width:50%; float:left; margin:0 25% 70px 25%;}
#who1 .thirdsss {width:50%; float:left; margin:0 0% 70px 25%;}
#news .right {display:none;}
#news .right h1 {display:none; }
#news {padding-bottom:50px;}
#news .left {width:90%; margin-left:5%; }
#news .left iframe {max-height:1000px;}
	#divs { height:300px;  margin-bottom:300px;}
	#program .programs {width:60%; margin:20px 20%;}
	#contact2 .maps {width:48%;}
}
@media screen and (max-width:1050px) {
	#listings .social ul {width:87%; margin:10px 0 0 13%;}
}
@media screen and (max-width:1000px) {
#banner .left h2 {margin:0px 0% 0 10%; width:30%; font-size: 250%;}
#banner .left h3 {margin:0px 10.5% 0 0; width:30%; font-size: 250%;}
	#footer input[type=submit] {width:45%;}
	#listing img {height:250px;}
	#content .left iframe {height:250px;}
	#content .right iframe { height:500px;}
	#content .left h1 {margin-top:50px;}
}	
@media screen and (max-width:910px) {
	#listings .social ul {width:91%; margin:10px 0 0 9%;}
}

@media screen and (max-width:900px) {
	#contact2 .maps img {display:none;}
#listing .one {width:50%; float:left; margin:40px 2% 40px 25%;}
#listing .two {width:50%; float:left; margin:40px 0% 40px 25%;}
#listing .three {width:50%; float:left; margin:40px 15% 40px 25%;}
#listings .rights {display:inline;}
#listings .right {display:none;}
#listings .left {width:60%; margin:30px 20%;}
#listings .social ul {width:69%; margin:10px 0 0 31%;}
	.top {height:60px;}
	.top {display:inline;}
	.top .title img {height:60px;}
	#top .title {display:none;}
	#top .topnav3 {display:none;}
	#button {display:inline;}
	#who .thirds {width:70%; float:left; margin:0 0% 70px 15%;}
#who .thirdss {width:70%; float:left; margin:0 15% 70px 15%;}
#who .thirdsss {width:70%; float:left; margin:0 0% 70px 15%;}
	#who1 .thirds {width:70%; float:left; margin:0 0% 70px 15%;}
#who1 .thirdss {width:70%; float:left; margin:0 15% 70px 15%;}
#who1 .thirdsss {width:70%; float:left; margin:0 0% 70px 15%;}
#news .right {width:98%; float:left;  margin:30px 0% -10px 2%;}	
#footer .subs {margin-left:3%; width:32%; float:left;}
	#divs { height:300px;  padding-bottom:1650px; margin-bottom:0;}
#divs .alpha {width:70%; margin:10px 15%;}
#divs .alpha2 {width:70%; margin:10px 15%;}
#divs .beta {width:70%; margin:10px 15%;}
#divs .delta {width:70%; margin:10px 15%;}
.fa-chevron-circle-down {display:inline;}
#divs .fa-chevron-circle-right {display:none;}
#program .programs {width:80%; margin:20px 10%;}
#contact2 .maps {float:left; margin-top:70px; width:100%; }
#container1 { width:82%; float:left; margin-left:6.5%;}
#contact2 .maps h1 {width:90%; margin:40px 0 0 5%;}
#red { width:94%; margin:100px 2%;}
.head h1 { font-size:280%; width:94%; margin:5px 3%; line-height:40px;}
	   .w3-button2 { margin-top:350px; right:18%; }
	     .w3-button1 { margin-top:350px; left:18%; }
		 #news .right img {width:50%; float:left; margin-left:20%;}
}
@media screen and (max-width:820px) {
#content .left {width:100%;}
#content .right {float:left; width:100%;}
#content .right iframe {float:left; width:60%; margin-left:20%; padding:60px 0px;}
}
@media screen and (max-width:750px) {
#listings .social ul {width:71%; margin:10px 0 0 29%;}
}

@media screen and (max-width:700px) {
	#news .right {width:100%; float:left;  margin:30px 0% -10px 0%;}
#full { margin:-2px 0 -8px 0;}
#news .left iframe {width:80%; margin:0 0%; }
#banner .left img {width:40%; margin:400px 30% 10px 30%; cursor: pointer;  }
#banner .left h1 {font-size:400%;}
#banner .left {position:absolute; top:0px; padding-bottom:700px; }
#banner {overflow:hidden;}
 body {background:url(images/aeb2.jpg) #CCC left top; background-size:cover; background-attachment:fixed; 
background-position: center; background-repeat: no-repeat;}
#banner img {display:inline;}
#topnav2 .nav {width:96%; margin-left:4%;}
#container1 { width:80%; float:left; margin:0; padding:60px 10%; }
#contact2 .maps {display:none;}
.second {width:92%; margin:30px 4%;}
#top {background-color:#211F1F;}
}	

@media screen and (max-width:650px) {
#listing {margin-top:0;}
#listings .social ul {width:74%; margin:10px 0 0 26%;}
#listing img {height:300px;}
#banner .left { background-color:rgba(0,0,0,0.1);}
}

@media screen and (max-width:620px) {
	#banner .left h4 {font-size:250%;}
#banner .left h2 {margin:0px 0% 0 10%; width:30%; font-size: 190%;}
#banner .left h3 {margin:0px 10.5% 0 0; width:30%; font-size: 190%;}
#footer .close {float:right; width:48%; margin-right:2%;}
#footer .subs {margin-left:2%; width:48%; float:left;}
	#divs { height:260px;  padding-bottom:1450px; margin-bottom:0;}
#divs .alpha {width:96%; margin:10px 2%;}
#divs .alpha2 {width:96%; margin:10px 2%;}
#divs .beta {width:96%; margin:10px 2%;}
#divs .delta {width:96%; margin:10px 2%;}
#divs .alpha h1 { margin:40px 10%;}
#program .programs {width:96%; margin:20px 2%;}
#program h1 {font:40px/44px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
}
@media screen and (max-width:550px) {
	#news .right { margin:30px 0% 50px -5%;}
		#who .thirds {width:96%; float:left; margin:0 0% 70px 2%;}
#who .thirdss {width:96%; float:left; margin:0 2% 70px 2%;}
#who .thirdsss {width:96%; float:left; margin:0 0% 70px 2%;}
		#who1 .thirds {width:96%; float:left; margin:0 0% 70px 2%;}
#who1 .thirdss {width:96%; float:left; margin:0 2% 70px 2%;}
#who1 .thirdsss {width:96%; float:left; margin:0 0% 70px 2%;}
#banner .left img { margin:350px 20% 10px 20%; width:60%;}
	   .w3-button2 { margin-top:350px; right:10%; }
	     .w3-button1 { margin-top:350px; left:10%; }
		 #red { height:1300px;}
		 #listings .social ul {width:68%; margin:10px 0 0 32%;}
#listing .one {width:70%; float:left; margin:40px 2% 40px 15%;}
#listing .two {width:70%; float:left; margin:40px 0% 40px 15%;}
#listing .three {width:70%; float:left; margin:40px 15% 40px 15%;}
#listings .left {width:90%; margin:30px 5%;}
#listings .rights {width:80%; margin:30px 10%;}
#listing h3 { background-color:#DCC04F;}
#listing h1 {color:#DCC04F; font-weight:100; }
#listing {padding-top:20px; }
#listings {padding-top:50px;}
#content .left iframe { width:96%; margin-left:2%; float:left; margin-right:0; }
#content .right iframe {width:92%; margin:10px 4%; height:700px;}
#who1 h1 { font-size:350%;}
#who1 h4 {font:16px/20px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
}	

@media screen and (max-width:500px) {
	#full { margin:-4px 0 -8px 0;}
	#news .right {display:none;}
	#topnav2 .nav ul li {display:inline; margin-right:10px;   }
#topnav2 .nav ul li a { font-size:110%; }
#program .programs {height:auto;}
#program .programs .left {width:100%; margin:0;}
#program .programs .left img {width:50%; margin:0 25%;}
#program .programs .right {width:100%; margin:0;}
.second img { height:120px; }
#listings .social ul {width:70%; margin:10px 0 0 30%;}	
#listings .left p {font-size:145%; margin-top:-5px;}
#listings {background-color:white; padding-top:0px;}
#listing {background-color:white;}
#who1 p {text-align:center; color:black; font-size:150%; width:90%; margin:0 5% 40px 5%;}
	
}	
@media screen and (max-width:450px) {	
#footer input[type=submit]  {margin:-5px 0% 0px 0%;}
#banner .left h2 {margin:0px 0% 0 1%; width:40%; font-size: 190%;}
#banner .left h3 {margin:0px 1% 0 0; width:40%; font-size: 190%;}
#banner .left img { margin:300px 20% 10px 20%;}
#news .left {width:90%; margin-left:5%; height:1400px; overflow:hidden; }
#news .left iframe {height:1400px; width:82%; margin:0; }
#banner .left h4 {font-size:180%;}
#footer .close {float:right; width:45%; margin-right:2%;}
#footer .subs {margin-left:2%; width:51%; float:left;}
#divs .alpha h1 { font:36px/46px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; margin:60px 10%;}
.head h1 { font-size:210%; width:98%; margin:5px 1%; line-height:40px;}
.slideshow-container img {position:relative; margin-top:50px;}
	   .w3-button2 { margin-top:350px; right:5%; }
	     .w3-button1 { margin-top:350px; left:5%; }
		 .second img { height:100px; margin-bottom:-15px; }
		 #red { height:1100px;}
		 #content .left h1 {font-size:400%; line-height:46px;}
		 #who1 h1 { font-size:320%;}
#who1 h4 {font:14px/16px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
}
@media screen and (max-width:420px) {
	#program h1 {font:30px/34px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:600;}
	#contact2 .maps h1 {width:94%; margin:40px 0 0 3%;}
		#listings .social ul {width:73%; margin:10px 0 0 27%;}
		

}	
@media screen and (max-width:400px) {
	#content .right iframe { height:600px;}
	#who1 h1 { font-size:280%;}
    #who1 h4 {font:14px/16px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; padding-right:10px;}
	#full { margin:-6px 0 -8px 0;}
		#topnav2 .nav ul li { margin-right:10px;   }
#topnav2 .nav ul li a { font-size:95%; }
#footer .subs {font-size:90%;}
#footer .close a {font-size:90%;}
	#listings .social ul {width:75%; margin:10px 0 0 25%;}	
}	
@media screen and (max-width:380px) {
#banner .left h2 {margin:0px 0% 0 1%; width:39%; font-size: 190%;}
#banner .left h3 {margin:0px 1% 0 0; width:39%; font-size: 190%;}
}
@media screen and (max-width:360px) {
 #content .left h1 {font-size:350%; line-height:40px;}
}

@-webkit-keyframes mymove {
    from {left: -44%;}
    to {left: 0%;}
}

@keyframes mymove {
    from {left: -44%;}
    to {left: 0%;}
}									
 }