body {
  background: #000000; 
  font-family: Arial, Helvetica, sans-serif; color: #ffffff;
  margin: 0px;
  padding: 0px;
}

/* unvisited link */
a:link {
    color: #FF8040;
}

/* visited link */
a:visited {
    color: #FF8040;
}

/* mouse over link */
a:hover {
    color: #FFC080;
}

/* selected link */
a:active {
    color: #0000FF;
}


h1{
	font-family: “Trebuchet MS”, Verdana, Arial, serif; font-size: 1.5em; font-weight: bold;
}

.box {
border-style:solid;
border-color:#FFFFFF;
border-radius: 50px;
border-spacing: 50px;
border-right:50px;
border-left:50px;
}

.box2 {
border-style:solid;
border-color:#FFFFFF;
border-spacing: 50px;
border-right:50px;
border-left:50px;
}

.box3 {
border-style:solid;
border-color:#02D33D;
border-spacing: 50px;
border-right:50px;
border-left:50px;
}

#BoldBro{
	font-weight: bold;
}

.boxShadow {
	-webkit-box-shadow:0 0 20px gray; 
	-moz-box-shadow: 0 0 20px gray; 
	box-shadow:0 0 20px gray;
}
.floatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.floatRight {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
.clearBoth {
	clear: both;
}
.center {
	text-align: center;
}
.centeredImage{
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	padding:00px;
}

div li {display:inline;}

.grayBorder {
	border: 1px solid gray;
}

.grayBorderCentered {
	border: 1px solid gray;
	text-align: center;
	margin-top:0px;
	margin-bottom:10px;
	padding:10px;
}

#main {
	background-image: url(StonesBG.png); background-repeat: no-repeat;
	background-size:100%;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	text-align: center;
	-webkit-box-shadow:0 0 20px gray; 
	-moz-box-shadow: 0 0 20px gray; 
	box-shadow:0 0 20px gray;
	font-size: 1em;
}
#content {
	width: 75%;
	padding: 15px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
}
#content ul {
	text-align: left;
	margin-left: 50px;
}

#content img{
	width:95%;
	height:auto;
}

#RedTitle{
	text-align: center;
}

/*------------------------------------------ Dropdown Header Menu CSS Styling---------------------------------------*/

	nav ul ul{
		display:none;
	}

	nav ul li:hover > ul{
		display:block;
	}

	nav{
		background: #1C2222; 
		/*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  */
		background: -moz-linear-gradient(top, #606464 0%, #000000 100%); 
		/*background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); */
		box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
		z-index:1001;
		padding-left: 2%;

	}

	nav ul {
		padding: 0 20px;
		border-radius: 0px;  
		list-style: none;
		position: relative;
		top:-10px;
		text-align: center top;
		z-index:1001;
		padding-left: 5%;
		width:91%;

	}
		nav ul:after {
			content: ""; clear: both; display: block;
		}

	nav ul li {
		float: left;
		color:#FFFFFF;
		width:16%;
		text-align: left;
1	}
		nav ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			nav ul li:hover a {
				color: #669999;
			}
		
		nav ul li a {
			display: block; padding: 15px 10px;
			width:auto;
			height:auto;
			color: #FFFFFF; text-decoration: none;
			text-align: center;
			margin-left:-5%;
			font-size:1.8vw;
		}

	nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a;
			position: relative;
		}
			nav ul ul li a {
				padding: 15px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
				}

	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}

	/*------------------------------------------ Dropdown Header Menu CSS Styling---------------------------------------*/

	HI{
		position:relative;
		left:50%;
		transform: translate(-50%, 0)
	}

/*----------------------------------------------------- Image Gallery ----------------------------------------------*/
	div.img {
	    margin: 5px;
	    padding: 2px;
	    border: 1px solid #0000ff;
	    height: auto;
	    width: auto;
	    float: left;
	    text-align: center;
	}

	div.img img {
		width:100%;
	    display: inline;
	    margin: 5px;
	    border: 1px solid #ffffff;
	}

	div.img a:hover img {
	    border:1px solid #0000ff;
	}

	div.desc {
	    text-align: center;
	    font-weight: normal;
	    width: 270px;
	    margin: 5px;
	}