/* ============================== */
/* ! Layout for desktop version   */
/* ============================== 
body {
line-height:1.25em;
font-size:16px;
font-family:'Times New Roman';
}
*/

/* ========================================== */
/*  The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com  */
/* ========================================== */
/* CSS Resets */

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} 
a img{border:0} 
figure{position:relative} 
figure img{width:100%}
/*  ---------  */
.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: auto;  /*  scroll    hidden auto  visible */
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 2.0%;
float: left;
min-height: 1px;
}

.row .onecol {width: 4.85%;}
.row .twocol {width: 13.45%;}
.row .threecol {width: 22.05%;}
.row .fourcol {width: 30.75%;}
.row .fivecol {width: 39.45%;}
.row .sixcol {width: 48%;}
.row .sevencol {width: 56.75%;}
.row .eightcol {width: 65.4%;}
.row .ninecol {width: 74.05%;}
.row .tencol {width: 82.7%;}
.row .elevencol {width: 91.35%;}
.row .twelvecol {width: 100%;float: left;}

.last {margin-right: 0;}
img, object, embed {max-width: 100%;}
img {height: auto;}


/* ========================================== */
/* ========================================== */
/*  LYMPHEDEMA          ver-2017-05-03  */
/* ========================================== */
/* ! Layout for desktop version   */
body {
line-height:1.25em;
font-size:16px;
font-family:'Times New Roman';
}

/* ! Layout for mobile version   ----   See The 1140px Grid     */
/* Smaller screens */
@media only screen and (max-width: 1023px) {body {font-size: 0.9em;line-height: 1.5em;}}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	body {font-size: 0.8em;-webkit-text-size-adjust: none;}
	.row, body, .container {width: 100%;min-width: 0;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;overflow: auto;}  /*  scroll    hidden auto  visible */
}
/* end of --- Layout for mobile version   ----   See The 1140px Grid     */


/* page */
.topdiv620 {max-width:620px;margin:0 auto;padding:5px 7px 0 7px;clear:both;background-color:#ffffff;}
.topdiv720 {max-width:720px;margin:0 auto;padding:0 7px 0 7px;clear:both;background-color:#ffffff;}

.col-l {width:48%;padding-left:1%;padding-right:1%;clear:left;float:left;vertical-align:top;}
.col-r {width:48%;padding-right:1%;float:right;vertical-align:top;}
.footer {text-align:center;margin:10px 0 10px 0;}

/*  PRINT  */
@media print {body {background-color:#ffffff;}}
/* @media print {table {page-break-after:always;}} */
@media print { #nav {display:none;}}
@media print { #menu {display:none;}}
@media print { #menu-wrap {display:none;}}
@media print { .tablelogo {display:none;}}
.tablelogotext {display:none;}
@media print { .tablelogotext {display:block;}}
@media print { #backtotop {display:none;}}
/*  /PRINT  */

/* p */
.title22 {font-size:20px;text-align: center;letter-spacing:1px;margin: 0 0 0 0;color:#7D775C;}   /* replace with    class="fs20 c ls10 m0"     (missing  color:#7D775C; ) */
.pgtitle1 {text-align:center;margin:0 0 10px 0;line-height:1.1;}  /* replace with    class="fs? c lh11 mb10"   */
.title18lblk {font-size:18px;text-align: left;letter-spacing:1px;margin: 0 0 10px 0;color: #000000;}    /* replace with    class="fs18 tal ls10 mb10"  */
.title4 {font: normal 18px georgia, sans-serif;text-align: center;letter-spacing: 1px;margin: 0 0 0 0;color: #000000;} /* replace with    class="fs18 c ls10 m0"  (missing  font:georgia, sans-serif; )  */
.title {clear:both;text-align:center;font-size: 24px;font-weight:bold;color:blue; }  /* replace with    class="fs24 b c"   (missing  clear:both;color:blue;) */

/* list */
li.header30 {list-style-type:none;margin:7px 0 0 -30px;font-size:16px;font-weight:bold;}  /* replace with    class="fs16 b"   (missing  list-style-type:none;margin:7px 0 0 -30px; )

/*  header  */
.tablelogo {width:100%;background-color:#b9e6ed;margin:0 0 0 0; padding:0 0 0 0;}
.tablelogo1 {width:100%;background-color:#ffb6c1;}
.logotitle-m {font-family:"Times New Roman";font-size:56px;text-align:center;width:100%;line-height:1.2;}
/*  /header  */


/* button */
a.btn-back {background-color:#c6c6c6!important;padding:6px 10px 6px 10px;box-shadow:0 6px #999;border:none;outline:none;border-radius:8px;display:inline-block;}
a.btn-back:hover {color:#0000ff;}
a.btn-back:active {background-color:#c4c4c4;color:#0000ff;box-shadow:0 2px #666;transform:translateY(4px);}
a.btn-back:focus {outline:none;}

/* fix for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#nav {margin:-15px 0 0 0; padding:0 0 0 0;}
div#menu2 {margin:-15px 0 0 0; padding:0 0 0 0;}
}
/* end fix for chrome */

/* fix for ie and see file ---  p1-2_headlinks.php    */
.ie8 div#nav {margin:-15px 0 0 0; padding:0 0 0 0;}
.ie8 div#menu2 {margin:-15px 0 0 0; padding:0 0 0 0;}
/* end fix fix for ie */


/* ========================================== */
/* ========================================== */
/*    style2014-07-08.css ver-2017-05-03  */
/* ========================================== */

/* in local CSS ----------   ver 2017-04
.clear_menufloat {margin-left:50px;} 
body {line-height:1.25;width:620px;margin:0 auto;}   --- see   LYMPHEDEMA  above
div {border:1px solid red;}    --- for testing
--------- */ 
/*html {}    see under  'page'  
body {}     see under  'page'  */

/* a */ 
a:link {color:#0000ff;background-color:transparent;font-weight:normal;font-style:normal;text-decoration:none;} 
a:visited {color:#0000ff;background-color:transparent;font-weight:normal;font-style:normal;text-decoration:none;}
a:hover, a:active {color:#ff0000;background-color:transparent;font-weight:normal;font-style:normal;text-decoration:none;}
a:focus {outline: thin dotted;color:#ff00ff;}

a.btn {background-color:#c6c6c6;padding:3px 10px 2px 10px;box-shadow:0 4px #999;border:none;outline:none;border-radius:7px;display:inline-block;}
a.btn:active {background-color:#c4c4c4;color:#0000ff;box-shadow:0 2px #666;transform:translateY(2px);}
a.btn:hover {background-color:#c4c4c4;color:#0000ff;}

a.btn2 {outline:none;background-color:#eee;color:#333;display:inline-block;padding:7px;vertical-align:middle;text-align:center;text-decoration:none;align-items:flex-start;cursor:default;-webkit-appearence: push-button;border:1px solid #888888;border-radius: 5px;font-size: 1em;font-family: inherit;box-shadow:2px 2px 4px 1px rgba(0,0,0,.5);   //inset=depressed bottom, remove inset=external shadow}
a.btn2:hover {background-color:#d8d8d8;}
a.btn2:active {color:#000;background-color:#eee; box-shadow:2px 2px 4px 1px rgba(0,0,0,.5) inset;border-radius: 5px;}
a.btn2:visited {background-color:transparent;}

/* color */ 
.red {color:#ff0000;}
.green {color:#00ff00;}

/* fonts, text */ 
.i {font-style:italic;} 
.b {font-weight:bold;}
.c {text-align: center;}
.tal {text-align:left;}
.j {text-align:justify;}
.tar {text-align:right;}
.u {text-decoration:underline;}
.n {font-weight:normal;} 
.lh05 {line-height:0.5;} 
.lh08 {line-height:0.8;} 
.lh09 {line-height:0.9;} 
.lh1 {line-height:1.0;} 
.lh11 {line-height:1.1;} 
.lh12 {line-height:1.2;} 
.lh13 {line-height:1.3;} 
.lh14 {line-height:1.4;} 
.lh15 {line-height:1.5;} 
.lh16 {line-height:1.6;} 
.lh17 {line-height:1.7;} 
.lh18 {line-height:1.8;} 
.lh19 {line-height:1.9;} 
.lh2 {line-height:2.0;} 
.lh21 {line-height:2.1;} 
.lh22 {line-height:2.2;} 
.lt {text-decoration:line-through}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}


.ls05 {letter-spacing:.5px;}
.ls06 {letter-spacing:.6px;}
.ls07 {letter-spacing:.7px;}
.ls08 {letter-spacing:.8px;}
.ls09 {letter-spacing:.9px;}
.ls10 {letter-spacing:1px;}
.ls11 {letter-spacing:1.1px;}
.ls12 {letter-spacing:1.2px;}
.ls13 {letter-spacing:1.3px;}
.ls14 {letter-spacing:1.4px;}
.ls15 {letter-spacing:1.5px;}


.fs8 {font-size:8px;}
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}  /* default */
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}
.fs32 {font-size:32px;}
.fs34 {font-size:34px;}
.fs36 {font-size:36px;}
.fs38 {font-size:38px;}
.fs40 {font-size:40px;}
.fs42 {font-size:42px;}
.fs44 {font-size:44px;}

/* p */ 
p {margin-top: 0;}      /* text-align: justify;   [left | justify | right] */
.p0 {padding:0;}
.ltr {direction:ltr;}
.rtl {direction:rtl;}
.floatl {float:left;}
.floatr {float:right;}

.m0 {margin:0;}

.mt0 {margin-top:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}

.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.tab20 {margin-left:20px;}
.indent10 {text-indent:-10px;padding-left:10px;}
.indent15 {text-indent:-15px;padding-left:15px;}
.indent20 {text-indent:-20px;padding-left:20px;}
.indent25 {text-indent:-25px;padding-left:25px;}
.indent30 {text-indent:-30px;padding-left:30px;}
.indent35 {text-indent:-35px;padding-left:35px;}
.indent40 {text-indent:-40px;padding-left:40px;}
.indent45 {text-indent:-45px;padding-left:45px;}
.indent50 {text-indent:-50px;padding-left:50px;}

.pgtitle {font-size:24px;text-align:center;letter-spacing: 1px;margin:0 0 10px 0;clear:both;}
.pheader {background-color: #dedede;font-size:18px;font-weight:bold;text-align:center;margin:0;padding:5px;}
.pheader1 {text-align:left;padding:0;clear:both;}    /* use with   class="pheader1 fs18 b m0"  */
.pmenu a {padding:5px;background-color:transparent;}
.pmenu a:hover {color:black;background-color:#e6e6e6;}
.pgbreak {page-break-after:always}
.spacer {margin:15px 0 0 0;padding:0 0 0 0;}
.spacer100 {margin:100px 0 0 0;padding:0 0 0 0;}

/* manipulation */
.inline {display:inline;}
.clrb {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}

/* miscellaneous */
.bdrtest {border:1px solid red;}


/* page */
html {margin:0;padding:0; }
body {font-size:16px;font-family:Arial, Helvetica, sans-serif;line-height:1.25;}      /*  add to local css    body {max-width:620px;margin:0 auto;}  */
.topdiv {width:100%;margin:0 auto;padding:5px 7px 0 7px;clear:both;background-color:#ffffff;}   /* width:100%; = the width specified in the body {}    */


/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
audio,canvas,img,video {vertical-align: middle;}

/* span */
.right {float:right;}
div.toc {border: solid 1px #000000;width:600px;margin:0 auto;padding: 5px 5px 0px 10px;background-color: #ffffff;font-size:20px;line-height:1.3;}


/* table --- add table width at page code      */
table {border-collapse:collapse;} /* margin:0 auto; */
tr {} 
tr.header {border:1px solid gray;background-color: #dedede;font-size:18px;font-weight:bold;text-align:center;} 
tr.header1 {border:1px solid gray;background-color: #dedede;text-align:center;}   /*   font-size:18px;font-weight:bold;    ex: class="header1 fs18 b"    */
th {font-weight: bold;background-color: #f0f0e1;padding:7px; border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
td {border:1px solid gray;padding:3px 5px 3px 5px;} 
.col1 {}  /*  add width  */
.col2 {}
.col3 {}
.col4 {}

/* list */
/*  list-style-type:square;  [none | circle | disc | square | decimal | decimal-leading-zero |lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | lower-roman | upper-roman | hebrew] */
ul {list-style-position:outside;padding:0 0 0 20px;margin:0 0 0 0;}     
ol {list-style-position:outside;padding:0 0 0 25px;margin:0 0 0 0;}
li.header {list-style-type:none;margin:7px 0 0 -15px;font-size:16px;font-weight:bold;}  
li.header1 {list-style-type:none;margin:7px 0 0 -15px;}         /*  font-size:16px;font-weight:bold;    ex: class="header1 fs16 b"   */

/* print (no print) */
@media print { .noprint {display:none;} }
@media print { * {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;} }   /* Black prints faster: h5bp.com/s */
/* @media print {a,a:visited {text-decoration: underline;}  a[href]:after {content: " (" attr(href) ")";}  abbr[title]:after {content: " (" attr(title) ")";} } */


/* footer */
div.footer {clear:both;padding:10px 0 0 15px;font-size:12px;}
