@charset "utf-8";

/* CSS Document */

/*Created by Tom Coad*/

body {
	color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

p {
	font-size:1.2em;
	line-height:1.8em;
}

h1 {
	font-size:.4em;
	font-weight:normal;
	margin-top:0;
}

h2 {
	font-size:1.8em;
	font-weight:normal;
	margin-top:0;
}

h3 {
	font-size:1.6em;
	font-weight:normal;
	margin-top:0;
}

h4 {
	font-size:1.6em;
	font-weight:normal;
	margin-top:0;
}

a {
	color:#146AB3;
	font-size:1.2em;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

/*Outer container which holds all divisions*/

	#outer-container {
		clear:left;
		float:left;
		width:100%;
	}
	
/*Header - Holds the logo and the contact details*/
	
		#header-container {
			margin:auto;
			position:relative;
			width:960px;
		}
		
			#header {
				height:150px;
				position:relative;
				width:960px;
				background-image:url(/images/header.jpg);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}

/*Navigation - Holds the navigation including the drop down menu*/
			
		#navigation-container {
			background-color:#146ab3;
			width:100%;
		}
		
			#navigation {
				margin:auto;
				position:relative;
				width:960px;
			}

				ul#menu {
					background: #146ab3;
					color: #d0e1f0;
					margin: 0;
					padding:10px 0px;
				}
				
				
				ul#menu li {
					display: inline;
					margin: 0;
					position: relative;
				}
				
				ul#menu li a {
					color: #ffffff;
					text-decoration: none;
					padding: 0 20px;
					margin:0 4px;
					font-size:1.3em;
				}
				
				ul#menu li a:hover {
					color:#ffffff;
					text-decoration:underline;
				}
				
				ul#menu li.mega a {
					background: url(/images/arrow-off.gif) center right no-repeat;
				}
				
				ul#menu li.mega a:hover {
					background: url(/images/arrow-on.gif) center right no-repeat;
				}
				
				ul#menu div {
					display: none;
					z-index:99999;
				}
				
				ul#menu li.mega div {
					width: 500px;
					position: absolute;
					top:15px;
					left: 10px;
					padding: 5px 2px 5px 2px;
					background: #146ab3;
					color: #ffffff;
				}
				
				ul#menu li.hovering div {
					display: block;
				}
				
				ul#menu li.mega div ul {
					list-style-type:none;
					float:left;
					margin:0;
					padding:0;
				}
				
				ul#menu li.mega div ul li {
					list-style-type:none;
					float:left;
					padding:0;
					margin:6px 0px;
				}
				
				ul#menu li.mega div a {
					color: #a1c3e1;
					padding: 5px 12px;
					margin: 0;
					background-image: none;
					text-decoration: none;
					font-size:1.1em;
				}
				
				ul#menu li.mega div a:hover {
					color:#ffffff;
					text-decoration:underline;
					background-color:#5b97ca;
					background-image:none;
				}
				
				ul#menu li.mega .active {
					background: url(/images/arrow-on.gif) center right no-repeat;
					text-decoration: underline;
					color:#ffffff;
				}
				
				ul#menu li.mega div .sub-active {
					color:#ffffff;
					text-decoration:underline;
					background-color:#5b97ca;
					background-image:none;
				}
				
				ul#menu li .current-page {
					color:#ffffff;
					text-decoration:underline;
				}
				
/*Main & Footer Container*/
		#main-and-footer-container {
			margin:auto;
			overflow:hidden;
			position:relative;
			width:960px;
		}

/*Main Content - Holds the main content this should b unique to the page*/
				
		#main-content-container {
			margin:auto;
			margin-top:30px;
			position:relative;
			width:960px;
			overflow:hidden;
		}
		
			#main-content {
				float:left;
				position:relative;
				width:960px;
			}
			
			#main-content-left {
				float:left;
				padding-right:40px;
				position:relative;
				width:460px;
			}
			
			#main-content-right {
				float:left;
				position:relative;
				width:460px;
			}
			
			.main-content-right-sub {
				float:left;
				position:relative;
				width:460px;
				background-image: url(/images/tools-icn.jpg);
				background-position:top right;
				background-repeat:no-repeat;
			}
			
			.main-content-right-sub a {
				font-size:1.0em;
			}
			
			.main-content-right-a {
				font-size:1.0em;
			}

/*Footer - Holds the footer content including validation details and contact information*/

		#main-footer-container {
			margin:auto;
			position:relative;
			width:960px;
			overflow:hidden;
		}
			
		#footer-container {
			border-top:2px solid #146AB3;
			float: left;
			height:100px;
			margin:auto;
			margin-top:30px;
			margin-bottom:30px;
			position:relative;
			width:960px;
		}
		
			#footer {
				float:left;
				padding-top:10px;
				position:relative;
				width:960px;
			}
			
/*Individual IDS*/

/*Individual IDS*/

/*Individual Classes*/

#main-content-left a {
	font-size:1em;
}

ul#menu li .first-link {
	padding-left:0;
	margin-left:0;
}

.span-red {
	color:#146AB3;
}

.span-red-margin {
	color:#146AB3;
	margin-left:5px;
}

#main-content-right img {
	float:right;
}

#main-content-bottom p {
	margin:0;
}

#footer p {
	font-size:1.1em;
	margin:0;
	text-align:center;
}

#footer a {
	font-size:1em;
}

#footer a:hover {
	text-decoration:underline;
}

.testimonials-main {
	font-style:italic;
	line-height:1.8em;
}

.testimonials-name {
	font-size:1.2em;
	color:#146AB3;
}

.no-top-margin {
	padding-top:0;
	margin-top:0;
}

.no-bottom-margin {
	padding-bottom:0;
	margin-bottom:0;
}

.no-margin {
	margin:0;
	padding:0;
}

.fade {
	float:left;
	position:relative;
	width:280px;
}

/*Individual Classes*/

/*Homepage*/

#main-bottom-container {
	margin:auto;
	position:relative;
	width:960px;
	overflow:hidden;
}

#main-content-bottom {
	float:left;
	margin-top:20px;
	position:relative;
	width:960px;
}

#main-content-bottom-1 {
	float:left;
	position:relative;
	width:320px;
}

#main-content-bottom-2 {
	background-image:url(/images/testimonials.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	float:left;
	min-height:160px;
	margin-right:40px;
	padding-bottom:30px;
	position:relative;
	width:280px;
}

#main-content-bottom-3 {
	background-image:url(/images/sandal-rufc-logo.gif);
	background-repeat:no-repeat;
	background-position:290px 0;
	float:left;
	position:relative;
	width:320px;
}

#sandal-image-1 {
	float:left;
	height:124px;
	position:relative;
	width:153px;
}

#sandal-image-2 {
	float:left;
	height:124px;
	margin-left:10px;
	position:relative;
	width:153px;
}

	/*Contact Form*/

	:focus { outline: none; }
	.justify { text-align:justify; }
	.text ul { margin:5px 0 10px 0; padding-top:5px; border-top:1px solid #212024;}
	.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }
	
	pre code { display: block; margin:0; padding:0; line-height:150%; }
	
	#box { float:left; width:280px; padding-right:40px;}
	
	#box a {color:#146AB3; font-size:1em;	text-decoration:none;}
	
	#box a:hover { text-decoration:underline;}
	
	form { margin:0; padding:0; width:280px; float:left;  }
	fieldset { margin:0; padding:0; border:none;}
	legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#FFCC00; }
	
	form div { padding:0.4em 0; }
	label {float:left; width:30%; line-height: 200%; padding-right:1em; color:#146AB3; font-size:1.2em; } 
	input, textarea { width:60%;  border:1px solid #666666; padding:5px 4px 4px; font-size:1em; background:#e8e8e8; color:#666666; } 
	textarea { overflow:auto; font-family:Arial,Helvetica,sans-serif; font-size:1em; width:60%; border:1px solid #666666; padding:3px;}
	.button input { border:none; font-size:1.2em; color:#ffffff; background:#146AB3; padding:4px 20px; float:right; cursor:pointer; width:auto;}
	
	.hoverfocus { border:1px solid #146AB3;}
	
	#error, #response { float:left; width:293px; margin:0; padding:0; font-size:1.2em; margin-top:20px; color:#146AB3; }
	
	#response ul { border-top:1px solid #666666; margin:0; padding:0; }
	
	#error li, #response li { margin:0; padding:0; list-style-type:none; font-size:1em; margin-bottom:10px; color:#146AB3; }
	
	#working { float:left; background:url(loading.gif) no-repeat left center;}
	
	.button {margin-right:6px;}
	
	.small-input { width:102px;}
	
	.large-label { width:150px;}
	
	/*Contact Form*/

/*Homepage*/

/*Contact*/

#contact-container {
	float:left;
	position:relative;
	width:460px;
	border-bottom:1px solid #b44f51;
	margin-bottom:20px;
}

#contact-container-1 {
	float:left;
	position:relative;
	width:460px;
}

#contact-container a {
	font-size:1em;
}

#main-content-right form {
	width:460px;
}

	#main-content-right input, textarea { width:297px; border:1px solid #666666; padding:5px 4px 4px; font-size:1em; background:#e8e8e8; color:#666666; } 
	#main-content-right textarea { overflow:auto; width:299px; font-family:Arial,Helvetica,sans-serif; font-size:1em; border:1px solid #666666; padding:3px;}
	#main-content-right .button input { border:none; font-size:1.2em; color:#ffffff; background:#146AB3; padding:4px 20px; float:right; cursor:pointer; width:auto;}
	#main-content-right .small-input { width:102px;}
	#main-content-right .large-label { width:150px; margin-left:183px;}
	#main-content-right label { width:138px;}
	#main-content-right .button {margin-right:3px;}
	
#google-maps-container {
	border-top:2px solid #146AB3;
	float: left;
	height:400px;
	margin:auto;
	padding-top:30px;
	margin-top:30px;
	position:relative;
	width:960px;
}
	
/*Contact*/

/*Template*/

#links {
	float:left;
	position:relative;
	width:460px;
}

#links ul {
	margin:0;
	padding:0;
}

#links li {
	display:block;
	float:left;
	list-style-type:none;
	margin:0 10px 0 0px;
	padding:0;
}


/*Template*/

/*Gallery*/

#gallery {
	float:left;
	position:relative;
	width:960px;
	color:#666666;
}

#gallery-holder {
	float:left;
	padding:0 30px 0 30px;
	position:relative;
	width:900px;
}

.gallery-section-holder {
	float:left;
	margin-bottom:30px;
	position:relative;
	width:900px;
}

.gallery-section-holder h3 {
	margin:0;
	padding:0;
	border-bottom:1px solid #146AB3;
}

.image-holder-nomargin {
	float:left;
	height:75px;
	margin:0px 0 0 0;
	padding:0;
	position:relative;
	text-align:center;
	width:100px;
}

.image-holder {
	float:left;
	height:75px;
	margin:0px 0 0 100px;
	padding:0;
	position:relative;
	text-align:center;
	width:100px;
}

.gallery-row {
	width:900px;
	float:left;
	height:75px;
	position:relative;
	margin-top:20px;
}

.gallery-top-button {
	width:900px;
	float:left;
	height:20px;
	position:relative;
	margin-top:20px;
	text-align:right;
}


/*Gallery*/

/*Upload*/

#upload {
	float:left;
	position:relative;
	width:960px;
}

#upload form {
	width:960px;
	float:left;
	margin-bottom:10px;
}

#upload input.file {
	width:50px;
}

#image-upload-holder {
	margin-top:10px;
}

/*Upload*/

/*Sub Pages*/

.sub-image-holder-left {
	width:450px;
	float:left;
	position:relative;
	margin-right:60px;
	text-align:center;
	margin-bottom:20px;
}

.sub-image-holder-right {
	width:450px;
	float:left;
	position:relative;
	margin:0;
	text-align:center;
	margin-bottom:20px;
}

.sub-image-holder-right-1 {
	width:450px;
	float:left;
	position:relative;
	margin:0;
	text-align:center;
	margin-bottom:20px;
	height:300px;
}

.sub-image-holder-left img, .sub-image-holder-right img, .sub-image-holder-right-1 img {
	width:400px;
}

#main-content-bottom-4 {
	background-image:url(/images/testimonials.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	float:left;
	min-height:160px;
	margin-right:40px;
	padding-bottom:30px;
	position:relative;
	width:400px;
}


/*Sub Pages*/