/*Custom Style Sheet*/

nav {
	margin-bottom: 0px;
}

.content .row h1 {
	padding: 0px!important;
	margin: 0px!important;
	padding: 5px!important;
}

h1 {/*For all titles*/

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CEAD00;
	font-size: 26px;
}
h2 {/*For all sub-titles*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CEAD00;
	font-size: 24px;
	margin-top: 10px;/*overrides bootstrap's 20px top margin on h2's*/
}

p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFF;
	margin:0;
	}
.content p {
	line-height: 40px;
	font-size:22px;
}

.goldtext {/*makes a section of text gold with no link*/
	color:#CEAD00;
}

#accordion .panel-default {
	padding: 0;
}
.panel-heading h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.panel-body {
	border-top: solid 1px #000;
}
.container {/*styles everything within the dock background*/
	background-image: url(../assets/background/dock.jpg);
	background-size: 100%;
	background-repeat:repeat-y;
}
.water {
	background: url(../assets/background/water10.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.table thead {
	background-color: #122B43;
}
.table tbody {
	border-style: none!important;
}
.table tbody tr td {
	font-size:18px;
	color: #FFF;
	margin:0;
}
tbody tr:nth-child(odd) {
   background-color: #1b3e61!important;
}
tbody tr:nth-child(even) {
   background-color: #122B43;
}
.currentpage a {
	color: #CEAD00!important;
}

.textpanel {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #214B75;
	border-style: groove;
	border-color: #183757;
	border-top-left-radius: 10px!important;
	border-top-right-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
	margin-bottom: 20px!important;
	padding-bottom: 15px;
	padding-top: 15px;
}
.textpanel h2 {
	padding-top: 10px;
	padding-bottom: 15px;
}
.panel-heading {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.panel-default {/*to add color to panels*/
	background-color: #1b3e61;
	padding-left: 18px;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	border-top-left-radius: 10px!important;
	border-top-right-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}
.panel-default p {/*removes padding and margin from all <p>'s within panels*/
	margin: 0;
}
.panel-default h1 {
	margin: 0;
}
.panel-default h2 {
	margin: 0;
}
.panel-group {
	padding-left: 0;
}
#accordion .panel-default .collapsed .panel-heading:hover {
	background-color: #122B43!important;
}
#accordion .panel-default a .panel-heading:hover {
	background-color: #122B43!important;
}

#accordion .panel-default a:focus {
	text-decoration: none;
}
.panel-heading:hover h2 {
	color: #CEAD00;
}
.dropdown-menu {
	background-color: #1b3e61;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	
	
}
/*Fixes border radius problem on navbar*/
.navbar {
	background-image: none;
}
.navbar-default {
	background-color:transparent;
}
/*------------------------------------*/
#navbar li a {/*sets the <a>'s within the navbar to white*/
	color: #FFF;
}
.navbar-nav li:hover a {/*Makes navbar text gold on hover*/
	color: #CEAD00!important;
}
.navbar-nav li a:hover {/*applies background to li on hover*/
	background-image: none!important;
	background-color: #122B43!important;
}

.navbar-brand:hover p {
	color: #CEAD00;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}
.navbar-toggle:hover {
	background-color: #122B43!important;
}
.navbar-default .navbar-toggle:focus {
	background-color: transparent!important;
}
.navbar-default .navbar-nav>.open>a {
	background-color:#1b3e61;
}
.navbar-default .navbar-nav>.open>a:focus {
	background-color:#1b3e61;
}
.container-fluid {/*changes background color of entire navbar*/
	background-image:none!important;
	background-color: #1b3e61;
	border-bottom-left-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}

.dynamicpadding {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
	padding-right: 18px;
}
.panel-heading {
	border-bottom-style: none;
}

.dropdown-toggle {
	display: none;
}
.textcenter {/*For centering text*/
	text-align:center;
	margin-top:0;
}
img {/*removes all default margin and padding from images... add padding to images using classes ".paddingright" and ".paddingleft" */
	margin: 0;
	padding: 0;
	max-width: 100%;
	border: none;
}
.row {
	padding: inherit;
}
.content .row {/*removes left padding from rows within content in order to align panels with header*/
	padding-left: 0;
}
.sidebar .panel-default {
	padding: 18px!important;
}
.sidebar .row {
	padding: 0;
}

a:link {
	color:#CEAD00;
}
a:hover {
	text-decoration: none;
}

@media (min-width: 992px) {/*Removes the "vw" font size from the email address when elements stack. prevents over-sized text*/
	#emailfix {/*prevents the email address from overflowing the sidebar*/
		font-size: 1.5vw;
	}
}
@media (min-width: 1280px) {/*removes the "vw" font size from the email address when viewing window makes it too large*/
	#emailfix {
		font-size: 18px;
	}
	
}


@media (min-width: 992px) {
	.dynamicpadding {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
@media (max-width: 991px) {
	.row {/*.row has padding right to separate items within .content from items within .sidebar in standard view... This media screen removes padding when elements stack*/
		padding-right: 0;
	}
	.dynamicpadding {
		padding-left: 0px;
		padding-right: 0px;
		display:block;
		margin-right: auto;
		margin-left: auto;
		
	}
}

.slideshow { /*centers all slideshows and also sets the max width*/
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
	max-width: 100%;
}


#searchbar { /*searchbar settings*/
	width: 50%;
	display: inline-block;
	margin-top: 8px;
}


form div label {
	color:#CEAD00;
	text-align: center!important;
}
.button { /*settings for search button and contact form button*/
	background-color: #1b3e61!important;
	background-image:none!important;
	vertical-align: baseline!important;
	border-top-left-radius: 10px!important;
	border-top-right-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}
.button p {
	font-size: 2.4vw;
	margin-bottom: 0;
}
.button:hover {
	background-color: #122B43!important;
	
}
.button:hover p {
	color: #CEAD00;
}


.buttonpadding {
	padding: 15px!important;
}
.buttonmargin {
	margin-left: 15px;
	margin-right: 15px;
}

#formore {/*removes bottom padding and bottom corner's radius for "more" button on our location*/
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	margin-bottom: 0!important;

}

#formore1 {/*same as above with bottom margin*/
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	

}
#morepanel {
	background-color: #1b3e61;
	border-bottom-left-radius: 15px!important;
	border-bottom-right-radius: 15px!important;
	border-top-style: none!important;
	border: solid 1px #000;
	margin-bottom: 20px;
}

#morepanel:hover {
	background-color: #122B43;
}
#morepanel:hover p {
	color: #CEAD00;
}

@media (max-width: 768px) {
	.nopadding {/*removes padding from table when in mobile view*/
		padding: 0;
	}
	.normaltable {
		display: none;
	}
	.content h2 {
		font-size: 20px;
	}
	.content p {
		font-size: 18px;
	}
	
	#title {/*Applied to all page titles, Display: none; when in mobile viewing.(navbar brand renders titles superflous)*/
		display: none;
	}
	#welcome {
		text-align:center;
	}
	#sharebutton {
		width: 100%;
		margin-bottom: 20px;
		background-color: #1b3e61!important;
		background-image:none!important;
		border-style: solid;
		border-width: 1px;
		border-color: #000;
		border-top-left-radius: 10px!important;
		border-top-right-radius: 10px!important;
		border-bottom-left-radius: 10px!important;
		border-bottom-right-radius: 10px!important;
	}
	
	#contactbutton {
		width: 100%;
		margin-bottom: 20px;
		background-color: #214B75!important;
		background-image:none!important;
		border-style: solid;
		border-width: 1px;
		border-color: #000;
		border-top-left-radius: 10px!important;
		border-top-right-radius: 10px!important;
		border-bottom-left-radius: 10px!important;
		border-bottom-right-radius: 10px!important;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #FFF!important;
	}

	#contactbutton:hover {
		color: #E5C1003!important;
		background-color: #1b3e61!important;
	}

	#sharebutton p {
		margin-bottom: 0;
	}
	#sharebutton:hover {
		color: #122B43!important;
		
	}
	#sharebutton:hover p {
		color: #CEAD00;
		
	}


}

@media (min-width: 768px) {
	
	.mobiletable {
		display: none;
	}
	.searchbarform {
		display: none;
	}
	#sharebutton {
		margin-bottom: 20px;
		background-color: #1b3e61!important;
		background-image:none!important;
		width: 100%;
		border-top-left-radius: 10px!important;
		border-top-right-radius: 10px!important;
		border-bottom-left-radius: 10px!important;
		border-bottom-right-radius: 10px!important;
	}
	
	
	#sharebutton p {
		margin-bottom: 0;
	}
	#sharebutton:hover {
		color: #122B43!important;
		
	}
	#sharebutton:hover p {
		color: #CEAD00;
	}
	
	#contactbutton {
		margin-bottom: 20px;
background-color: #214B75!important;
		background-image:none!important;
		width: 100%;
		border-top-left-radius: 10px!important;
		border-top-right-radius: 10px!important;
		border-bottom-left-radius: 10px!important;
		border-bottom-right-radius: 10px!important;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #FFF!important;
	}
	#contactbutton:hover {
		color: #E5C100!important;
		background-color: #1b3e61!important;
	}
	
	.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
	font-size: 1.1vw!important;
	
	}
	
	.navbar-brand { /*hides the brand*/
		display: none;
	}
	
	.container-fluid {
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
	
	.dropdown:hover .dropdown-menu {/*necessary for navbar to display correctly*/
		display: block;
	}
	
		#collapserow .panel { /*needed for collapse functionality and to add good style*/
			background-color: #1b3e61;
			border-top-left-radius: 10px!important;
			border-top-right-radius: 10px!important;
			border-bottom-left-radius: 10px!important;
			border-bottom-right-radius: 10px!important;

		}
	
	
} 


.navbar-nav li:hover  ul li a{

color: #FFF!important;

}

.navbar-nav li ul li a{

color: #FFF!important;
}

.navbar-nav li ul li a:hover {
color: #CEAD00!important;
}