/*-----------------------------------------------------------------------------

    Court of Master Sommeliers : Stylesheet
	August 09
	Web Advanced 

------------------------------------------------------------------------------*/


/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a { color: #5f0612;}
	a:hover {}
	
	
/*  MASTER
	------------------------------------------------------------------------- */	
	
	html { background: #000000 url(../images/global-bg.jpg) top center no-repeat; min-width:950px; }
	body { margin:0; padding: 0 0 20px 0; font-family: Arial; background: #000000 url(../images/global-bg.jpg) top center no-repeat; text-align: center;
		font-size: 12px; color: #404040; }
	img, a img { border: 0; }
	
	
/*  HOME PAGE
	------------------------------------------------------------------------- */	
	
	#wrapper { width:950px; margin: 0 auto; text-align: left; }
	#header { }
		#header img { margin: 0 0 1px 100px; }
	
	#nav {}
		#nav ul { margin:0; padding:0 0 0 100px; overflow:hidden; }
		#nav li { margin:0; padding: 0 24px 0 0; float:left; list-style:none; display:block; }
	
	#banner-home { margin: 0 5px; }
		#banner-home { height: 365px; text-align: right; background: #000 url(../images/home-bannerbg.jpg) 0 0 no-repeat; }
		#banner-home img { padding: 90px 40px 0 0; }
		
	#content-home { padding: 0 5px; margin-top:5px; background: #5f0612; }
		#content-home .spotlights  { width: 940px; background: #f8f4ec url(../images/home-spotlight-divider.gif) top center no-repeat; }
		#content-home .spotlights .col1, #content-home .spotlights .col3 { width: 33%; float: left; background: url(../images/home-spotlightbg.gif) top center no-repeat; 			text-align: center; }
		#content-home .spotlights .col2 { width: 34%; float: left; background: url(../images/home-spotlightbg.gif) top center no-repeat; 
			text-align: center; }
		
		#content-home .spotlights .col1 h2, #content-home .spotlights .col2 h2, #content-home .spotlights .col3 h2 { height: 100px; margin-top:18px; }
		#content-home .spotlights .content { 
			text-align: left; padding: 0 60px; height: 120px;
			font-size: 11px; font-family: Arial; color: #2b2b2b; line-height: 14px; }
		#content-home .spotlights .link { margin: 15px 0; }
				
	#footer { padding: 14px 0px 10px 70px; color: #c9b88e; background: url(../images/global-footer.jpg) 0 0 no-repeat; font-size: 11px; clear:both; }
		#footer ul { margin: 0; padding: 0; }
		#footer li { display:inline; padding: 0 14px 0 0; }
		#footer a { color: #c9b88e; }
		#footer a:hover { color:#ffffff; }
		#footer div { padding:10px 0; }
	
	
	
/*  SUBPAGES
	------------------------------------------------------------------------- */	

	#banner-subpage { height: 279px; margin: 0 5px; border-bottom:1px solid #d5ccbc; }
		.banner-subpage { height: 279px; text-align:left; line-height:17px; }

	.error {color:red; text-decoration:none;}
		
	/* Single column */
	.singlecol { background: #5f0612; clear:both; }
		.singlecol #content-subpage  { padding:30px 42px; overflow: auto; background: #f8f4ec; margin: 0 5px; }
		
	/* Two column */
	.twocol { background: #5f0612; clear:both;  } 
		.twocol #content-subpage { margin: 0 5px; border:1px solid #fff !important; background: #f8f4ec url(../images/subnav.gif) 0 0 repeat-y !important; 
		
		background: #f8f4ec url(../images/subnav2.gif) 0 0 repeat-y;  /* ie6 */
		border:0; /* ie6 */
		min-height:300px;
		overflow: auto;  }	

		.twocol .col-nav { width: 228px; background: #e8e8e8; float:right; }
			.twocol .col-nav .col-nav-wrapper { padding: 20px 20px; }
		.twocol .col-content { width: 710px; float:right; }
			.twocol .col-content .col-content-wrapper { padding: 25px 40px; }
		
	#spotlights-subpage { border-top: 1px solid #f8f6f1; border-bottom: 1px solid #f8f6f1; background: #e7e1d7; padding: 20px 0; margin: 0 5px; line-height:18px; clear:both; }
		#spotlights-subpage img { border: 4px solid #c6bca9; }
		#spotlights-subpage strong, #spotlights-subpage b { color: #760816; }
		
	/* Left Nav */
	.sidenav, .sidenav ul { margin: 0; padding:0; }
	.sidenav li, .sidenav li a { display:none; }
	.sidenav li.on, .sidenav li.on li, .sidenav li ul a { display:block; }
	
	.sidenav ul li { font-size: 12px; list-style:none; border-top:1px solid #bebebe; margin:0; padding:0; }
	.sidenav ul li:first-child { border:0; }
	
	.sidenav ul li a { color: #040404; text-decoration:none; display:block; padding: 9px 4px 9px 18px; }
	.sidenav ul li.on a { color: #ffffff; text-decoration: none; font-weight:bold; background-color: #440000; }
	.sidenav ul li.on li a { font-weight:normal; background-color:#d4d2d2; color:#440000; }
	.sidenav ul li a:hover { text-decoration: underline; }
	
	.sidenav ul li ul { margin:0; padding:0; }
	.sidenav ul li ul li:first-child { border-top:1px solid #bebebe; padding-top:8px; background:#D4D2D2; }
	.sidenav ul li li { border:0; }
	.sidenav ul li li a { padding: 0 0 8px 26px; color: #440000; text-decoration:none; background-color:#d4d2d2; font-weight:normal;  }
	.sidenav ul li li a:hover  { text-decoration:underline; }
	.sidenav ul li li.on a { font-weight:bold; }
	
		
	/* Misc Styles */	
	div.hr { height:1px; line-height:1px; background-color: #d5ccbc; margin:20px 0; padding:0; }
	.col-content-wrapper div.post { padding-bottom: 3px; }
	
	/* Accordion Menu */
	.accordion { padding-bottom: 10px; }
	.accordion h4:hover { background: #d3d3d1 url(../Images/arrow2.gif) no-repeat scroll right center; border-bottom:1px solid #afafaf; color:#440000; }
	.accordion h4 {
		background:#e8e8e8 url(../Images/arrow.gif) no-repeat scroll right center;
		border-bottom:1px solid #d3d3d1;
		cursor:pointer;
		font-size:12px;
		margin:0 0 10px 0;
		padding:8px 0 8px 10px;
		color:#440000;	}
	.accordion div { padding: 4px 0 14px 10px; display:none; }
	
	
	/* Members table */
	table.mem {}
	.mem .mem-date { background-color: #ECE8DF; text-align:center; font-size: 30px; color:#620412; font-family: Georgia, Times New Roman, serif; padding:20px 0; }
	.mem .mem-content { background-color: #ECE8DF; vertical-align:top; padding-right:10px; padding:20px 0; }
	#wrapper .mem .mem-single { vertical-align:middle; }
	.mem .mem-spacer, .mem-search .mem-spacer { height: 10px; line-height:1px; }
	.mem table.mem-roster{padding: 14px 0;}
	.mem .mem-roster th{color: #620412; padding: 0 0 5px 0;}
	.mem .mem-roster td{line-height: 18px;}
	.mem .greyLine{width: 470px; height: 1px; background: #c1bcc3; line-height: 0.1em;}
	.mem-search{background: #ECE8DF; margin-bottom: 10px;}
	.mem-search td{padding: 10px 0;}
	.mem-search .searchButton{vertical-align: bottom;}
	
	.mem .mem-nospacer {height:0px; line-height: 0px}
	
	
	/* Application Styles */
	#content-subpage .application  h1 { background: url(../images/application-h1.jpg) 0 0 repeat-x; font-size: 16px; color:#fff; padding: 6px 14px; font-weight:normal; margin: 20px 0 1px 0; clear:both; }
	
	.application .step-comment { padding: 14px 14px 0 14px; border:1px solid #000; clear:both; margin-bottom:3px; }
	.application .step-comment h3 { margin:0 0 2px 0; font-size:14px; }
	.application .step-comment p { margin:0 0 14px 0; }
	
	.application ul { margin: 0 0 2px 0; padding:0; overflow:auto;  }
	.application ul li { background-color: #e8e8e8; padding:10px 14px; margin:0 0 1px 0; overflow:auto; clear:both; font-weight:bold; font-size:11px; list-style:none; color:#000; }
	.application ul li div.leftcolumn { display:block; float:left; padding-top:8px; width:180px; clear:left; }
	.application ul li div.leftcolumn input { margin: 0 10px 0 0; }
	
	.application ul li div.rightcolumn { display:block; float:right; width:400px; font-weight:normal; }
	.application ul li.disabled { color:#999; }

	.application .step-submit { padding-top:20px; }
	
	/* Highlight */
	div.highlight { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: #e8e8e8 url(../images/highlight.gif) right bottom no-repeat; 
		padding: 16px 30px 16px 16px; margin-bottom: 26px; }
	div.highlight strong, div.highlight b { color:#440000;  }
	
	/* Typography */	
	.singlecol h2, .twocol h2, .singlecol h1, .twocol h1 { font-size: 14px; color: #663333; font-weight: bold; padding:0 0 2px 0; margin-bottom: 20px; border-bottom: 1px solid #e3cda1; }
	.singlecol h3, .twocol h3 { font-size: 13px; }
	
	
	/*  Login/Logout */
	
	.loginBox {width:340px;height:120px;}
	.loginBox td {padding-bottom:6px;}
	.loginBox a {font-size:10px;}
	.loginField {width:130px;}

	.logoutBox {width:200px;height:120px;}
	
	
	/* Session Time Out */
	
	.cartHeader {margin-bottom:15px;font-family:Georgia, Helvetica;font-size:18px;color:#4b100b;font-weight:normal;}