body {font-family:arial; font-size:14px; }
.no-repeat{background-repeat:no-repeat;}
.top-bar{position:fixed; left:10%;top:0px; min-width:800px; width:80%;height:120px;}
.bottom-bar{position:fixed; left:10%; bottom:0px; width:80%;height:40px;}

.main-div-style{z-index:-1; position:absolute; left:10%;top:80px; width:80%; height:100px; min-width:800px;
border-left:2px solid #ddd; border-right:2px solid #ddd; padding-top:50px; }

.title-left{background-image:url("images/title-row-left.png");}
.title-right{background-image:url("images/title-row-right.png");}

.share-button{border-radius:6px; height:22px;}
.desktopOnly{display:inline-block;}
.mobileOnly{display:none;}
.spacer{width:40px;} 
.wfull{width:100%;}

.h35{height:35px;}

.body-container{max-width:80%; padding-left:10%; line-height:25px; font-size:1em; padding-bottom:50px;}
.body-title{font-size:1.75em;}

.centerit{text-align:center;}
.bold{font-weight:bold;}
.rightit{text-align:right;}
a:link {cursor: hand; text-decoration:none; color:#0000CC;}
a:visited {color: #0000CC; text-decoration:none;}
.hand{cursor:pointer;cursor:hand;}
.ltblue{background-color:#ccf2ff;}

.blueText {color: #0000CC; } 
.redText {color: #FF0000;} 

.pad5{padding:5px;}  .pad10{padding:10px;}
.padT10{padding-top:10px;}
.padL20{padding-left:20px;} .padL30{padding-left:30px; }
.padLR10{padding-left:10px; pdding-right:10px;}   .padLR20{padding-left:20px; padding-right:20px;} 

.menu-box{background-color:#e6f2ff; font-size:12px; box-shadow: 3px 3px #b3cce6; }

.dropdown-item{color:#0000CC;} /* overwrite bootstrap */
.dropdown-item:hover{background-color:#b3e0ff; color:#0088cc;} /* overwrite bootstrap */
.btn-outline-primary{border:1px solid #e6faff; background-color:#ccf5ff; font-size:12px;} /* overwrite bootstrap */

.size12{font-size:12px;} 
.size14{font-size:14px;} 
.size2{font-size:1.2em;} 
.size5{font-size:1.5em;}

.roundit{border:1px solid #aaa;  border-radius:8px; width:auto;}

.phone-nmuber{font-size:1.3em; color:#003399; float:right;padding:50px 5px 1px 1px;}
.blue-check{list-style-image: url("images/checkBlue.png"); margin-top:1px;}
.black-check{list-style-image: url("images/checkBlack.png"); margin-top:1px;}
.red-bullet{list-style-image: url("images/no-bullet.png"); margin-top:1px;}
/*====================================*/
* { box-sizing: border-box;}
.flex-container { display: flex; flex-wrap: wrap;justify-content: center;}
.flex-item { max-width:30vw; max-height:30vh;padding: 5px; text-align: center;  flex: auto;}
.fit-width{max-width:99%;height:auto;}