@charset "UTF-8";
/* CSS Document for WinnerViews - Layout */

/* created: June 15, 2009 */
/* edited: June 15, 2009, Sept 23, 2009, Sept 24, 2009, Sept 30, 2009 */
/* Oct 6, 2009, Oct 7, 2009, Oct 8, 2009, Oct 9, 2009, Oct 20, 2009,  */
/* Oct 21, 2009, Oct 27, 2009, Oct 28, 2009, Oct 29, 2009, Oct 30, 2009 */
/* Oct 31, 2009, Nov 1, 2009, Nov 2, 2009, Dec 1, 2009*/
/* May 17, 2011 */
/* December 19, 2011 */
/* Author: Stacey Sansom with Stacey Sansom Designs */
/* copyright 2009 WinnerViews and JJ Smith */


/* style the body elemts on the page, screen margins, background, and font sizing */
		body {font: 95% "Times New Roman", Times, serif;
			line-height: 1.4em;
			background-image: url(../images_lo/wv_bg_main_006.jpg); /* purple background image */
			margin: 0; 
			padding: 0;
			text-align: center; 
			color: #000; /* black */}
	


/* clear all margins and padding on paragraph elements, reset according to their individual needs */	
		p {padding: 0;
			margin: 0;}



/* clear all floats for the site's footer */
		br.clear {clear: both;}
	
	

/* center stuff on the screen, keep it all centered */
		.centering #container {width: 990px;  
			height: auto;
			margin: 10px auto; 
			padding: 0;
			text-align: center;}
	
	
/* style the HEADER portion of the site */	
		#header { width: 990px;
			height: 140px;
			background: url(../images_lo/wv_bg_content_header.png) no-repeat;
			padding: 0;
			margin: 0;
			text-align: center;}
			
			

/* style the inspirational quotes and H2 HEADERS on the site, H2 HEADERS are reserved for quotes and taglines */
		h2#inspireQuote {text-align: right;
			font-style: italic;
			font-size: 1.3em;
			color: #000; /* red */
			padding: 0 0 5px 0;
			margin: 0 0 10px 100px;
			border-bottom: 1px solid #000; /* red */
			width: 600px;
			display: block;
			float: right;
			clear: both;}
			
			
		
/* inner CENTERING CONTAINER to center content on the decorative parchment background */		
	
		.innerCenterContainer {width: 900px;
			margin: 0 auto;
			padding: 0;}
				
			#header .innerCenterContainer {height: 140px;}
				
		
		
/* style the CONTENT portion of the site */		

		#contentContainer {position: relative;
			width: 990px;
			background: url(../images_lo/wv_bg_content_content.png) repeat-y; /* parchment */
			margin: 0 auto;
			padding: 0 0 20px 0;
			clear: both;}
	
	
	
/* style the MAIN CONTENT on the site, this is the bulk of the content, the meat of the site */			
			#mainContent {position: relative;
				width: 700px;
				height: auto;
				margin: 0;
				padding: 0;
				float: right;
				text-align: center;}
				
				#mainContent p {text-align: left;}
				
				#mainContent ul {text-align: left;}
				
				#mainContent h2#inspireQuote+p,
				#mainContent h2#inspireQuote+dl,
				#mainContent h2#inspireQuote+table {clear: both;}
				
					
				#mainContent span.addInfo {font-size: .9em;
					font-style: italic;
					margin: 0;
					padding: 0 15px 0 25px;
					display: block;}
					
					
					
/* style the FEATURED CONTENT on the site, primarily the FEATURED PARTNERS */					
					
				#mainContent .featured {width: 100%;
					height: auto;
					margin: 10px auto;
					padding: 0;
					float: left;
					border: 1px dashed #ebb147; /* orange */
					text-align: center;}
					
					#mainContent .featured h4 {display: block;
						background-color: #ebb147; /* orange */
						color: #fde6bb; /* parchment */
						margin: 0;
						padding: 3px 10px;
						font-size: 90%;
						font-family: Arial, Helvetica, sans-serif;
						text-align: left;}
						
						
/* style the TESTIMONIALS on the site */

		#mainContent #testimonials {width: 95%;
			padding-bottom: 25px;} 
		
			#mainContent #testimonials tr {vertical-align: middle;}
		
			#mainContent #testimonials td {background: url(../images_lo/wv_bg_tablerow.png);
				border: 1px solid #fde6bb; /* parchment */
				margin: 5px auto 10px auto;
				padding: 10px;}
		
		
/* style the VERTICAL NAVIGATION on the site */		
				
		#vertNavigation {width: 175px;
			margin: 0 0 0 0;
			padding: 5px 0 5px 0;
			border-right: 1px solid #ebb147; /* orange */
			color:  #b30000; /* #F81046; #E00036; #C91424; #B0172E; #860016 #bb362e red */
			font-family: Arial, Helvetica, sans-serif;}
			
			ul#mainNav {display: block;
				list-style-type: none;
				margin: 10px 0 10px 0;
				padding: 12px 0 12px 0;
				border-top: 1px solid #ebb147; /* orange */
				border-bottom: 1px solid #ebb147; /* orange */}
				
				ul#mainNav li, 
				ul#mainNav li a, 
				ul#mainNav li.subcurrent a {display: block;
					text-align: right;
					margin: 0;
					padding: 5px 0 5px 0;}
					
					ul#mainNav li a {
						border-top: 1px solid #f8d497;
						border-bottom: 1px solid #f8d497;}
						
						ul#mainNav li.subcurrent a {border-top: 1px solid #ebb147; /*orange*/
							border-bottom: 1px solid #ebb147; /*orange*/}
					
					ul#mainNav li.current {border-top: 1px solid #b30000; /* red */
						border-bottom: 1px solid  #b30000; /* red */
						text-decoration: none;
						margin: 0;
						padding: 5px 17px 5px 0;
						color: #fde6bb; /* parchment */
						background-color: #b30000; /* red */}
						
						ul#mainNav li.current a, ul#mainNav li.current a:hover {color: #fde6bb; /* parchment */
							padding-right: 0;
							border-top: 1px solid #b30000; /* red */
							border-bottom: 1px solid #b30000; /* red */}
						
						ul#mainNav li.subcurrent {border-top: 1px solid #ebb147; /*orange*/
						 	border-bottom: 1px solid #ebb147; /*orange*/
							text-decoration: none;
							margin: 0;
							padding: 5px 17px 5px 0;
							color: #b30000; /*red*/
							background-color: #ebb147; /*orange*/
							font-size: .9em;}
						
					ul#mainNav li a:hover {margin: 0;
						padding: 5px 17px 5px 0;
						border-top: 1px solid #ebb147; /* orange */
						border-bottom: 1px solid #ebb147; /* orange */
						text-decoration: none;}
						
						ul#mainNav li.subcurrent a:hover {margin: 0 -17px 0 0;
							padding: 5px 17px 5px 0;
							border-top: 1px solid #b30000; /*red*/
							border-bottom: 1px solid #b30000; /*red*/}
						
					ul#mainNav li a {margin: 0;
						padding: 5px 17px 5px 0;
						text-decoration: none;
						color: #b30000; /* red */}
						
					

/* style the FOOTER section of the website, contains details about the website content */
#footer {position: relative;
	width: 990px;
	height: 115px;
	background: transparent url(../images_lo/wv_bg_content_footer.png) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 0.9em;
	color: #c47900; /* orange */}
		
	#footer p {margin: 0 125px 0 0;
		padding: 0;}
		
		#footer p.footertop {padding-top: 30px;}
		
	#footer #inspireQuote {float: left;
		width: 60%;
		text-align: left;
		padding-top: 15px;}
		
		
	

/* style the SITE DETAILS section of the site, contains the copyright and designer details */
#siteDetails {width: 990px; 
	font-size: 0.8em;
	color: #333; /* black */
	margin: 0;
	padding: 0;}
	
	#siteDetails #ownerDetails {width: 40%;
		text-align: left;
		float: left;
		margin: 0;
		padding: 0 0 0 40px;}
		
	#siteDetails #designerDetails {width: 40%;	
		text-align: right;
		float: right;
		margin: 0;
		padding: 0 40px 0 0;}
		
		#siteDetails p {margin: 0;
			padding: 0;}
			
		#siteDetails a {color: #333; /* black */ 
			text-decoration: none;}
			
			#siteDetails a:hover {color: #666; /* grey */
				text-decoration: underline;}
			
			
/* style the GO BACK TO TOP LINKS throughout pages */			
a.topLink {clear: left; 
	float: right; 
	margin: 0; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: none;
	color: #ebb147; /* orange */ }
	
	a.topLink:hover {color: #b30000; /* red */}
	
	
/* style SKIP TO LINKS on pages */
ul#skipTo {list-style-type: none;
	display: block;
	margin: 0 0 10px 0; 
	padding: 2px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #ebb147; /* orange */ 
	text-align: center;}
	
	ul#skipTo li {display: inline;
		margin: 0 0 10px 0;}
	
	ul#skipTo li a {text-decoration: none;
		color: #ebb147; /* orange */ }
		
		ul#skipTo li a:hover {color: #b30000; /* red */}