@charset "utf-8";

/*.columns { border: 1px solid green }
*/

body { font-family: arial, helvetica, sans-serif; background: #E0E69C url(../img/hg.jpg) repeat-y fixed; overflow-y: scroll; }

.jwrap { padding: 0; color: #444; font-size: 15px; background-color: #fff; }

@media only screen and (min-device-width: 768px) { 
.jwrap { margin-top: 40px; margin-bottom: 20px;
-moz-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.64);
box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.64);
}
.jrpadl { padding-left: 30px; }
.jrpadr { padding-right: 30px; }
}

p#logo { margin: 20px 0px 10px 0px; text-align: center }
p#slogan { margin: 10px 0px 20px 0px; text-align: center; font-size: 22px; color: #029288 }

div#jnav { margin: 0px 0px 20px 0px; padding: 16px 0px 6px 0px; border-bottom: 11px solid #A8B85B  }
.sub-nav, dl, dd, dt { margin: 0; padding-top: 0; padding-left: 0 }

div.jfooter { border-top: 11px solid #A8B85B; padding: 20px 0px 0px 0px; text-align: center; color: #85AF1D }
.jfp { font-size: 12px; }

h1 { color: #029288; font-weight: normal; font-size: 1.6em; margin: 20px 0px 10px 10px; letter-spacing: 0px; line-height: 1.2em }
h2 { color: #222; font-weight: normal; font-size: 1.3em; margin: 20px 0px 10px 10px; line-height: 1.2em }
h3 { color: #7EB243; color: #7E7573; font-size: 1.3em; margin: 20px 0px 10px 10px; font-weight: bold; letter-spacing: 0px; }

p { line-height: 1.3em; padding-left: 10px; padding-right: 10px }
ul { margin-left: 4.4em }
p a { color: #EF6024 }
p a:hover { color: #7EB341 }
a:focus { outline:0; -moz-outline: 0; }

.panel { padding: 0; border: none; background-color: #FEFAE9 }
.panel p { margin: 20px; padding: 20px; }


/* Only Phones (Portrait) */
/*@media (max-width: 768px) {
}
*/
/* iPad */    
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {  }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {  } */