/* Background image - Needs large image - 1250×800 or larger */
html {
 /* background: url(../gfx/Amicalola-Web-v5.jpg) no-repeat center center fixed; */
  background: url(../gfx/MontereyBay-1.jpg) no-repeat center center fixed;
  transition: background 1s linear;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #4b7eb5;
  scroll-behavior: smooth;
}


.main-title-div {
	color:white;
	/*background-color:#006699;*/ /* Grey Blue */
	background-color:#6D6D69; /* Dark Grey */
	margin-left:auto;
	margin-right:auto;
	width:70%;



    height:95x;
    /* Padding */
    padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	}

.centered-div-70 {
	margin-left:auto;
	margin-right:auto;
	width:70%;
}
.two-column-div {
	/* Columns */
	-moz-column-count:2; /* Firefox */
   -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
}

.main-title-img-div {


	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;

	/* Clear flow of floating objects */
	/* clear:both; */

	/* Padding */
	padding-right:15px;


}

.main-title-text-div {
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;


	}

	.main-title-script-div {
		float:right;

	}

/*
div.main-content-outer {
*/
	/*position: relative;*/
/*
}
*/

div.main-content {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 300px;
    float: right;
	padding: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    background:rgba(0,0,0,0.5);
    background-attachment: scroll;
	color: #FFF;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
	margin-bottom: 1px;
	cursor: pointer;
	font-family: "Verdana, Geneva, sans-serif";
	font-size: 150%;
}

div.main-content-positioning {
	position: absolute;
    top: 10%;
    right: 10%;
    width: 87%;
    float: right;
    clear: both;
}

@media screen and (max-width: 375px){
	div.main-content-positioning {
		position: absolute;
	    top: 10%;
	    right: 2%;
	    width: 96%;
	    float: right;
	    clear: both;
	}

}

div.main-content-large {

	padding: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    background:rgba(0,0,0,0.75);
    background-attachment: scroll;
	color: #FFF;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	font-family: "Verdana, Geneva, sans-serif";
	font-size: 150%;
	overflow: auto;
}

.sectionNavFadeContainer {
	background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75));

    height:5px;
    display: block;

    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

.topFadeContainer {
	background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.75));

    height:15px;
    display: block;

    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

.bottomFadeContainer {
	background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.0));

    height:15px;
    display: block;

    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}



/* Contact Form Styles - Start */

input.longInput {
    width: 225px;
}

input.subjectInput {
    width: 350px;
}


.contactFormField {
	float: left;
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.contactFormMessage {
	padding-top: 20px;
	float: left;
	clear: both;
}
.contactFormSendButton {
	padding: 15px;
	clear: both;
	width: 50%;
}


.contactFormRow {
	clear: both;
}

/* Contact Form Styles - End */




/* Navigation Bar Icons */

img.navicon{
    width:48px; /* you can use % */
    height: 48px;
}


/* Top Navigation Bar - Start */

body {margin: 0;}

div.topNavDiv {
	position: fixed;
	width: 100%;
	z-index: 100;
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background:rgba(0,0,0,0.5);
}

ul.topnav li {
	float: left;
}

ul.topnav li {
    display: block;
    color: white;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
	transition: 0.3s;
}

ul.topnav li.image {
    display: block;
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
	transition: 0.3s;
}


ul.topnav li:hover:not(.active) {
	background-color: #111;
}

ul.topnav li.active {
	background-color: #0d0eb7;
}

ul.topnav ul.right {
    float: right;
    list-style-type: none;
    background:rgba(0,0,0,0.5);
}

/* CSS to make top nav stack vertically below 600px */
/*
@media screen and (max-width: 600px){
    ul.topnav ul.right,
    ul.topnav li {float: none;}
}*/

/* Top Navigation Bar - End */


/* Section Navigation Bar - Start */


div.sectionNavDiv {
	position: fixed;
	top: 32px;
	width: 100%;
	z-index: 100;
	clear: both;
}

@media screen and (max-width: 350px){
	div.sectionNavDiv {
		position: fixed;
		top: 61px;
		width: 100%;
		z-index: 100;
		clear: both;
	}
}


ul.sectionnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background:rgba(0,0,0,0.75);
}

ul.sectionnav li {
	float: left;
}

ul.sectionnav li {
    display: block;
    color: white;
    text-align: center;
    padding: 6px 6px;
    text-decoration: none;
	transition: 0.3s;
}

ul.sectionnav li.image {
    display: block;
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
	transition: 0.3s;
}


ul.sectionnav li:hover:not(.active) {
	background-color: #111;
}

ul.sectionnav li.active {
	background-color: #0d0eb7;
}

ul.sectionnav ul.right {
    float: right;
    list-style-type: none;
    background:rgba(0,0,0,0.5);
}

/* CSS to make top nav stack vertically below 600px */
/*
@media screen and (max-width: 600px){
    ul.sectionnav ul.right,
    ul.sectionnav li {float: none;}
}*/

/* Section Navigation Bar - End */





.main-title-text {
	color:white;

	}

h1 {
	text-align:center;
	text-shadow: 3px 3px 3px #000000;
	/*text-shadow: 3px 3px 4px #3399ff;*/
}
h2 {
	text-shadow: 2px 2px 2px #000000;
}
h3 {
	text-shadow: 1px 1px 1px #000000;
}
h3.titleScript {
	text-align:right;
	text-shadow: 3px 3px 3px #000000;
}

.highlightedText {
	color: #3399ff;
	/*background: rgba(0,0,0,0.55);*/
}

.img-shdw {
	box-shadow: 5px 5px 5px #000000;
}

img.favicon{
   width:16px;
   height:16px;
}

.center-90
{
margin:auto;
width:90%;
background-color:#b0e0e6;
}





/* TABLE STYLING - General - Begin */

tbody tr:nth-child(even) {
  background: rgba(0,0,0,0.65);
}

tbody.leftAlignedBody {
	text-align: left;
}

th, td {
    padding: 10px;
}

/* TABLE STYLING - General - End */

/* Link Styling */

a:link, a:visited {
   /* background-color: #3399ff; */
    color: #3399ff;
    text-align: center;
    text-decoration: none;
    /*display: inline-block; */
}


a:hover, a:active {
    color: white;
}

hr.sectionBreakRuler {
	display: block;
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 2em;
    margin-right: 2em;
    border-style: inset;
    border-width: 1px;
}

hr.sectionBreakRulerSmallBuffer {
	display: block;
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 2em;
    margin-right: 2em;
    border-style: inset;
    border-width: 1px;
}

@media screen and (max-width: 900px){
	hr.sectionBreakRuler {
		display: block;
	    margin-top: 5em;
	    margin-bottom: 5em;
	    margin-left: 2em;
	    margin-right: 2em;
	    border-style: inset;
	    border-width: 1px;
	}

}

@media screen and (max-width: 375px){
	hr.sectionBreakRuler {
		display: block;
	    margin-top: 8em;
	    margin-bottom: 8em;
	    margin-left: 2em;
	    margin-right: 2em;
	    border-style: inset;
	    border-width: 1px;
	}

}