@charset "utf-8";
body {
	background-image: url("../assets/bg-img/vet-pavilion.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
#container {
	width: 960px;
	margin: 35px auto 35px auto;
    overflow: hidden;
}
p,h1,h2,h3,h4,h5,h6 {
    margin: 15px;
}
p {
    font-size: 1em;
}
h2 {
    font-size: 1em;
}
a:link {
    color: #00008b;
    text-decoration: none;
    font-weight: bold;
}
a:visited {
    color: #1e90ff;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #2f4f4f;
    text-decoration: none;
    font-weight: bold;
}
a:active {
    color: #faad00;
    text-decoration: none;
    font-weight: bold;
}
#header {
	display: block;
    float: left;
    background-color: rgba(255, 255, 255,.8);
	margin: 0px 0px 35px 0px;
	width: 960px;
    height: 368px
}
#header a:link {
    color: #ffffff;
    font-size: 1.5em;
}
#header a:visited {
    color: #ffffff;
}
#header a:hover {
    color: #666666;
    
}
#header ul {
    display: block;
    float: right;
    text-align: center;
    width: 60%;
    margin:0px 0px 0px 0px;
}
#header li {
    margin: 8px 0px 0px 0px;
    padding: 10px 0px;
    list-style-type: none;
    
}
#coral {
    background-color: rgba(247, 170, 100, 1);
    background: linear-gradient(135deg, transparent 50px, rgba(247, 170, 100, 1) 0);
    
}
#green {
    background-color: rgba(75, 140, 132, 1);
    background: linear-gradient(45deg, transparent 50px, rgba(75, 140, 132, 1) 0);
}
#blue {
    background-color: rgba(130, 208, 213, 1);
    background: linear-gradient(135deg, transparent 50px, rgba(130, 208, 213, 1) 0);
}
#violet {
    background-color: rgba(217, 156, 222, 1);
    background: linear-gradient(45deg, transparent 50px, rgba(217, 156, 222, 1) 0);
}
#red {
    background-color: rgba(235, 100, 80, 1);
    background: linear-gradient(135deg, transparent 50px, rgba(235, 100, 80, 1) 0); 
}
#black {
    background-color: rgba(51, 51, 51, 1);
    background: linear-gradient(45deg, transparent 50px, rgba(51, 51, 51, 1) 0);
}

//*#header img {
	display: block;
	margin: 0px auto;
}
#nav {
    display: block;
    float: left;
    width: 365px;
    height: 250px;
    margin: 0px 0px 35px 0px;
    background-color: rgba(255,255,255,0.9);
}*//
#nav a:link {
    color: #ffffff;
	width: 355px;
	margin: 10px 5px 10px 5px;
	background-color: #0bac07;
    padding: 2px 0px 1px 0px;
	display: block;
	text-decoration: none;
	font-family: 'Permanent Marker', cursive;
    font-size: 18px;
    text-align: center;
    text-shadow: 2px 2px 5px #333333;
}
#nav a:visited {
    color: #ffffff;
	width: 355px;
	margin: 10px 5px 10px 5px;
	background-color: #0bac07;
    padding: 2px 0px 1px 0px;
	display: block;
	text-decoration: none;
	font-family: 'Permanent Marker', cursive;
    font-size: 18px;
    text-align: center;
    text-shadow: 2px 2px 5px #333333;
}
#nav a:hover {
    color: #2f4f4f;
	width: 355px;
	margin: 10px 5px 10px 5px;
	background-color: #0bac07;
    padding: 2px 0px 1px 0px;
	display: block;
	text-decoration: none;
	font-family: 'Permanent Marker', cursive;
    font-size: 18px;
    text-align: center;
    text-shadow: 2px 2px 2px #ffffff;
}
#nav a:active {
    color: #faad00;
	width: 355px;
	margin: 10px 5px 10px 5px;
	background-color: #0bac07;
    padding: 2px 0px 1px 0px;
	display: block;
	text-decoration: none;
	font-family: 'Permanent Marker', cursive;
    font-size: 18px;
    text-align: center;
}
.content-nine-sixty {
	width: 960px;
	display: block;
    float: left;
	margin: 0px 0px 35px 0px;
    background-color: rgba(255,255,255,0.9);
}
#height-adj-1 {
    height: 540px;
    text-align: justify;
}
.content-five-eighty {
	width: 580px;
	display: block;
    float: left;
	margin: 0px 0px 35px 15px;
    background-color: rgba(255,255,255,0.9);
}
.center-p {
    text-align: center;
}
.cal {
	width: 365px;
	height: 460px;
	display: block;
    float: left;
    margin: 0px 0px 35px 0px;
}
.img-right {
    margin: 15px 15px 15px 15px;
    display: block;
}
.img-social {
    margin: 0px 15px 15px 15px;
    border: 2px solid #ffffff;
}
.left-float-div {
    display: block;
    float: left;
    margin: 0px;
    width: 235px;
    clear: both;
    height: 100%;
}
.right-social-div {
    display: block;
    float: right;
    margin: 0px 0px 0px 15px;
    width: 84px;
    background-color: rgba(235,100,80,.9); 
    height: 100%;
    color: #ffffff;
}
.personnel-photo {
    display: inline-block;
    width: 200px;
    text-align: center;
    margin: 0px;
}
.personnel-photo-group {
    width: 460px;
    margin: 0px auto 15px auto;
    text-align: center;
}
.personnel-photo-group-b {
    width: 230px;
    display: block;
    margin: 0px auto 15px auto;
    text-align: center;
}
#parks-office-info {
    height: 460px;
    background-color: rgba(61,152,108,.9);
    color: #ffffff;
}
#parks-office-info a {
    color: #00008b;
}
.img-margin-square {
    display: inline-block;
    border: 0px;
    margin: 15px;
}
#center-up-div {
    text-align: center;
}
.page-links {
    float: left;
    border: 1px solid #1e90ff;
    box-shadow: 1px 1px 5px #333333;
    margin-top: 25px;
    margin-bottom: 25px;
}
#footer {
    display: block;
    width: 960px;
    margin:0px auto 35px auto;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    background-color: rgba(235,100,80,.9);
}
#footer a:link {
    color: #faad00;
}