/* ---- @imports------------------------------------------------------------------------------------- */

@import url("reset.css");
@import url("fonts.css");
@import url("html5.css");

.block { width: 800px; padding: 10px; }

.clr { clear: both; }

.float-right {
	float: right;
}

.block { 
	/*width: 960px;*/
	/*padding: 20px 0px;*/
	padding-bottom: 40px;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.center { text-align: center; }

.imgLeft { float: left; margin: 5px 10px 10px 0; }

.alignRight { text-align: right; }
   
.page-width {
	width: 800px;
}

.page-width2 {
	width: 1050px; 
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.imgReplace {
	display: block;
	font: 0 none;
	font-size: 0px none;
	line-height: 0px;
}

.imgReplace span {
	display: none;
	text-indent: -99999px;
}

.margin-auto {
	margin-left: auto;
	margin-right: auto;
}

.no-overflow {
	overflow: hidden;
}

.white, .white:visited {
	color: #FFF;
}

.yellow1, .yellow1:visited {
	color: #f88c4a;
}

.yellow2, .yellow2:visited {
	color: #fda476;
}

.orange, .orange:visited {
	color: #f74b03;
	text-decoration: none;
}

.no-bg {
	background: none !important;
}

.top-orange-border {
	border-top: 2px solid #f74b03;
}

h1.title {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background:url("../img/h1-title.jpg") no-repeat bottom center;
}

div#listing {
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	font-family: "Impact";
	font-weight: normal;
	text-decoration: none;
	color: #000;
	display: block;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration: underline;
}

h1 {
	font-size: 60px;
	line-height: 60px;
}

h2 {
	font-size: 52px;
	line-height: 52px;
}

h3 {
	font-size: 45px;
	line-height: 45px;
}

h4 {
	font-size: 38px;
	line-height: 38px;
}

h5 {
	font-size: 28px;
	line-height: 28px;
}

h6 {
	font-size: 17px;
	line-height: 17px;
}

ul li, ol li {
	float: none;
}

ul li {
	list-style: circle;
}

a.orange-button, a.orange-button:hover {
	font-size: 24px;
	font-family: "Impact";
	color: #D8D8D8;
	text-decoration: none;
	padding: 3px 50px 3px 8px;
	background: #fa6404 url("../img/orange-button.jpg") no-repeat center right;
}

a.orange-button:hover {
	color: #FFF;
}
   
/* ---- Body ----------------------------------------------------------------------------------------- */

body {
	background-color: #FFF;
	font-family: "Lucida Grande";
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	width: 100%; /* important for backend */
}

	div#body {
		background: url("../img/images/body-bg-gray.jpg");
	}

		div#body-wrapper {
			background-color: #FFF;
		}

			div#top-black-bar {
				background-color: #000;
				border-bottom: 3px solid #FFF;
				width: 938;
				padding: 6px 56px;
			}

				div#top-black-bar > a, div#top-black-bar > a:visited {
					color: #656565;
					font-size: 16px;
					font-family: "Impact";
					text-decoration: none;
				}

				div#top-black-bar > a:hover {
					color: #FFF;
				}

			/* /div#top-black-bar */

			div#nav-wrapper {
				border-top: 3px solid #f74b03;
				height: 90px;
			}

				div#nav-wrapper > a#top-logo {
					width: 126px;
					height: 118px;
					background: url("../img/images/fisher-top-logo.png") no-repeat top center;
					top: -17px;
					left: 450px;
					z-index: 5000;
				}

				div#nav-wrapper > ul.top-nav {
					position: absolute;
					top: 34px;
				}

					div#nav-wrapper > ul.top-nav > li {
						list-style: none;
						float: left;
					}


					div#nav-wrapper > ul.top-nav > li > a {
					}

					div#nav-wrapper > ul.top-nav > li, div#nav-wrapper > ul.top-nav > li > a, div#nav-wrapper > ul.top-nav > li > a:visited {
						font-family: "Impact";
						color: #000;
						font-size: 18px;
						line-height: 18px;
						text-decoration: none;
					}

					div#nav-wrapper > ul.top-nav > li:hover, div#nav-wrapper > ul.top-nav > li > a:hover, div#nav-wrapper > ul.top-nav > li > a.active {
						color: #f74b03;
					}

					div#nav-wrapper > ul.top-nav > li > ul {
						display :none;
						background: url("../img/images/black75.png");
						width: 200px;
						position: absolute;
						z-index: 6000;
					}

					div#nav-wrapper > ul.top-nav > li > ul > li {
						padding: 3px 5px;
						list-style: none;
					}

						div#nav-wrapper > ul.top-nav > li > ul > li > ul {
							display: block;
						}

							div#nav-wrapper > ul.top-nav > li > ul > li > ul > li {
								padding-left: 15px;
							}

								div#nav-wrapper > ul.top-nav > li > ul > li > ul > li, div#nav-wrapper > ul.top-nav > li > ul > li > ul > li > a {
									font-size: 14px;
								}

					div#nav-wrapper > ul.top-nav > li > ul > li, div#nav-wrapper > ul.top-nav > li > ul > li a, div#nav-wrapper > ul.top-nav > li > ul > li a:visited {
						font-size: 16px;
						color: #DDD;
						font-weight: normal;
						text-decoration: none;
						font-family: "Arial";
					}

					div#nav-wrapper > ul.top-nav > li > ul > li  a {

					}

					div#nav-wrapper > ul.top-nav > li > ul > li  a:hover {
						color: #FFF;
					}

				/* /ul.top-nav */

				div#nav-wrapper > ul#top-nav-left {
					left: 52px;
				}

				/* /ul#top-nav-left */

				div#nav-wrapper > ul#top-nav-right {
					left: 570px;
				}

				/* /ul#top-nav-right */

			/* /div#nav-wrapper */

			div#banner-wrapper {
				height: 380px;
				border-bottom: 2px solid #FFF;
			}

				div#banner-wrapper > div#listing {
					width: 1050px;
					height: 380px;
					padding: 0px;
					overflow: hidden;
				}
				div#banner-wrapper div.slideshow-menu {
					display: none;
				}

				div#banner-wrapper  div.slideshow-images {
					width: 1050px;
					height: 380px;
					overflow: hidden;
					position: relative;
				}

				div#banner-wrapper div.slideshow-caption {
					position: absolute;
					top: 334px;
					left: 0px;
					width: 1000px;
					padding: 0px 25px;
				}

					div#banner-wrapper  div.slideshow-caption > p > a {
						padding: 10px 15px 10px 15px;
						background: url("../img/images/black75.png");
						float: right;
					}

					div#banner-wrapper div.slideshow-caption > p > a > img {
						padding-left: 20px;
					}

					div#banner-wrapper div.slideshow-caption > p > a, div.slideshow-caption > p > a:visited {
						font-family: "Impact";
						font-size: 22px;
						color: #ddd;
						text-decoration: none;
					}

					div#banner-wrapper div.slideshow-caption > p > a:hover {
						color: #FFF;
					}

					div#banner-wrapper div.slideshow-caption > h3 {
						display: none;
					}

				/* /div.slideshow-caption */

			/* /div#banner-wrapper */

			h1.home-page-title {
				color: #f74b03;
				text-align: center;
				border-top: 2px solid #f74b03;
				padding: 25px 25px 25px 50px;
				background: url("../img/images/home-title-bg.png") no-repeat center bottom;
			}

		/* /div#body-wrapper */

		div#feature-wrapper {
			padding: 20px 0px 40px;
		}

			div#feature-wrapper > div#listing {
				width: 1050px;
			}

			ul.home-features {
				margin-left: 0px;
			}

				ul.home-features > li {
					list-style: none;
					float: left;
					width: 300px;
					padding: 0px 25px;
				}

					ul.home-features > li > div.feature-img {
						height: 139px;
						width: 144px;
						margin: 0px auto 20px;
					}

					h6.feature-title a, h6.feature-title a:visited {
						color: #f74b03;
					}

			/* /ul.home-features */

		/* /div#feature-wrapper  */

			div.block-banner {
				height: 306px;
				border-bottom: 2px solid #FFF;
				width: 1050px;
			}

				div.block-banner > div#listing {
					width: 1050px;
					height: 306px;
					padding: 0px;
					overflow: hidden;
				}
				div.block-banner div.slideshow-menu {
					display: none;
				}

				div.block-banner  div.slideshow-images {
					width: 1050px;
					height: 306px;
					overflow: hidden;
					position: relative;
				}

				div.block-banner div.slideshow-caption {
					position: absolute;
					top: 260px;
					left: 0px;
					width: 1000px;
					padding: 0px 25px;
				}

					div.block-banner  div.slideshow-caption > p > a {
						padding: 10px 15px 10px 15px;
						background: url("../img/images/black75.png");
						float: right;
					}

					div.block-banner div.slideshow-caption > p > a > img {
						padding-left: 20px;
					}

					div.block-banner div.slideshow-caption > p > a, div.slideshow-caption > p > a:visited {
						font-family: "Impact";
						font-size: 22px;
						color: #ddd;
						text-decoration: none;
					}

					div.block-banner div.slideshow-caption > p > a:hover {
						color: #FFF;
					}

					div.block-banner div.slideshow-caption > h3 {
						display: none;
					}

				/* /div.slideshow-caption */

			/* /div#banner-wrapper */

		div#calendar-wrapper {
			height: 410px;
			background: #000 url("../img/images/home-calendar-bg.png") no-repeat top center;
			border-bottom: 2px solid #FFF;
		}

		/* /div#calendar-wrapper */

		div.block {

		}

			div.amsd-staff {
				padding-bottom: 30px;
			}

				div.amsd-staff > div.staff-img {
					float: left;
					width: 280px;
					height: 270px;
					overflow: hidden;
				}

				div.amsd-staff > div.amsd-staff-data {
					float: left;
					width: 500px;
					padding-left: 20px;
				}

				div.amsd-staff  div.amsd-staff-html {
					font-size: 14px;
				}

				div.staff-profile-image {
					margin: 0px auto 30px;
					width: 280px;
					height: 270px;
					overflow: hidden;
				}

			/* /div.amsd-staff */

			div.amsd-messages {
				padding-bottom: 50px;
			}

			ul.contact {
				margin-top: 20px;
				margin-left: 0px;
			}

				ul.contact > li {
					width: 370px;
					float: left;
					list-style: none;
				}

				ul.contact > li > h5 {
					font-size: 24px;
				}

				ul.contact > li.right {
					padding-right: 60px;
				}

					ul.contact > li > ul {
						width: 370px;
						margin-top: 15px;
						margin-left: 0px;
					}

						ul.contact > li > ul > li {
							list-style: none;
							float: left;
							padding-left: 50px;
							width: 127px;
							font-family: "Lucida Grande", Arial;
							font-size: 14px;
							line-height: 16px;
						}

						ul.contact > li > ul > li.left {
							padding-right: 15px;
							background: url("../img/address-icon.jpg") no-repeat top left;
						}

						ul.contact > li > ul > li.right {
							background: url("../img/phone-icon.jpg") no-repeat top left;
						}

				form.form-with-validation input[type="text"] {
					width: 150px;
					float: left;
					margin-right: 10px;
				}

				form.form-with-validation input[type="text"], form.form-with-validation textarea {
					font-family: "Lucida Grande", Arial;
					font-size: 14px;
					color: #656565;
					text-decoration: none;
					margin-bottom: 5px;
					border: 1px solid #BBB;
					border-radius: 8px;
					padding: 2px 5px;
				}

				form.form-with-validation textarea {
					width: 320px;
					height: 90px;
				}


			/* /ul.contact */

			div.calendar-container {
				width: 300px;
				position: absolute;
				left: 60px;
				top: 100px;
			}

			div.amsd-calendar-page-controls {
				width: 300px;
			}

				div.amsd-calendar-buttons {
					width: 300px;
					height: 35px;
					background: #FFF;
				}

					div.amsd-calendar-buttons > a.calendar-nav {
						height: 26px;
						width: 26px;
						position: absolute;
						top: 5px;
					}

					div.amsd-calendar-buttons > a.previous-month {
						background: url("../img/images/previous-month.png") no-repeat top center;
						left: 5px;
					}

					div.amsd-calendar-buttons > a.next-month {
						background: url("../img/images/next-month.png") no-repeat top center;
						left: 269px;
					}

					div.amsd-calendar-buttons > p.calendar-current-month {
						position: absolute;
						width: 230px;
						padding: 5px 40px;
						top: 0px;
						left: 0px;
						text-align: center;
						font-family: "Impact", Arial;
						font-size: 22px;
						padding-top: 8px;
					}

			/* /div.amsd-calendar-page-controls */

			div.amsd-calendar > table.calendar-table {
				color: #FFF;
			}

				div.amsd-calendar > table.calendar-table  th {
					padding: 5px 0px;
					color: #f74b03;
					font-family: "Lucida Grande", Arial;
					font-size: 14px;
					font-weight: normal;
				}

				div.amsd-calendar > table.calendar-table  td {
					padding: 10px 3px 5px 3px;
					text-align: center;
				}

				div.amsd-calendar > table.calendar-table  td.event-day {
					padding-top: 5px;
				}

				span.date-marker > a {
					display: block;
					padding: 5px;
					background: url("../img/images/event-day.png") no-repeat center;
					margin-top: -5px;
				}

				span.date-marker > a, span.date-marker > a:visited {
					color: #FFF;
					text-decoration: none;
				}

				span.date-marker > a:hover {
					text-decoration: underline;

				}


			div.home-social {
				position: absolute;
				width: 280px;
				height: 330px;
				overflow: hidden;
				top: 45px;
				left: 715px;
			}

			div.home-event-info {
				width: 300px;
				position: absolute;
				left: 395px;
				top: 45px;
				height: 330px;
				overflow: hidden;
			}

				div.home-event-info > span.info-month {
					color: #FFF;
					font-size: 14px;
					top: 53px;
					left: 8px;
				}

				div.home-event-info > span.info-day {
					top: 75px;
					left: 0px;
				}

					div.home-event-info > span.info-day > span {
						display: block;
						padding: 12px 0px;
						width: 40px;
						text-align: center;
						background: url("../img/images/event-day-selected.png") no-repeat center;
						color: #FFF;
						font-size: 22px;
					}

				div.home-event-info > div.home-event-details {
					position: absolute;
					top: 80px;
					left: 60px;
					color: #FFF;
					width: 250px !important;
				}

			ul.subMenu {
				margin-left: ;
			}

			div.calendar-page-nav {
				height: 40px;
				width:;
				background-color: #f74b03;
				position: relative;
			}

				div.calendar-page-nav > a.cal-page-nav, div.calendar-page-nav > a.cal-page-nav:visited {
					font-size: 40px;
					color: #DDD;
					text-decoration: none;
					top: 5px;
					display: block;
				}

				div.calendar-page-nav > a.cal-page-nav:hover {
					color: #FFF;						
				}

				div.calendar-page-nav > a.cal-page-previous {
					left: 18px;
				}

				div.calendar-page-nav > a.cal-page-next {
					left: 760px;
				}

				div.calendar-page-nav > span.sub-title {
					width: 700px;
					padding: 0px 50px;
					position: absolute;
					top: 10px;
					left: 0px;
					font-size: 30px;
					text-align: center;
					color: #FFF;
				}

			/* /nav.calendar-page-nav */

			div#calendar-dates {
				padding: 30px 0px;
			}

			div.calendar-date {
				padding-bottom: 25px;
			}

			span.event-title {
				font-size: 16px;
				font-family: "Lucida Grande", Arial;
			}

			div.calendar-event {
				padding-top: 5px;
			}

			span.event-title > a, span.event-title > a:visited {
				font-size: 14px;
				font-weight: bold;
				font-family: "Lucida Grande", Arial;
				text-decoration: none;
				color: #444;
			}

			span.event-title > a:hover {
				color: #000;
			}

		/* /div.block */

		div.footer-wrapper {
			height: 92px;
			background: url("../img/images/footer-bg.png") no-repeat top center;
			position: relative;
		}

			div.footer-wrapper > a.cybernautic {
				height: 42px;
				width: 320px;
				position: absolute;
				top: 30px;
				left: 675px;
				background: url("../img/images/cybernautic.png") no-repeat top center;
			}

			div.footer-wrapper > a.sitemap, div.footer-wrapper > a.sitemap:visited {
				position: absolute;
				color: #757575;
				font-size: 10px;
				font-family: "Lucida Grande", Arial;
				left: 50px;
				top: 45px;
				text-decoration: none;
			}

		/* /div.footer-wrapper */

	/* /div#body */

/* /body */