a {color:#2872a4; text-decoration:underline;}
a:hover, a:active {background:#2872a4; color:#fff;}

.sotc-layout .left {display:none;}
.sotc-layout .right {margin:30px 0 0 0; float:none; width:100%;}

.stations {padding-top:30px;}
.station-list {margin:0; padding:0; list-style:none; overflow:auto;}
.station-list li {width:320px; float:left; margin:0 0 20px 0;}
.station-list li .image {width:100%;}
.station-list li .image a img {display:block; border:0; width:100%; height:150px; background:#fff;}
.station-list li.centre {margin:0 20px 20px 20px;}
.station-list li h2 {margin:0; padding:0; font-size:120%;}
.station-list li h2 a {display:block; padding:20px; background:#FFC425; color:#fff;}
.station-list li:focus h2 a, .station-list li:hover h2 a, .station-list li h2 a:focus, .station-list li h2 a:hover {background:#2872A4;}

.station {padding-top:30px; overflow:auto;}
.station-left {width:67%; float:left; margin-right:3%;}
.station-right {width:30%; float:left; margin-top:50px;}
.station-left .image img {display:block; width:100%; margin:10px 0; max-height:300px;}
.station-right h2 {font-size:120%; background:#2872A4; color:#fff; padding:10px;}
.station-right ul.info {margin:0; padding:0; list-style:none;}
.station-right ul.info li {padding:10px;}
.station-right ul.info li span.label {display:block; font-weight:bold;}
.station-right ul.info li span.label-inline {font-weight:normal; display:inline;}

.prvnxt {margin-bottom:20px;}
.prvnxt a {display:block; background:#429446; padding:10px; margin-bottom:5px; color:#fff; position:relative; padding-left:55px;  line-height:1.5em !important;}
.prvnxt a span {display:block; position:absolute; background:#2a6a2d; padding:15px 17px 16px 17px; top:0; left:0; border-right:1px solid #f7f7f7; text-align:center; font-size:10px;}
.prvnxt a:focus, .prvnxt a:hover {background:#2a6a2d;}

.reading {margin-top:40px;}
.reading-content {padding:10px 20px; text-align:justify; line-height:1.5em; font-style:italic;}
.reading-content br {margin-bottom:10px;}
.reading .passage {font-weight:bold;}

.meditation {background:#f2f2f2; padding:40px; border:1px solid #eee; line-height:1.5em; margin-top:30px;}
.meditation h2 {margin:0; padding:0; font-size:100%; font-weight:bold;}

.sotc-forms {overflow:auto; margin-top:20px;}
.sotc-forms .frm-left, .sotc-forms .frm-right {width:48%; float:left;}
.sotc-forms .frm-left {margin-right:2%;}
.sotc-forms h2 {font-size:120%; background:#2872A4; margin:0 0 20px 0; padding:10px; color:#fff;}
.sotc-forms p {margin-top:0; padding-top:0; font-size:90%;}
form .input input, form .input textarea {padding:10px 2%; font-family:inherit; font-size:90%; width:95%; background:#fff; border:1px solid #ddd;}
form .submit {width:100% !important; text-align:right; overflow:hidden; margin:0; padding:0; float:none;}
form .submit input {background:#429446; border-radius:0; width:auto; margin:10px 0 0 0; float:right; font-size:80%; text-transform:uppercase; height:auto; line-height:auto; padding:5px 10px;}
form .submit input:hover, form .submit input:focus {background:#2a6a2d;}

/*iPhone6*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
.accessibility {display:none;}
header, .main, menu, #menu, footer, .footer, .copy, .links, table {width:100%;}
header .logo1, header .logo2 {width:48%; float:left; overflow:hidden; padding:0; margin:0; font-size:50%;}
header .logo1 {background-size:88%; background-position:20px center;}
header .logo2 {background-size:30px; padding-right:10%; width:28%; padding-top:40px; padding-bottom:0px; margin-left:10%; background-position:right center;}

table {display:none;}

.main {width:90%; padding:20px 5%;}
.main h1 {text-align:center;}
.main img {display:block; width:100% !important; margin:0 auto; float:none !important; margin:0 !important;}
#menu {margin:0; left:0px; top:103px; width:95%; padding:0 0 0 5%; overflow:hidden;}
.contact {width:100%; padding:0 0 20px 0; margin:0; height:auto;, overflow:auto; }
.contact .c_left {margin:0; width:100%; float:none; padding:0; height:auto;}
.contact .c_right {margin:20px 0 0 0; width:100%; float:none; padding:0; text-align:center; height:auto;}
#map_canvas {width:90%; margin:20px auto;}

.links {width:90%; padding:20px 5%; height:auto;}
.links ul {overflow:auto;width:100%; margin:0; padding:0;}
.links li {float:left; width:45%; margin:0 0 10px 0; padding:0;}
.links a img {width:100%;}
.links p {padding:0;}

footer {padding:20px 5%; width:90%;}
.footer .copy, .footer .web_by, .privacy {float:none !important; width:100%; text-align:left; margin:0 0 10px 0; padding:0;}
.footer {height:auto;}

.stations, .station {padding-top:0;}
.station-list li {width:100%; float:none; margin:0 0 20px 0;}
.station-list li.centre {margin:0 0 20px 0;}

.station-right, .station-left {float:none; width:96%; margin:0 2% 20px 2%;}
.meditation {padding:20px;}

.sotc-forms .frm-left, .sotc-forms .frm-right {width:96%; float:none; margin:20px 2%;}
.submit input {-webkit-appearance:none; border-radius:0; padding:5px 20px !important;}
}

/*iphone 5*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
#accessibility {display:none;}
.accessibility {display:none;}
header, .main, menu, #menu, footer, .footer, .copy, .links, table {width:100%;}
header .logo1, header .logo2 {width:48%; float:left; overflow:hidden; padding:0; margin:0; font-size:50%;}
header .logo1 {background-size:88%; background-position:20px center;}
header .logo2 {background-size:30px; padding-right:10%; width:28%; padding-top:40px; padding-bottom:0px; margin-left:10%; background-position:right center;}

table {display:none;}

.main {width:90%; padding:20px 5%;}
.main h1 {text-align:center;}
.main img {display:block; width:100% !important; margin:0 auto; float:none !important; margin:0 !important;}
#menu {margin:0; left:0px; top:103px; width:95%; padding:0 0 0 5%; overflow:hidden;}
.contact {width:100%; padding:0 0 20px 0; margin:0; height:auto;, overflow:auto; }
.contact .c_left {margin:0; width:100%; float:none; padding:0; height:auto;}
.contact .c_right {margin:20px 0 0 0; width:100%; float:none; padding:0; text-align:center; height:auto;}
#map_canvas {width:90%; margin:20px auto;}

.links {width:90%; padding:20px 5%; height:auto;}
.links ul {overflow:auto;width:100%; margin:0; padding:0;}
.links li {float:left; width:45%; margin:0 0 10px 0; padding:0;}
.links a img {width:100%;}
.links p {padding:0;}

footer {padding:20px 5%; width:90%;}
.footer .copy, .footer .web_by, .privacy {float:none !important; width:100%; text-align:left; margin:0 0 10px 0; padding:0;}
.footer {height:auto;}

.stations, .station {padding-top:0;}
.station-list li {width:100%; float:none; margin:0 0 20px 0;}
.station-list li.centre {margin:0 0 20px 0;}

.station-right, .station-left {float:none; width:96%; margin:0 2% 20px 2%;}
.meditation {padding:20px;}
}

/*iphone 4*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
#accessibility {display:none;}
.accessibility {display:none;}
header, .main, menu, #menu, footer, .footer, .copy, .links, table {width:100%;}
header .logo1, header .logo2 {width:48%; float:left; overflow:hidden; padding:0; margin:0; font-size:50%;}
header .logo1 {background-size:88%; background-position:20px center;}
header .logo2 {background-size:30px; padding-right:10%; width:28%; padding-top:40px; padding-bottom:0px; margin-left:10%; background-position:right center;}

table {display:none;}

.main {width:90%; padding:20px 5%;}
.main h1 {text-align:center;}
.main img {display:block; width:100% !important; margin:0 auto; float:none !important; margin:0 !important;}
#menu {margin:0; left:0px; top:103px; width:95%; padding:0 0 0 5%; overflow:hidden;}
#menu ul li a {font-size:12px;}
.contact {width:100%; padding:0 0 20px 0; margin:0; height:auto;, overflow:auto; }
.contact .c_left {margin:0; width:100%; float:none; padding:0; height:auto;}
.contact .c_right {margin:20px 0 0 0; width:100%; float:none; padding:0; text-align:center; height:auto;}
#map_canvas {width:90%; margin:20px auto;}

.links {width:90%; padding:20px 5%; height:auto;}
.links ul {overflow:auto;width:100%; margin:0; padding:0;}
.links li {float:left; width:43%; margin:0 0 10px 0; padding:0;}
.links a img {width:100%;}
.links p {padding:0;}

footer {padding:20px 5%; width:90%; height:auto;}
.footer .copy, .footer .web_by, .privacy {float:none !important; width:100%; text-align:left; margin:0 0 10px 0; padding:0;}
.footer {height:auto;}

.stations, .station {padding-top:0;}
.station-list li {width:100%; float:none; margin:0 0 20px 0;}
.station-list li.centre {margin:0 0 20px 0;}

.station-right, .station-left {float:none; width:96%; margin:0 2% 20px 2%;}
.meditation {padding:20px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

}