@charset "utf-8";
/* CSS Document */
/* This doc contains layout styles specific to the home page only */

/* over-ride styles */
#topNav_outer {
	/* For the moment let's hide the secondary nav by overriding the TopNav styles found in generic.css - we can always delete the html later if necessary */
	margin-top:1px;
	text-align:center;
	height:22px;/* the table we are hiding is 22px high so this accounts for it*/
}

#topNav, #secondNav {display:none;}

#header {
	text-align:left;
	width:760px;
	margin:0 auto;
	/* min-height doesnt work in IE so I use this hack */
	min-height:302px;
	height:auto !important;
  	height:302px;
	/*position:relative;*/
}

#footer_inner_left {display:none;
/* for the moment lets just hide the newsletter sign up in the footer - we can delete the html later */
}

/* end over-ride styles */

/* content styles */
#content_outer {
	text-align:center;
	width:100%;
	position:absolute;
	top:348px;
	left:0px;
}

#content {
	width:780px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:10px;
}

#content_inner {
	margin:0 10px 0 10px;
	padding:15px 0 0 0;
}

/**** three columns ***/
/* this style keeps the columns the same height - increase these values if the amount of text changes too much */
#content_inner div.column_one, #content_inner div.column_two, #content_inner div.column_three  {
	/* min-height doesnt work in IE so I use this hack */
	min-height:11em;
	height:auto !important;
  	height:11em;
}

#content_inner div.column_one {
	float:left;
	display:inline; /*IE6 floated element bug fix*/
	width:250px;
	border-left: 1px dotted #cccccc;
}

#content_inner div.column_two {
	float:left;
	display:inline; /*IE6 floated element bug fix*/
	width:255px;
	border-left: 1px dotted #cccccc;
}

#content_inner div.column_three {
	float:right;
	display:inline; /*IE6 floated element bug fix*/
	width:250px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}

#content_inner div.column_inner{
	padding-left:12px;
}

#content_inner div.column_inner img{
	float:right;
		display:inline;

}

#content_inner div.column_inner h2 {
	font-weight:normal;
	font-size:1.3em;
}

#content_inner div.column_inner p{
	margin-bottom:7px;
}
	
#content_inner div.column_inner a:link, #content_inner div.column_inner a:visited, a.show_all{
	text-decoration:none;
}


/* these are styles that deal with the CONTENT of the venue finder pop-up  */
/* styles that deal with the open and close of the pop up are in generic.css */
#venue_finder-outer {
	/*left:10px;*/
	width:760px;
	background:#665a94 url(../images/venue_finder_back.png) bottom no-repeat;
	/* min-height doesnt work in IE so I use this hack */
	min-height:210px;
	height:auto !important;
	height: 210px;
	
}

#venue_finder-inner_left {
	float:left;
	width:476px;
	margin-left:16px;
	display:inline;
}

#venue_finder-inner_left h2{
	font-weight:normal;
	font-size:1.9em;
	padding-bottom:8px;
	border-bottom:1px dotted #ccc;
	margin-bottom:8px;
	margin-top:8px;
}

#venue_finder-inner_left #left_box {
	width:230px;
	background:#50486d;
	min-height:140px;
	height:auto!important;
	height:140px;
	float:left;
	display:inline;
	margin-bottom:5px;
}

#left_box_inner,  #right_box_inner{
	padding:10px;
}

#venue_finder-inner_left #right_box {
	width:230px;
	background:#50486d;
	min-height:140px;
	height:auto!important;
	height:140px;
	float:left;
	display:inline;
	margin:0 0 10px 10px;
}

#right_box_inner p{
	text-align:center;
	font-size:1.2em;
	color:#f8f8f8;
	margin-bottom:0;
	padding-bottom:0;
}

#venue_finder-inner_right {
	float:right;
	display:inline;
	width:240px;
	background: url(../images/shadow.png) left top no-repeat;
	min-height:170px;
	height:auto!important;
	height:170px;
}

#venue_finder-inner_right_inner {
	padding:15px;
}

#venue_finder-inner_right h3{
	font-weight:normal;
	font-size:1.3em;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:16px;
}

#venue_finder-inner_right p{
	color:#ccc;
	margin-bottom:12px;
}

select{
	width:210px;
}

input.dine_text {
	width:200px;
	background-color:#333333;
	border:1px solid #848284;
	color:#cccccc;
}

input.dine_submit{
	float:right;
	display:inline;
	background-color:#655b93;
	border:1px solid #40395b;
	color:#cccccc;
}

input.dine_submit:hover{
	background-color:#50486d;
	border:1px solid #ccc;
	color:#fff;
}