/* Designed by: Jessica Dell */

/* Colours
	Blue: #015A92
	Pale Blue (for floating boxes): #C8E5F9
	Dark Grey: #303436
*/

/* Table of Contents
	Mass Reset
	Generic
	Header
	Banner
	Content
	Footer
	Photo Styling
*/

/* =Mass Reset v1.0 | 20020212
   Concept developed by: Eric Myer 
   (http://meyerweb.com/eric/tools/css/reset/)
----------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-size: 0.8em;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =Generic DIVs
----------------------------------------------------------- */

body {
	background-color: #FFFFFF;
}

a:link {color:#303436;}      
a:visited {color:#303436;}  
a:hover {color:#015A92}  
a:active {color:#015A92}


/* =Header DIVS
----------------------------------------------------------- */

#header-background {
	width: 100%;
	background-color: #015A92;
	height: 160px;
}

#header {
	width: 960px;
	margin: auto;
	text-align: left;
	background-color: #015A92;
	height: 160px;
}

#header h1 {
	display: none;
}

#header a:link {color:#FFFFFF;}      
#header a:visited {color:#FFFFFF;}  
#header a:hover {color:#9AC9F1}  
#header a:active {color:#9AC9F1}

#header p {
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	margin-top: 118px;
	margin-left: 25px;
	font-size: 10px;
	line-height: 12px;
	float: right;
	margin-right: 10px;
}

#logo {
	padding-top: 5px;
	padding-left: 25px;
	padding-bottom: 10px;
	text-align: left;
	float: left;
}

#top-bar {
	clear: both;
	width: 100%;
	background-repeat: repeat-x;
}


/* =Banner DIVS
----------------------------------------------------------- */

#banner-background {
	clear: both;
	width: 100%;
	height: 365px;
	background-image: url('../images/beige-banner-small.jpg');
	background-repeat: repeat-x;	
}

#banner {
	width: 960px;
	height: 365px;
	margin: auto;
	text-align: left;
	clear: both;
	background: url('../images/beige-banner-small.jpg');
}

#wowslider-container1 {
	clear: both;
	background-color: #FFFFFF;
	border: 10px solid #FFFFFF;
}

#middle-bar {
	clear: both;
	width: 100%;
	background-repeat: repeat-x;
}

/* =Content DIVS
----------------------------------------------------------- */

#content {
	width: 960px;
	margin: auto;
	text-align: left;
	clear: both;
}

#welcome {
	margin-top: 30px;
	margin-left: 25px;
	margin-bottom: 25px;
}

#services {
	margin-top: 30px;
	margin-left: 25px;
	margin-bottom: 25px;
}

#homepage-text h2 {
	display: none;
}

#normal-content h2 {
	display: none;
}

#normal-content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #015A92;
	padding-bottom: 20px;
	line-height: 22px;
	margin-top: 15px;
}

#normal-content h3.news {
	clear: both;
}

#homepage-text {
	margin-left: 25px;
	margin-right: 15px;
	width: 570px;
	float: left;
}

#normal-content {
	margin-left: 25px;
	margin-right: 15px;
}

#weather {
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #093b50;
	width: 280px;
	height: 216px;
	padding-top: 20px;
	margin-left: 30px;
	background-color: #C8E5F9;
	background-color:#C8E5F9;
	box-shadow: 0 0 5px 3px #000;
	-moz-box-shadow: 0 0 5px 3px #000;
	-webkit-box-shadow: 0 0 5px 3px #000;
	border-radius:25px;
	behavior: url(PIE.htc);
}

#weather h2 {
	text-align: center;
	margin-bottom: 15px;
	font-family: "Georgia", Times New Roman, serif;
	font-size: 18px;
	color: #015A92;
}

#weather-inside {
	margin: auto;
	text-align: left;
	width: 270px;
	height: 154px;
	border: 1px solid #015A92;
}

#homepage-text p {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-bottom: 20px;
	line-height: 20px;
}

#normal-content p {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-bottom: 20px;
	line-height: 20px;
}

#staff-images figcaption, #staff-images-last figcaption {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

#normal-content ul {
	margin-left: 55px;
	margin-right: 15px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-bottom: 20px;
	line-height: 20px;
	list-style-type: square;
}

#last {
	margin-bottom: 20px;
}

#weather-inside p {
	margin-top: 5px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	color: #000000;
	padding-bottom: 15px;
	line-height: 12px;
}

#signature {
	float: right;
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#signature-news {
	float: right;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-top: 15px;
	clear: all;
}

#bottom-bar {
	clear: both;
	padding-top: 10px;
	width: 100%;
	background-repeat: repeat-x;
}

/* =Footer DIVS
----------------------------------------------------------- */

#footer-background {
	width: 100%;
	background-color: #015A92;
	height: 110px;
}

#footer {
	width: 960px;
	margin: auto;
	text-align: left;
	background-color: #015A92;
	height: 110px;
}

#footer p {
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding-top: 30px;
	margin-left: 25px;
	font-size: 10px;
	line-height: 12px;
	float: left;
}

#asf-logo {
	float: right;
	padding-top: 15px;

}

#outfitter {
	float: right;
	padding-top: 15px;
}

/* =Photo Styling DIVS
----------------------------------------------------------- */

#service-images {
	float: right; 
	margin-right: 10px;
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 1px; 
	border:1px double #015A92;
   	background-color:#C8E5F9;
}

#staff-images {
	float: left;
	display: inline-block; 
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 1px; 
	border:1px double #015A92;
   	background-color:#C8E5F9;
}

#staff-center {
	margin: 0 auto;
	text-align: center;
	width: 690px;
	clear: all;
}

#space {
	clear: both;
	width: 100%;
}

#map {
	float: right;
	border:1px double #015A92;
	padding: 1px;
	text-align: center;
	margin-left: 20px;
	margin-top: 5px;
	Margin-bottom: 10px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;	
}

img.clubmap {
	border: 1px double #015A92;
	padding: 1px;
	margin-left: 40px;
	margin-bottom: 25px;
	margin-top: 10px;
}

#video {
	border: 1px double #015A92;
	padding: 1px;
	margin-left: 25px;
	margin-bottom: 25px;
	margin-top: 25px;
	float: left;
	box-shadow: 0 0 5px 3px #000;
	-moz-box-shadow: 0 0 5px 3px #000;
	-webkit-box-shadow: 0 0 5px 3px #000;
}

#video-container {
	border: 5px double #015A92;
	padding: 1px;
	height: 290px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 25px;
	margin-top: 10px;
}

#video-text {
	width: 400px;
	float: right;
	margin-right: 25px;
	margin-top: 25px;
}

#video-text h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #015A92;
	padding-bottom: 15px;
	line-height: 20px;
}

/* =Contact Us
----------------------------------------------------------- */

#address ul {
	list-style: none;
}

#contact-form {
	float: right;
	border: 1px solid #093b50;
	width: 420px;
	padding-top: 20px;
	margin-left: 30px;
	background-color: #C8E5F9;
	box-shadow: 0 0 5px 3px #000;
	-moz-box-shadow: 0 0 5px 3px #000;
	-webkit-box-shadow: 0 0 5px 3px #000;
	border-radius:25px;
}

#form {
	padding-bottom: 20px;
	padding-left: 40px;
}

#address1 {
	display: none;
}
