/* ott1.com style */

* {
  box-sizing: border-box;
  padding: 0px;
}

body{
background-color:#c8c8c8;
color:#000000;
font-size:18px;
font-family:arial,sans-serif;
line-height:18px;	
padding:2px;
border:0px solid #c8c8c8;
border-radius:15px;
}


body a:link, body a:visited {
color: #000000;
text-decoration: none;
}

body a:active, body a:hover {
color: #000000;
text-decoration:underline;
background-color: #b3d9ff;
}

#wrap{
width: 100%;
float: right;
}

#div02{
margin: auto;
width: 100%;	
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

#rowm #row1 #row2 #row3 #row4 #row5 #rowf {
  background-color: white;
  padding: 4px;
  width: 100%;
  float: center;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
 /* added for custom alignment */ 
    .col-31 {width: 10.33%;}
	.col-41 {width: 37.33%;}
	.col-91 {width: 79%;}
}


/* start header table */
#tbl01 {
border: 0px solid black;
width: 80%;
}

#tr01-tbl01{
}

#td01-tr01-tbl01{
vertical-align: top;
width: 31%;
text-align: right;
}
	
#td02-tr01-tbl01{
vertical-align: top;
width: 69%;
text-align: left;
}
	/* end header table */
	
	/*start of 2nd table */	
#tbl02 {
border: 0px solid black;
width: 80%;
background-color: #ffffff;
}

#div01 {
text-align: center;
font-size: 19px;
line-height: 20px;
}

	/* start of top menu - part of 1st row 2nd table */
#tbl021{
border: 0px solid black;
width: 80%;
background-color: #ffffff;
}
	
#tr01-tbl02 {
background-color: #f2f7fc;
}

#menu2{
color: #ffffff;
font-size: 26px;
line-height: 26px;	
background-color: #f2f7fc;
}

#menut3 {	
background-color: #f2f7fc;
}

#menusa3{
background-color: #f2f7fc;
}

	/* 2nd row 2nd table */
#tr02-tbl02{
}

#td01-tr02-tbl02{
width: 60%;
font-size: 19px;
line-height: 20px;
border: 0px solid black;
}

#div01 h1 {
text-align: center;
font-size: 19px;
line-height: 20px;
}

#plusone{
padding: 15px;
text-align: left;
width: 45%;
}


#p01{
padding: 15px;
text-align: left;
}

#td02-tr02-tbl02{
padding: .02cm .02cm .02cm .02cm;
}

	/*start of 3rd table */
#tbl03 {
border: 0px solid black;
width: 80%;
background-color: #ffffff; /*change to white to remove norders. */
vertical-align: top;
}

#tr01-tbl03 {
width: 100%;
border: 0px;
}

#div04{
border: 3px solid blue;
border-radius: 25px;
width: 55%;
max-width: 100%;
}

#td01-tr01-tbl03{
vertical-align: top;
width: 55%;
text-align: left;
border: 0px solid black;
padding: 25px;
}

#td01-tr01-tbl03 > p > b{
padding: 15px;
text-align: left;	
}

#td01-tr01-tbl03 > ul {
padding: 35px;
}

#p04{
text-align: right;
padding: 10px;
}

#p05{
text-align: left;
padding: 10px;
}

#p06{
text-align: left;
padding: 10px;
}

#p07{
text-align: left;
padding: 10px;
}

p{
padding: 10px;
}

#td02-tr01-tbl03{
vertical-align: top;
width: 45%;
text-align: left;
border: 0px solid black;
padding: 25px;
}

#div03{
vertical-align: middle;
border: 3px solid blue;
border-radius: 25px;
width: 100%;
}

#p03{
text-align: center;
font-weight: bold;
width: 100%;
}

	/*table inside of row 1 2nd cell 3rd table */
#tbl031 {
border: 0px solid black;
width: 100%;
vertical-align: top;
}

#tr01-tbl031 {
}

#td01-tr01-tbl031 > p > b{
text-align: left;	
padding: 15px;
}

#td01-tr01-tbl031 > ul{
padding: 15px;
text-align: left;
}

#td01-tr01-tbl031{
padding: 10px;
text-align: center;
}

#tr02-tbl03{
}

#td01-tr02-tbl03{
padding: 10px;
text-align: left;
}

#td02-tr02-tbl03{
padding: 10px;
text-align: left;
}

/* start bottom menu table */
#tbl04 {
border: 0px solid white;
width: 80%;
background-color: #f2f7fc;
}

#tr01-tbl04 {
width: 80%;	
background-color: #f2f7fc;
}

#menu{
color: #ffffff;
font-size: 27px;
line-height: 27px;	
background-color: #f2f7fc;
}


/* end bottom menu table */

/* start footer table */
#tbl05{
width: 80%;
border: 0px solid black;
}

#tr01-tbl05{
width: 100%;
}

#td01-tr01-tbl05{
padding: 20px;
width: 20%;
}

#td02-tr01-tbl05{
height: 24px;
width: 80%;
}

#td03-tr01-tbl05{
width: 10%;
}
/* end footer table */

/* addon for services page */

#td01-tr02-tbl02s{
width: 100%;
font-size: 19px;
line-height: 20px;
border: 0px solid black;
}

#div01s > h1{
font-size: 32px;
width: 100%;
text-align: center;
}

#tbl04s{
width: 80%;
background-color: #ffffff;
border: 0px solid blue;
padding: 10px;
}

#td01-tr01-tbl04s{
font-size: 16px;
line-height: 17px;
border: 3px solid green;
border-radius: 25px;
text-align: left;
padding: 20px;
width: 50%;
vertical-align: top;
}

#td02-tr01-tbl04s{
vertical-align: middle;
text-align: center;
}

#tbl05s{
width: 80%;
background-color: #ffffff;
}

#td01-tr01-tbl05s{
font-size: 19px;
line-height: 20px;
border: 0px solid black;
background-color: #ffffff;
padding: 10px;
}

#tbl06s{
width: 80%;
background-color: #ffffff;
padding: 20px;
}

#td01-tr01-tbl06s{
vertical-align: middle;
text-align: center;
}

#td02-tr01-tbl06s{
font-size: 16px;
line-height: 17px;
border: 3px solid blue;
border-radius: 25px;
text-align: left;
padding: 20px;
width: 50%;
vertical-align: top;
}


#tbl07s{
width: 80%;
background-color: #ffffff;
padding: 20px;
}

#td01-tr01-tbl07s{
font-size: 19px;
line-height: 20px;
border: 0px solid black;
background-color: #ffffff;
}

#tbl08s{
width: 80%;
background-color: #ffffff;
padding: 20px;
}

#tr01-tbl08s{
}

#td01-tr01-tbl08s{
font-size: 19px;
line-height: 20px;
border: 0px solid black;
background-color: #ffffff;
}

/* addon for contact us page */

#tbl03c{
width: 80%;
background-color: #ffffff;
padding: 20px;
}

#tr01-tbl03c{
font-size: 16px;
line-height: 17px;
border: 3px solid blue;
border-radius: 25px;
text-align: left;
padding: 20px;
width: 50%;
vertical-align: top;
}

#td01-tr01-tbl03c{
width: 35%;
}

/* addon for custom error pages */

#div03404{
font-size: 12px;
line-height: 13px;
border: 3px solid blue;
border-radius: 15px;
text-align: left;
width: 80%;
background-color: #ffffff;
padding: 20px;
vertical-align: top;
}


/*security alerts */

#tbl03f1{
font-size: 14px;
line-height: 14px;
border: 0px solid blue;
text-align: left;
width: 80%;
vertical-align: top;
word-wrap: break-word;
}

div#site {
	width: 100%;
	height: auto;
word-wrap: break-word;
overflow: auto;
}

div#sp_input {
	background-color:#ffc;
	border:2px solid #f90;
	padding:5px;
	text-align:center;
}

div#sp_input input.text {
	border:1px solid #999;
	background:#e9f5ff url(feed.png) no-repeat 4px 50%;
	width:75%;
	padding:2px 2px 2px 28px;
	font:18px/22px "Lucida Grande", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	word-wrap: break-word;
}

form#sp_form {
	margin:15px 0;
}

div.focus {
	margin:0;
	padding:1px 1px;
	background-color:#efe;
}

p.sample_feeds {
	text-align:justify;
	word-wrap: break-word;
	width:auto;
	Height: 250px:
}


/*drop down menu */

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}