@charset "UTF-8";
/* CSS Document */

/*

	Created by Paul Benson of Bristol Bar C 2009. 
	Contact Paul at www.gpaulbenson.com or 513.324.0583

*/

/*

	Sections in this css document include:
	
	1. Body - General CSS
	2. GRID - defines body's grid
	3. Typography
	4. Links
	5. Special - The Coda Slider

*/


/* 1. BODY */

	body {
		margin:0px;
		padding:0px;
	}
	#full {
		
		background-image:url(img/bg.jpg);
		background-repeat:repeat-x;
		background-position:top;
		
		background-color:#FFF;
	
	}

/* 2. GRID */
	
	.content {
		margin:0px auto;
		padding:0px;
		width:800px;
		height:auto;
	}
	.social {
		width:400px;
		float:left;
		margin:0px 0px 25px 0px;
		padding:0px 0px 0px 0px;
	}
	.header {
		width:100%;
		margin:0px auto 25px auto;
		padding:6px 0px 6px 0px;
		height:25px;
		background-color:#000;
	}
	.newsletter {
		width:400px;
		float:right;
		padding:8px 0px 0px 0px;
		margin:-4px auto auto auto;
		color:#FFF;
	}
	.subheader {
		width:800px;
		margin:0px auto;
		padding:0px 0px 20px 0px;
		height:90px;
		clear:both;
	}
	.logo {
		width:400px;
		height:auto;
		float:left;
		margin:0px;
		padding:0px;
		overflow:visible;
	}
	.right { 
		float:left;
		padding:10px;
		font-size:12px;
		color:#FFF;
	}
	.links {
		width:800px;
		text-align:right;
	}
	.middle {
		min-height:400px;
		width:800px;
		overflow:hidden;
		margin:0px auto;
		padding:0px;
		clear:both;
		border-top:1px #333 solid;
		
		border-bottom:2px #333 solid;
	}
	.footer {
		width:100%;
		height:auto;
		border-top:1px #999 solid;
		margin:0px;
		padding:10px 0px 0px 0px;
		background-color:#000;
	}
	.full {
		width:800px;
		height:400px;
		margin:0px;
		padding:0px;
	}
	.left {
		width:360px;
		padding:20px;
		float:left;
	}
	.menu {
		width:760px;
		height:360px;
		margin:0px;
		padding:20px;
		overflow:scroll;
	}
	.right {
		width:400px;
		padding:0px;
		float:left;
	}

/* 3. Typography */

	body {
	font-family:Arial, Helvetica, sans-serif;		
	}
	
	h1 {
	}
	
	h2 {
	}
	
	p {
		color:#999;
		font-size:12px;
		line-height:150%;
	}

.links ul li {
	display:inline;
	text-decoration:none;
	padding:20px;
}
.menu ul li {
	text-decoration:none;
	list-style-type:none;
	font-size:12px;
	line-height:150%;
}
/* 4. LINKS */

	
	p a:link, p  a:visited, p a:focus, p a:active {
		text-decoration:none;
		cursor:pointer;
		font-size:12px;
		color:#999;
		
	}
	
	p a:hover {
		text-decoration:none;
		cursor:pointer;
		font-size:12px;
		color:#000;
		
	}
.menu a:link, .menu  a:visited, .menu a:focus, .menu a:active {
		text-decoration:none;
		cursor:pointer;
		font-size:14px;
		color:#000;
		border-bottom:1px solid #000;
		margin-right:10px;
		
	}
	.menu ul li a:link, .menu ul li a:visited, .menu ul li a:focus, .menu ul li a:active {
		text-decoration:none;
		font-size:12px;
		color:#000;
		border:0px;
		
	}
	.menu ul li a:hover {
		text-decoration:none;
		font-size:12px;
		color:#999;
		border:0px;
	}
		
	.menu a:hover {
		text-decoration:none;
		cursor:pointer;
		font-size:14px;
		
		border-bottom:1px solid #666;
		color:#666;
		
	}
	a:link, a:visited, a:focus, a:active {
		text-decoration:none;
		cursor:pointer;
		font-size:16px;
		color:#000;
		padding:0px;
		
	}
	
	a:hover {
		text-decoration:none;
		cursor:pointer;
		font-size:16px;
		color:#666;
		
		padding:0px;
		
	}
	.footer {
		font-size:12px;
	}
	.footer a:link, .footer  a:visited, .footer a:focus, .footer a:active {
		text-decoration:none;
		cursor:pointer;
		font-size:10px;
		color:#FFF;
		
	}
	.footer a:hover {
		text-decoration:none;
		cursor:pointer;
		font-size:10px;
		color:#999;
		
	}


/* 5. Special - CODA SLIDER */

		p {
			line-height:150%;
			padding-bottom:20px;
			font-size:12px;
			color:#000;
			letter-spacing:normal;
		}
		h3 {
			padding-bottom:15px;
			font-size:20px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			color:#000;
		}
		
		.cota {
			width: 800px;
				position: relative;
			margin: auto;
		}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
width: 800px;
margin: 0 auto;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 400px; background: #000; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 800px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 400px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. 
			Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 800px; /* Also specified in  .stripViewer  above */
		}
		#wrapper {
position: relative;
width: 800px;
margin: 0 auto;

}
#slider {
width: 800px;
margin: 0 auto;
position: relative;

}
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			margin:-40px 0px auto auto;
			float:right;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
		
			font-size: 14px;
			line-height: 200%;
			text-decoration: none;
			display: block;
			letter-spacing:3px;
			font-weight:thin;
			font-weight:lighter;
			color:#000;
			text-decoration:none;
			padding:0 16px;
		}
		
		.stripNav li a:hover {
			background:#FFF;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}