body  {
	font-family: Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.twoColElsLtHdr #container { 
	width: 90%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	
} 
/*.twoColElsLtHdr #header { 
        background: #ffffff url('http://designairmorrobay.com/images/headerbg.jpg') no-repeat; 
       width:100%;
	padding: 0 0px;  
} */

.3col #header {
	width:100%;
	padding: 0 0px;  
}
.twoColElsLtHdr #header h2 {
color:#ffffff;
font-family:arial,san-serif;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 4px 3em; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 18em; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 5px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 5px;
}

#sidebar1 ul{list-style-type:none;
	padding-left: 1em;
}
#sidebar1 li{
	display:block;
}
.twoColElsLtHdr #mainContent {
	margin: 0 1.5em 0 20em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
.twoColElsLtHdr #footer { 
	padding: 1em 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.twoColElsLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright{
    clear:right;
}
.smfnt{font-size:.9em; }
ul
{
list-style-type:none;
margin:0;
padding:0;
}
ul.b {list-style-type:square; margin-left:1em;}

.big {line-height:140%;}
.center
	{text-align:center;}
.left	{text-align: left;} /*this overrides the text-align: center on the body element. */
.lnav{
list-style-type: none;
}
a
{
display:block;
padding-left:5px;
color:#0000ff;
}
.lnav a:link {background-color:#EBEBEB; text-decoration:none;}
.lnav a:visited {background-color:#EBEBEB; text-decoration:none;}
.lnav a:hover { color:#FFFF33; background-color:#3333cc;}
.lnav a:active {background-color:#FF704D;} 

.p2{
	padding-left:5px;
}
#foot ul {list-style-type:none;}
#foot a {color:#0000ff; display:inline;}

  .invisible {
 position: absolute;
 left: -9999px;
}

.topmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0 5%;
    overflow: hidden;
   /* border: 1px solid #e7e7e7; */
    background-color: red;
    position: relative;
    top: 8%;
    width: 90%;
}
#topmenuleft{
	left:10%;
}

.topmenu li {
    float: left;
}

.topmenu li .fright{
    float: right;
}

.topmenu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 4px 15px;
    text-decoration: none;
}

.topmenu li a:hover:not(.active) {
    background-color: #0000ff;
}

.topmenu .active {
    background-color: #4CAF50;
}

#topright{
	float:left;
	width:58%;
}
/* #topright2 {
    margin:0 0 0 1em;
} */
#topright ul{
    list-style-type: none;
    margin: 0 1em;
    overflow: hidden;
    position: relative;
    display: block;
    padding: 0;
    border: 1px solid #e7e7e7;
    top: .1em;
    width: 50%;
   float:right;

}
#topright li{
    padding: 2px 0;
	}
#topright li a {
    display: block;
    color: white;
    text-align: center;
    padding: 4px 15px;
    text-decoration: none;
}
#topright h3{
	float:left;
	padding-left:1em;
        font-size: 120%;
}

.1red {background-color: red; }
.1blue {background-color: blue;}
.1blue a:link {background-color: blue; 	border: 1px black;}
.\31 blue a:hover {background-color: red;}
.\31 red a:hover {background-color: blue;}
.1blue a:visited {background-color: blue;}
.1blue a:active {background-color: blue;}

#2col  {text-align:justify;
    column-count:2;
    -webkit-column-count:2;
    -moz-column-count: 2;
    column-rule: 2px solid #6AAFCF;
    -webkit-column-rule: 2px solid #6AAFCF;
     -moz-column-rule: 2px solid #6AAFCF;
    column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;

 }
#3col   {
    text-align:justify;
    column-count:3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-rule: 2px solid #6AAFCF;
    -webkit-column-rule: 2px solid #6AAFCF;
     -moz-column-rule: 2px solid #6AAFCF;
    column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
            }
.fleft{
    float: left;
}
#fright{
    float: right;
}

#fmail1{
	background-color:#f0f0f0;
	/* border:2px black; */
	width: 80%;
  outline-width: 1px;
  outline-style: dashed;
  outline-color: red;
	padding: 3px 10%;
	margin-right:10%;
        margin-bottom:2em;
	}
.\31 red {
    background-color: red;
    padding:5px;
    margin:5px;
	}
.\31 blue {
    background-color: blue;
    padding:5px;
    margin:5px;
	}
#slogan{
	color:red;
	font-style: italic;
	padding:5px;
	}
#sidebar1 ul li h4{
		color:blue;
	font-style: bold;
	line-height: 120%;
	}
#rfoot li{
    	padding: 0;
	}
#sidebar1 ul .blue2{
	    border: 2px red;
	    background-color: #6699ff;
}
.fwidth{
	width:100%;
	height:auto;
}
#mlist{
	margin: 0 auto 1em;
	width: 75%;
}
#mlist h3{text-align:center; line-height:.9em;}

ul.b{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside;
    padding-left:10%;
}
ul.b {list-style-type: square; text-align:center; }
#mlist.h1{color:red; text-align:center;}
.sline{line-height: .7em;
}

ul.3col2 {
  width:80%;
  -moz-column-width:18% 3;
  -webkit-column-width:18% 3;
  -moz-column-gap: 2%;
  -webkit-column-gap: 2%;
    -webkit-column-gap: 2%; /* Chrome, Safari, Opera */
    -moz-column-gap: 2%; /* Firefox */
    column-gap: 2%;
}
.topline {
	width:100%;
	padding:1em 3em .5em 0;
	font-weight:bold;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
    -moz-column-gap: 4px; /* Firefox */
    column-gap: 4px;}
#box1 h1{
	font-size:1.2em;
	 color: white;
	width:95%; 
	text-align:center;
	text-shadow: 1px 1px #000;
	 box-shadow: 3px 3px 2px #888888;
	 border-radius: 10px;
	padding:10px;
}	
#box2 {  border: 2px blue ridge;
	 box-sizing: border-box;
	box-shadow: 2px 2px 1px #888888;
	 border-radius: 10px;
	padding:10px;
}
#bsbd{
	font-size:1em;
	font-style: italic;
	color:blue;
}
#fsmp{
	font-size:1.2em;
	font-style: bold;
	color:red;
}

    .gleft {
        float: left;
        width: 48%;
        padding-left: 1%; 
    }
    .gright {
        float: right;
        width: 48%;
        padding-right:2%;
    }
    img {
        max-width: 100%;
        height: auto;
    }
#homead{
  //   padding-top:1em;
}
    .group:after {
        content:"";
        display: table;
        clear: both;
    }
    @media screen and (max-width: 480px) {
        .gleft, .gright, .fright, .fleft, .fltrt, .fltlft, .twoColElsLtHdr #sidebar1,  {
            float: none;
            width: auto;
        }
    }
.myButton {
	-moz-box-shadow: 0px 3px 7px -7px #f29c93;
	-webkit-box-shadow: 0px 3px 7px -7px #f29c93;
	box-shadow: 0px 3px 7px -7px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #750505));
	background:-moz-linear-gradient(top, #fe1a00 5%, #750505 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #750505 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #750505 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #750505 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #750505 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#750505',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #750505), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #750505 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #750505 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #750505 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #750505 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #750505 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#750505', endColorstr='#fe1a00',GradientType=0);
	background-color:#750505;
}
.myButton:active {
	position:relative;
	top:1px;
}