/* full website */

a {
 line-height: 1.3;
 font-size: 1em;
 font-weight: 600;
 text-decoration: none;
}
a:hover {
}
button {
 border-radius: 10px;
 font-size: 1em;
 font-weight: 600;
}
h1 {
 clear: none; /* keeps both sides clear of floating objects */
 padding: 1em 0% 0.5em 0%;
 font-size: 1.5em;
 font-weight: 600;
}
h2 {
 clear: none;
 padding: 1em 0% 0.5em 0%;
 font-size: 1.4em;
 font-weight: 600;
}
h3 {
 clear: none;
 padding-top: 0.2em;
 padding-right: 2%;
 font-size: 1.2em;
 font-weight: 600;
}
h4 {
 clear: none;
 padding: 1em 0% 0.5em 0%;
 font-size: 1.2em;
 font-weight: 600;
}
h5 {
 clear: none;
 font-size: 1.15em;
}
h6 {
 clear: none;
 font-size: 1em;
}
header {
 padding: 0 4%;
 text-align: left;
}
input {
 margin: 0em 2% 0em 1%;
 background-color: #ffe;
 padding: 0.2em 1% 0.2em 1%;
 font-size: 1em;
}
label {
 padding: 0 1%;
 display: inline-block;
}
li {
 margin: 0.2em 0% 0.3em 2%;
}
p {
 padding: 0.5em 0% 0.3em 0%;
}
section {
 margin: 1em 0%;
 border: 1px solid #aaa;
 border-radius: 10px;
 background-color: #fff;
 padding: 0.5em 1% 1em 1%;
}
select {
 margin: 0em 2% 0em 1%;
 background-color: #ffe;
}
select option {
 border: 1px solid #fff;
 padding: 0.4em 8px 0.4em 8px;
}
select option:hover {
 text-shadow: 1px 1px 0px #777;
}
td {
 font-size: 1em;
}
textarea {
 margin: 0em 2% 0em 1%;
 background-color: #ffe;
 padding: 0em 0% 0.2em 1%;
 font-size: 1.5em;
}
th {
 font-size: 1em;
 font-weight: 600;
}
ul, ol {
 margin: 0 0% 0 1%;
 padding-left: 1%;
 font-size: 1em;
}
/* --- end tags, begin site structure --- */
#entire {
 text-align: left;
 font-size: 90%;
 color: #000;
}
#toplinks {
 position: absolute;
}
#title {
 padding: 0.5em 1%;
 text-shadow: 2px 2px 2px #369;
}
#title a:hover {
 background: none;
 text-shadow: 2px 2px 2px #333;
}
#title.block3 img {
 height: 8em;
}
#title .block3c {
 margin: 0 2%;
}
a.title {
 line-height: 1;
 font-family: Georgia, Times, serif;
 font-size: 2.4em;
 font-weight: 600;
 color: #eee;
}
a.title:hover {
 background: none;
}
a.subtitle {
 line-height: 1;
 font-family: Georgia, Times, serif;
 font-size: 1.4em;
 font-weight: 600;
 color: #ddd;
}
a.subtitle:hover {
 background: none;
}
.phntitle {
 padding: 0.2em 0% 0 0%;
 font-size: 1.3em;
 font-weight: 500;
 color: #eee;
}
.titlepic {
 border-radius: 5px;
 padding: 0.3em 0% 0.1em 10px;
}
#mainnav {
 clear: both;
 margin-top: 1em;
}
#navbar { /* nav container */
 overflow: hidden;
 margin: 0;
 padding: 0 1% 0 5%;
 font-size: 1.3em;
 font-weight: 600;
 text-shadow: 1px 1px 1px #333;
}
#navbar li { /* all blocks */
 list-style-type: none;
}
#navbar > li { /* tab containers */
 float: left;
 margin: 0 10px;
}
#navbar li a { /* all links */
 display: block;
 padding: 2px 10px;
 text-decoration: none;
 color: #eee;
}
#navbar > li > a { /* tab links */
 display: block;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 30%);
}
#navbar li ul { /* hidden drop down */
 display: none;
}
#navbar li:hover ul { /* drop down */
 display: block;
 position: absolute;
 margin: 0;
 border-bottom: 2px solid #f9f9f9;
 border-left: 2px solid #f9f9f9;
 border-right: 2px solid #f9f9f9;
 padding: 0;
 z-index: 20;
}
#navbar li li { /* drop down blocks */
 margin: 0;
 border-bottom: 1px solid #999;
}
#navbar li li a:hover { /* drop down links */
 color: #ff0;
}
.pPK500 {
 line-height: 0.2;
}
#pagetitle {
 overflow: hidden;
 display: block;
 margin: 0 0%;
 background: linear-gradient(rgba(249, 249, 249, 1), rgba(249, 249, 249, 0) 30%);
 background-color: #369;
 padding: 0.4em 0% 0 0%;
 text-align: center;
 line-height: 2;
 color: #eee;
}
.pagetitle {
 margin: 0 0%;
 padding: 0 2%;
 font-size: 1.4em;
 font-weight: 600;
 text-shadow: 2px 2px 1px #333;
}
.pagedesc {
 font-size: 1.2em;
 font-weight: 500;
 text-shadow: 1px 1px 1px #333;
}
#body {
 position: relative;
 margin: 0em 0%;
 border: 10px solid #369;
 background-color: #369;
 padding: 0 0%;
}
#submenu {
 position: absolute;
 width: 20%;
 margin: 0;
 font-size: 1.15em;
}
#submenu li {
 margin: 5px 0%;
 list-style-type: none;
 color: #ccc;
}
#submenu ul {
 padding: 0em 0 1em 0;
}
#submenu a {
 display: block;
 margin: 0em 2%;
 border-radius: 4px 0px 0px 4px;
 padding: 0 2% 0 3%;
 text-align: right;
 line-height: 1.5;
 font-size: 1em;
 font-weight: 600;
 text-decoration: none;
 color: #ff3;
}
#submenu a:hover {
 background-color: #666;
 color: #ff3;
}
#submenu a:active {
 position: relative;
 top: 1px;
 left: 1px;
}
#sidemenu a {
 background-color: #fc0;
 color: #333;
}
#sidemenu a.currentpage{
 background-color: #eee;
 text-shadow: none;
 color: #666;
}
#sidemenu a.currentpage:hover {
 color: #00f;
}
#sidelinks a {
 font-size: 0.85em;
}
.sidetitle {
 padding: 0 4% 0 2%;
 text-align: center;
 line-height: 2;
 font-size: 1.1em;
 font-weight: 600;
 color: #ccc;
 text-decoration: underline;
 text-shadow: 1px 1px 1px #333;
}
#pagelinks a {
 background-color: #acf;
 color: #333;
}
.content {
 margin: 0 0% 0 20%;
 width: 80%;
 border-radius: 20px;
 background-color: #eee;
 text-align: justify;
 padding: 2px 1%;
 line-height: 1.3;
 font-size: 1em;
 font-weight: 500;
 color: #000;
}
.content ul {
 padding-top: 0.4em;
 padding-bottom: 0.4em;
}
.content li {
 padding-top: 1px;
 padding-bottom: 1px;
}
.content a {
 font-size: 1.1em;
 font-weight: 600;
 text-shadow: 1px 1px 0px #ddd;
 color: #339;
}
.content a:visited {
 color: #339;
}
.content a:hover {
 text-shadow: 1px 1px 0px #777;
}
.tablefull {
 text-align: justify;
 padding: 2px 1%;
 line-height: 1.3;
 font-size: 1em;
 font-weight: 500;
}
.tablefull ul {
 padding-top: 0.4em;
 padding-bottom: 0.4em;
}
.tablefull li {
 padding-top: 2px;
 padding-bottom: 2px;
}
.tablefull a {
 font-size: 0.9em;
 font-weight: 600;
}
.pagefull {
 text-align: justify;
 padding: 2px 1%;
 line-height: 1.3;
 font-size: 1.1em;
 font-weight: 500;
}
.pagefull a {
 font-size: 1em;
 font-weight: 600;
}
.pagefull ul {
 padding-top: 0.5em;
 padding-bottom: 1em;
}
.pagefull li {
 font-size: 1em;
 font-weight: 500;
}
.pagepic {
 margin: 1.6em 1% 0.5em 1%;
 border-width: 4px;
}
.statustitle {
 padding: 1em 0 0.5em;
 font-size: 1.1em;
 font-weight: 600;
}
.sectiontitle {
 padding: 1em 0 0.5em;
 font-size: 1.1em;
 font-weight: 600;
}
.sectionheading {
 padding-top: 1em;
 padding-right: 2%;
 font-weight: 600;
}
#foot {
 margin-top: 10px;
 border-radius: 10px;
 font-size: 1.1em;
 font-weight: 600;
}
.phn {
 padding: 0.4em 2%;
 font-size: 1.2em;
 font-weight: 600;
}
#footer {
 line-height: 1.5;
 font-size: 0.9em;
}
#footer a {
 font-size: 0.9em;
 font-weight: 600;
}
#footer a.big {
 font-size: 1.1em;
}
#footer a.cname {
 font-size: 1.4em;
 text-shadow: 1px 1px 1px #666;
}
#alinks {
 margin: auto;
 width: 80%;
 border: 1px solid #999;
}
#alinks ul {
 display: inline-block;
 margin: 0 0%;
 padding: 0 0%;
 vertical-align: top;
 text-align: center;
}
#alinks a {
 color: #333;
}
#alinks a:visited {
 color: #000;
}
/* --- end site structure, begin custom styles --- */
div.fblockh, div.flineleft, div.fbuttonleft {
 width: 75%;
}
.fblock {
 padding-top: 0.6em;
}
.fblockh {
 padding-top: 0.4em;
}
.ferror {
 padding-bottom: 0.4em;
 font-size: 0.9em;
}
.ferror, .fline, .flineleft, .fbutton, .fbuttonleft {
 padding-top: 0.4em;
}
.fline, .flineleft {
 padding-bottom: 0.6em;
}
.fline div {
 padding-top: 0.4em;
 padding-bottom: 0.4em;
}
.frow, .frowm {
 padding: 0.4em 2%;
}
.frowleft, .frowmleft {
 padding-right: 1%;
}
.frowrt, .frowmrt {
 padding-left: 1%;
}
.fbutton, .fbuttonleft {
 padding-bottom: 0.4em;
}
.formrq {
}
.box {
 width: 1em;
 height: 1em;
}
.lgbutton {
 padding-top: 0.3em;
 padding-bottom: 0.3em;
 font-size: 1.3em;
}
.paybutton {
 padding: 10px;
}
.bordered {
 padding: 0.5em 2% 1em 2%;
}
.grayblock {
 padding: 0.5em 2% 1em 2%;
}
.alertblock {
 padding: 0.5em 2% 1em 2%;
}
.note {
 padding: 1.6em 0% 0.6em 0%;
 font-size: 0.9em;
 font-weight: 600;
}
.comment {
 font-size: 0.9em;
}
.question {
 padding: 0 0% 0 0%;
 font-size: 1.1em;
 font-weight: 600;
}
.labels {
 line-height: 1.6;
 font-size: 1.2em;
 font-weight: 600;
}
#FSearch h1 { 
 height: 3em;
}
#svideo {
 display: inline-block;
 margin-top: 1em;
 margin-left: 2%;
 width: 60%;
}
#ssteps {
 display: inline-block;
 width: 35%;
 vertical-align: top;
 padding-top: 3em;
 padding-left: 2%;
 text-align: left;
}
#packagechart a {
 font-size: 1.1em;
 line-height: 1.6;
 display: block;
}
#packagechart a:hover {
 background-color: #060;
 color: #ddd;
}
#apchart {
 font-size: 1.1em;
}
tr.pad { /* padding the tr itself pushes the td elements around */
 padding: 0;
}
tr.pad td {
 padding: 0.3em 2%;
}
tr.taller td {
 line-height: 2;
}
#tprofilert {
 float: right;
 position: relative;
 width: initial;
 padding-top: 1em;
 padding-right: 1%;
}
.tpicrt {
 max-width: 150px;
 margin-left: auto;
}
.tpicrt img {
 width: 100%;
 border-width: 2px;
 border-style: solid;
 border-radius: 10px;
 border-top-color: #fff;
 border-bottom-color: #444;
 border-left-color: #bbb;
 border-right-color: #777;
}
.tcontact {
 display: inline-block;
 margin-bottom: 0em;
 min-width: 150px;
 padding: 0.5em 1%;
 text-align: left;
}
.tblock {
 display: block;
 margin: 1em 0%;
 max-width: 1000px;
 min-height: 60px;
 border-width: 2px;
 border-style: solid;
 border-radius: 10px;
 border-top-color: #fff;
 border-bottom-color: #444;
 border-left-color: #bbb;
 border-right-color: #777;
 background-color: #eee;
 padding: 0.5em 1% 1em 1%;
 text-align: left;
}
.tblock a {
 font-size: 1em;
 font-weight: 600;
 text-shadow: 1px 1px 0px #ddd;
}
.tblock a:hover {
 text-shadow: 1px 1px 0px #999;
}
.tblocktop {
 float: right;
 position: relative;
 margin-left: 1%;
 margin-right: 1%;
 font-size: 0.9em;
 color: #999;
}
.tsummary {
 margin: 8px 1% 0 0%;
 width: 85%;
 line-height: 1.2;
 padding-left: 2%;
 font-size: 1em;
}
.tsummary a {
 white-space: nowrap;
}
.tsummary ul {
 line-height: 1;
 font-size: 1em;
}
.tblock .tpic {
 display: inline-block;
 width: 10%;
}
.thumbpic {
 margin: 8px 1% 0 0%;
 max-width: 150px;
 min-width: 60px;
 width: 100%;
 height: auto;
 border-width: 2px;
 border-top-color: #fff;
 border-bottom-color: #444;
 border-left-color: #bbb;
 border-right-color: #777;
 border-radius: 10px;
}
.tutorpic {
 margin: 1.2em 1% 2em 1%;
 border-radius: 10px;
}
.tutorentry {
 padding-top: 0.2em;
 line-height: 1.4;
 font-size: 1em;
 font-weight: 600;
}
.thumbcard {
 margin: 0.5em 1%;
 width: 180px;
 height: 108px;
}
.profilesize1 {
 width: 150px;
 height: 200px;
}
.profilesize2 {
 width: 75px;
 height: 100px;
}
/* --- end custom styles, begin individual properties --- */
.block {
 display: block;
 padding: 0.3em 8px;
}
.margin {
 margin: 0.5em 2%;
}
.marginsides {
 margin-left: 1%;
 margin-right: 1%;
}
.margint {
 margin-top: 0.8em;
}
.marginb {
 margin-bottom: 1em;
}
.indent {
 margin-left: 2%;
}
.pad {
 padding: 0.2em 2%;
 text-align: center;
}
.padmin {
 padding: 0.2em 1%;
}
.padall {
 padding: 0.4em 2%;
}
.padsides {
 padding-left: 2%;
 padding-right: 2%;
}
.padt {
 padding-top: 0.4em;
}
.padb {
 padding-bottom: 0.4em;
}
.padleft {
 padding-left: 2%;
}
.padrt {
 padding-right: 2%;
}
.taller {
 line-height: 2;
}
.tall {
 line-height: 1.5;
}
.biggest, a.biggest {
 font-size: 1.4em;
}
.bigger, a.bigger {
 font-size: 1.2em;
}
.big, a.big { /* big/small normalizes with @media/mobile, while size# doesn't */
 font-size: 1.1em;
}
.small, a.small {
 font-size: 0.9em;
}
.smaller, a.smaller {
 font-size: 0.8em;
}
.smallest, a.smallest {
 font-size: 0.6em;
}
/* --- end individual properties, begin media breakpoints --- */
@media (min-width: 800px) { /* above 800px */
.maxwidth, .form, .formb { /* limit section width to approx 10 characters */
 max-width: 800px;
}
} /* end @media above 800px */

@media (min-width: 600px) { /* above 600px */
.nofull {
 display: none;
}
} /* end @media above 600px */

@media (max-width: 1150px) { /* below 1150px */ 
#submenu { /* hide/show submenu */
 display: none;
}
.content {
 margin: 0 1%;
 width: 98%;
}
#apchart {
 font-size: 1em;
}
} /* end @media below 1150px */

@media (max-width: 800px) { /* below 800px */
.pagepic { /* hide/show page pic */
 display: none;
}
#title .block3rt img, #tsearchbox .block3rt img { /* hide/show right pic */
 display: none;
}
.ifwide {
 display: none;
}
#navbar {
 font-size: 1.1em;
}
#pagetitle {
 line-height: 1.4;
 font-size: 0.8em;
}
#ssteps {
 padding-top: 0;
}
.maxwidth ul {
 margin-right: 4px;
}
} /* end @media below 800px */

@media (max-width: 600px) { /* below 600px */
div.fline, div.flineleft, div.ferror, div.fbutton, div.fbuttonleft, div.fblockh { /* center instead of 35/65 */
 width: 98%;
}
div.frowleft { /* allow wrap so won't hide multiple inline inputs */
 white-space: normal;
}
.tblocktop {
 font-size: 0.8em;
}
.tblock header {
 display: inline-block;
 width: 75%;
 padding-top: 2em;
 text-align: left;
}
.tblock .tpic {
 float: left;
 width: 20%;
 text-align: right;
}
.thumbpic {
 max-width: 75px;
 min-width: 30px;
 border: 2px solid #999;
 border-radius: 50% 50%;
}
.tsummary {
 width: 100%;
}
#navbar > li {
 margin: 0 2px;
}
header { 
 font-size: 0.8em;
}
#svideo, #ssteps {
 display: block;
 width: inherit;
}
#pcchart .chartlabels > span {
 min-height: 3.4em;
}
#pcchart .chartline > span {
 min-height: 3.4em;
}
.big, .bigger, .biggest {
 font-size: 1em;
}
tr.pad td {
 padding: 0.3em 0%;
}
#title .block3c {
 margin-left: 100px;
}
.nomobile, #title .block3left img {
 display: none;
}
} /* end @media below 600px */