@charset "UTF-8";
/* CSS Document */
body {
  font-size: 12px;
  background-color: #ffd24f;
  font-family: arial, sans-serif;
  color: #333333;
  }
/* Global Styles */
a { color: #6784c1; text-decoration: none;}
a:hover { text-decoration: underline;}

a.top {  
	clear: left; 
	width: 70px; 
	padding: 10px; 
	background: url(/images/list-carrot.gif) left 14px no-repeat;
	display: block; 
	color: #393; 
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	}
em { font-style: italic; }
h1 { 
		margin: 40px 0 20px 0;
		width: 330px;
		height: 121px;
		line-height: 1.3em;
		font-size: 26px;
		font-weight: normal;
		}
		.one { font-size: 28px; margin: 100px 0 20px 0; height: 61px;}
		.two { font-size: 28px; margin: 65px 0 20px 0; height: 96px}
h2 {
	clear: left;
	margin: 18px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	font-size: 18px;
	color: #e09d24;
	}
h3 {
	margin: 18px 0 0px 0;
	font-weight: bold;
	font-size: 14px;
	color: #e09d24;
	}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 18px 0 0px 0;
	color: #555;
	}
	h4.multiLine { line-height: 1.5em; margin-top: 12px; }
h5 {
	font-size: 11px;
	margin: 18px 0 0px 0;
	font-weight: bold;
	color: #555;
	}
.border {
	clear: left;
	border-top: 1px solid #eeedea;
	padding-top: 12px;
	margin-top: 20px;
	}
.dborder {
	clear: left;
	border-top: 1px dashed #a5a5a5;
	padding-top: 8px;
	margin-top: 20px;
	}
	.dborder h3 {
	padding-bottom:10px;
	}
p {
	line-height:1.5em;
	margin: 0px 0 10px 0;
	}
	p strong{  color: #555; }



.quote {
 font-style:italic;
}
a.matchText{
    color: #555;
}
	

/* Layout Styles */  
#wrapper {
	margin: 0 auto; 
	width: 968px;
	padding: 0;
	}
  #container {
 	 width:958px;
 	 margin: 30px 0 0 0;
 	 padding: 5px;
 	 border: 2px solid #fcb536;
 	 background-color: #fff;
 	 float: left;
  	}

	.header {
		background-color:#fff;
		background: #fff url(/images/bg_header.gif) top left repeat-x;
		width: 958px;
		height: 78px;
		float: left;
		border-bottom: 1px solid #afc0dc;
		}
		.header a.logo {
			float: left;
			display:block;
			width: 159px;
			height: 48px;
			background: url(/images/logo.gif) top left no-repeat;
			margin: 17px 0 0 12px;
			
			}
		.header a.button {
			float: right;
			background: url(/images/btn_bestpractices.gif) top left no-repeat;
			width: 138px;
			height: 38px;
			margin: 18px 20px 0 0;
			}
			.header a.button:hover {
				float: right;
				background: url(/images/btn_bestpractices.gif) bottom left no-repeat;
				}
	    .header a.button {
			    float: right;
			    background: url(/images/btn_demo.gif) top left no-repeat; 
			    width: 100px;
			    height: 32px;
			    margin: 18px 20px 0 0;
			    }
			    .header a.button:hover {
				    float: right;
				    background: url(/images/btn_demo.gif) bottom left no-repeat;
				    }			
		.login {
		    float:right;
		    margin: 0 0 25px 50px;
		    font-size: 11px;
		}
		.login h3 {
		    margin-top: 0px;
		}
		.loginButton {
			float: left;
			background: url(/images/btn_acctlogin.gif) top left no-repeat;
			width: 138px;
			height: 38px;
			margin: 10px 0 8px 0;
			}
			a.loginButton:hover {
				background: url(/images/btn_acctlogin.gif) bottom left no-repeat;
				}
           
	.main {
	  background: #fff url(/images/bg_main.gif) top left repeat-y;
	  width: 958px;
	  float: left;
	  } 		
	  	
		.nav { 
			float: left;
			width: 182px;	
			padding-right: 1px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 11px;
			}
			.nav ul {margin: 0 0 28px 0; padding: 0; }
				.nav ul li {
					background-color: #716363;	
					margin: 0; padding: 0;
					border-top: 1px solid #c6c1c1;
					border-bottom: 1px solid #c6c1c1;
					background: #716363 url(/images/bg_navitem_arrow.gif) right 13px no-repeat;
				 	}
				 	
				 	.nav ul li a {
						display: block;
						color: #fff;						
						padding: 12px 25px 12px 12px;											
					 	}
					 	.nav ul li a.active {
							background: #6684c0 url(/images/bg_navitem_arrow_active_alt.gif) right 13px no-repeat;								
						 	}
						 
						 .nav ul li.contact { 	
						    border-top: 3px solid #ccc;					    						   						    			   						    			   
						    }										   					 
                            .nav ul .contactActive { 
                                border-top: 3px solid #c6c1c1;
                                background: #6684c0 url(/images/bg_navitem_arrow_active_alt.gif) right 10px no-repeat;						 	                                    
                                }

						
						
				.nav ul ul {margin: 0; padding: 0;}
					.nav ul ul li {
						margin: 0; 
						padding: 0; 
						background: #fff url(/images/bg_subnav.gif) top right repeat-y;
						border: none;
						border-bottom: 1px solid #babab7;
						font-size: 11px;
						}
						.nav ul ul li a {
							display: block;
							width: 158px;
							color: #555;
							padding: 8px 0 8px 24px;
							background: url(/images/bg_subnavitem_arrow.gif) 10px 10px no-repeat;
							}
							.nav ul ul li a:hover { 
								background-color: #fffaec;
								}
								.nav ul ul li a.active { 
									background-color: #dce4f5;
									background-image: none;
									}
								
						.nav ul ul ul li {	
							border: none;
							border-top: 1px solid #eeeeee;							
							 }
						
						.nav ul ul ul li a {
							display: block;
							margin: 0; 
							padding: 0; 
							font-size: 11px;
							font-weight: normal;
							width: 158px;
							padding: 5px 0 5px 24px;
							background: url(/images/bg_subsubnav.gif) 14px 8px no-repeat;						
							}
		    .nav .ad { margin: 0 0 0 15px;}
		    .nav h4 { margin: 0 0 10px 15px;}				
		.content {float: left; width: 775px;}				
			.content a { text-decoration: underline;}	
				.content a:hover {color: #4c71be;}
			
			
				
				
				fieldset { margin: 0 0 12px 0;}
				label {text-align: right; width: 120px; display:block; float: left; margin: 4px 10px 0 0;}
				input, textarea {border: 1px solid #ccc; padding: 3px; width:250px;}
				input.short {width:100px;}
				textarea {
				    font-family: arial, sans-serif; 
				    font-size: 11px;
				    height:150px;
				    }
				.checkboxRow input { margin-left: 0px; width:20px; border: none; }
				.checkboxRow label {text-align: left; width: auto; display:inline; float: none; margin: 4px 10px 0 0;}
				
				.submit { 
					margin-left: 130px; 
					background: url(/images/btn_submit.gif) top left no-repeat; 
					width: 66px; 
					height: 27px; 
					border: none; 
					}
					.submit:hover { background-position: 0 -28px; cursor: pointer;}
				.getPassword { 
					margin-left: 130px; 
					background: url(/images/btn_getpassword.gif) top left no-repeat; 
					width: 110px; 
					height: 27px; 
					border: none;  
					}
					.getPassword:hover { background-position: 0 -28px; cursor: pointer;}
				.cancel { 
					margin-left: 5px; 
					background: url(/images/btn_cancel.gif) top left no-repeat; 
					width: 66px; 
					height: 27px; 
					border: none; 
					}
					.cancel:hover { background-position: 0 -28px; cursor: pointer;}
					
				table { margin: 15px 0; border: 1px solid #d5d5d5; border-bottom: none; border-collapse: collapse;}
				table thead { text-align: left; }				
				table th { padding: 5px 10px 5px 10px; border-bottom: 1px solid #d5d5d5; font-weight: bold; width: 300px;}	
				table td { padding: 5px 10px 5px 10px; border-bottom: 1px solid #d5d5d5; width: 300px;}	
				    table .rightColumn {border-left: 1px solid #d5d5d5; width: 150px;}
					
					
					
				
			.abstract { float: left;}
				.apple      { background: url(/images/header_apple.jpg) top left no-repeat;	}
				.butterfly  { background: url(/images/header_butterfly.jpg) top left no-repeat;	}
				.fish         { background: url(/images/header_fish.jpg) top left no-repeat;	}
				.flower 	   { background: url(/images/header_flower.jpg) top left no-repeat;	}
				.leaves     { background: url(/images/header_leaves.jpg) top left no-repeat;	}
				.peppers   { background: url(/images/header_peppers.jpg) top left no-repeat;	}
				.rocks      { background: url(/images/header_rocks.jpg) top left no-repeat;	}
				.wine       { background: url(/images/header_wine.jpg) top left no-repeat;	}
			
			.twoCol {
				width: 715px;
				clear: both;
				margin: 0 30px 0 30px;
				padding-bottom: 20px;
				}
			.leftCol { 
				float: left;
				width: 490px;
				padding: 0 30px 15px 30px;
				margin: 0;
				min-height: 355px;
				}
				.leftCol p.intro{ 
				    /*font-size: 14px;*/
				}				
				.leftCol ul {
					margin: 0px 0;
					margin-bottom:15px;
				}
				.leftCol li {
					list-style: none;
					margin: 3px 0 5px 5px;
					padding-left: 10px;
					background: url(/images/bg_subsubnav.gif) 0px 8px no-repeat;
					line-height: 1.5em;			
					}
				li.title{
					background-image: none;
					margin:6px 0 0 0;
					font-weight:bold;
					color: #555;
					padding: 0;
				}
		
			.rightCol {
				width: 225px;
				float: right;
				color: #000;
				font-size: 11px;
				}
				.rightColEntry {					
					width: 168px;
					padding: 0px 20px 20px 20px;			
					border: 1px solid #ccc;
					float: left;
					margin: 0 0 20px 0;
					clear: both;
					}
					.righColEntry h2, .righColEntry h3 { margin: 0; padding: 0;}				
					
					.feature {
						border: 1px solid #ffd24f;
						background: #4d4d4d url(/images/bg_how_works.gif) bottom right no-repeat;
						margin: 115px 0 20px 0;
						padding: 20px 20px 30px 20px;
					    clear: both;
						width: 168px;
						color: #abaa9e;
						font-size:12px;
						}
						.feature:hover {cursor: pointer; background: #5f5f5f url(/images/bg_how_works_hov.gif) bottom right no-repeat;}
						.feature h2 {color: #ffd24f; margin:0 0 4px 0;}
					.where { padding: 0; background-image: none; width: 208px;}						
.footer {
	margin: 0 auto; 
	width: 968px;
	}
	.footer p {
		float: right;
		width: 300px;
		text-align: right;
		margin-top: 20px;
		}
	.footer ul {
		float: left;
		margin-top: 20px;
		}
		.footer ul li {
			float: left;
			background-image: none;
			border-right: 1px solid #999;
			padding: 0;
			}
			.footer ul li.last {	border: none;	}
				.footer ul li a { padding: 0px 7px; color: #333;	}
					

/* Top-Level Page Exceptions */
.single { 
	width: 690px;
	}
	.single h2 {
	font-size:24px;
	padding-bottom:6px;
	}		
	.single ul {
		margin: 0px 0;
		margin-bottom:15px;
		
	}
	.single li.indent {
		font-weight: bold;
		padding-left: 30px;
		background: none;
		}


/* Legacy Content Below */

/* Where you will work page */
#whereMap{
    position:relative;
    margin:30px 0 30px 30px;
}
#whereMap p{
    line-height:1.2em;
}
#mapHeader {
	position:absolute;
	left:0px;
	top:-1px;
	width:708px;
	height:78px;
	z-index:4;
}
#mapBlank {
	position:absolute;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#mapNorthwest {
	position:absolute;
	visibility:hidden;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#mapSouthwest {
	position:absolute;
	visibility:hidden;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#mapNorthMidwest {
	position:absolute;
	visibility:hidden;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#mapSouthMidwest {
	position:absolute;
	visibility:hidden;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#mapNortheast {
	position:absolute;
	visibility:hidden;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#mapSoutheast {
	position:absolute;
	visibility:hidden;
	left:226px;
	top:77px;
	width:482px;
	height:375px;
	z-index:4;
}
#regionList {
	position:absolute;
	left:0px;
	top:78px;
	width:226px;
	height:213px;
	z-index:6;
	margin: 0px;
	padding: 0px;
}
#mapInfoNorthwest {
	position:absolute;
	visibility:hidden;
	left:32px;
	top:295px;
	width:220px;
	height:150px;
	z-index:4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}
#mapInfoSouthwest {
	position:absolute;
	visibility:hidden;
	left:32px;
	top:295px;
	width:220px;
	height:150px;
	z-index:4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}
#mapInfoNorthMidwest {
	position:absolute;
	visibility:hidden;
	left:32px;
	top:295px;
	width:220px;
	height:150px;
	z-index:4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}
#mapInfoSouthMidwest {
	position:absolute;
	visibility:hidden;
	left:32px;
	top:295px;
	width:220px;
	height:150px;
	z-index:4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}
#mapInfoNortheast {
	position:absolute;
	visibility:hidden;
	left:32px;
	top:295px;
	width:220px;
	height:150px;
	z-index:4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}
#mapInfoSoutheast {
	position:absolute;
	visibility:hidden;
	left:32px;
	top:295px;
	width:220px;
	height:150px;
	z-index:4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
}

/* Venues page */
#Venues {margin: 0; padding: 0; }

#Venues .description {
 font-size: 11px;
 padding: 20px;
 margin: 0;
}
#Venues td.tab  {
margin: 0;
padding: 0;
 vertical-align:text-top;
 padding: 0;
 width: 260px;
 float:left;
}
#Venues td.tab img { float: left; width: 130px;}
#Venues td.spacer { width: 351px; background-color: brown;}

#venues table { border: 1px solid red;}