/*================== MAIN CSS ==================*/

* { /* clear margins and padding for all elements - eliminate browser default inconsistencies */
	margin: 0;
	padding: 0;
	}
body {
	color: #00457a;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background: #CCCC99;
	}

body div#listcontainer ul li ul {display:none;}

a {
	color: #000;	
	text-decoration: none;
	}
	a:hover, a:active { 
		color: #000;	
		text-decoration: underline;
		}
	img, a img {
		border: none;
		background: none;
		}		

.clear { /* class may be assigned to any element following floats to clear them properly */
	clear: both;
	}

h1 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
h2 {
	color: #003366;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 14px 0;
	line-height: 125%;
	}

	
p {
	margin: 0 0 0 0;
	padding: 0 0 13px 0;
	line-height: 115%;
	}
		
/*================== STRUCTURAL CSS ==================*/		
		
div#container {
	text-align: left;
	width: 781px; /* if this value changes, then the widths of the floated columns must also be adjusted */
	margin: 35px auto 0 auto; /* auto setting for left-right margins to center the container in non-IE browsers */
	position: relative;
	}
	html>body div#container {
		height: auto;
		}
	div#inner_container {
		width: 781px;
		height: 747px;
		background-color: #FFF;
		}
		
		/* Header */
			
		div#header {
			width: 781px;
			height: 117px;
			background: url("../img/header.gif") no-repeat;
			}
		div#navbox {
			float: left;
			width: 215px;
			height: 215px;
			margin: 0 0 0 11px;
			padding: 0;
			display: inline;				
			background: url("../img/navbox.gif") no-repeat;
			}
			div#yelp {
				float: left;
				padding: 0;
				margin: 130px 0 2px 32px;
				display: inline;				
				}
			div#italian-music {
				float: left;
				padding: 0;
				margin: 130px 0 2px 32px;
				font-size: 14px;
				display: inline;				
				}
			div#pascuale {
				float: left;
				width: 220px;
				height: 150px;
				margin: 5px 0 25px 25px;
				padding: 0;
				cursor: pointer;
				display: inline;				
				background: url("../img/pasquale220x150.jpg") no-repeat;
				}

		div#content {
			float: left;
			display: inline;				
			margin-left: 20px;
			width: 480px;
			overflow: auto;
			}	

		div#content p {
			font-family: Monotype Corsiva, cursive;
			font-size: 14px;
			color: #000000;
		}


		div#footer {		
			float: left;
			width: 781px;
			height: 80px;
			margin-top: 15px;
			padding: 0;
			font-size: 12px;
			color: #FFFFFF;
			background-color: #990033;	
			display: inline;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			padding-top: 14px;
			}
			div#footer a {
				color: #FFFFFF;	
				text-decoration: underline;
				}
				div#footer a:hover, div#footer a:active { 
					color: #00457a;	
					text-decoration: none;
					}
			div#footer_links {		
				float: left;
				margin: 13px 0 0 21px;
				padding: 0;
				display: inline;
				}
			div#footer_logos {		
				float: right;
				height: 53px;
				margin: 0;
				padding: 0 12px 0 0;
				display: inline;
				}
				div#footer_logos a {		
				padding-left: 32px;
				}						

/*================== TABLES AND FORMS ==================*/	

table#form { 
	width: 462px;
	border-collapse: collapse;
	border-spacing: 0;
	}	
	td { 
		vertical-align: top;
		}	
		td.label_short {
			width: 122px;
			height: 42px;
			padding-right: 5px;
			}
		td.label_long {
			width: 187px;
			height: 42px;
			padding-right: 5px;
			}
		td.label_zip {
			width: 54px;
			height: 42px;
			padding-right: 5px;
			}
		td.label_phone {
			width: 97px !important;
			height: 42px;
			padding-right: 5px;
			}		
			
form#search_form {
	float: left;
	width: 462px;
	margin: 0;
	padding: 0;
	}				
	input.text_input_short {
		width: 110px;
		}
	input.text_input_long {
		width: 180px;
		}
	input.text_input_zip {
		width: 54px;
		}		
	input.text_areacode	{
		width: 23px;
		}
	input.text_prefix {
		width: 23px;
		}
	input.text_suffix {
		width: 28px;
		}	
	select.select_input	{
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		width: 110px;
		}
	button#form_btn {
		float: right;
		width: 178px;
		height: 34px;
		margin: 0;
		padding: 0;
		border: 0;
		cursor: pointer;
		text-decoration: none;
		}
		button#form_btn span {
			float: left;
			width: 178px;
			height: 34px;
			text-align: center;
			margin:  7px 0 0 -3px;
			padding: 0;
			font-size: 14px;
			font-weight: bold;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			}

	
/*================== MENU BLOCK  ==================*/	

div#listcontainer { width:100%; font-size: 1.25em; font-family: Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF; text-align:left; }
div#listcontainer ul { border:0; margin:10px 1.25em; padding:0; list-style-type:none; }
div#listcontainer ul li { margin:0; padding: 3px 0; text-indent: 1em;  position:relative; left:-5px;}
div#listcontainer li:hover {display:block;}
div#listcontainer a { text-decoration: none; color:#FFFFFF; display:block;}
div#listcontainer a:hover {background-color:#859a09;}

div#listcontainer ul li ul{margin:0; padding: 0px; width:150px; position:absolute; left:195px; top:-1px; background-color:#4B670B; border:1px solid #6F853C; padding-left:10px; }
div#listcontainer ul li ul li{ margin:0;  position:relative; width: inherit; border-top: 1px solid #6F853C; text-indent: 0; padding-left:5px; left:-6px;}
div#listcontainer ul li ul li:first-child {border-top:0 solid #859a09; }
div#listcontainer ul li:hover ul {display:block; }
div#listcontainer ul li ul:hover {display:block; }

* html div#listcontainer ul li ul li:first-child {border-top:0 solid #859a09; }
* html div#listcontainer a {display:block;}

/*================== THEME SPECIFIC ==================*/	

/* THEME 1 */

body#theme_1 div#header {
	background: url("../img/theme_1/bg_header.gif") no-repeat;
	}
	
body#theme_1 div#content {		
	background: url("../img/theme_1/bg_main.jpg") no-repeat;
	}
		
body#theme_1 div#primary_graphic {
	background: url("../img/theme_1/bg_primary_graphic.jpg");
	}
	
body#theme_1 div.sep {
	background: url("../img/theme_1/right_column_sep.gif") no-repeat;
	}		
	
body#theme_1 button#form_btn {
	background: url("../img/theme_1/btn_submit.gif") no-repeat top left;
	}
	
body#theme_1 button#form_btn span {
	color: #00457a;
	}	
	
/* THEME 2 */	

body#theme_2 div#header {
	background: url("../img/theme_2/bg_header.gif") no-repeat;
	}
	
body#theme_2 div#content {		
	background: url("../img/theme_2/bg_main.jpg") no-repeat;
	}
		
body#theme_2 div#primary_graphic {
	background: url("../img/theme_2/bg_primary_graphic.jpg");
	}
	
body#theme_2 div.sep {
	background: url("../img/theme_2/right_column_sep.gif") no-repeat;
	}		
	
body#theme_2 button#form_btn {
	background: url("../img/theme_2/btn_submit.gif") no-repeat top left;
	}
	
body#theme_2 button#form_btn span {
	color: #fff;
	}	
	
/* THEME 3 */	

body#theme_3 div#header {
	background: url("../img/theme_3/bg_header.gif") no-repeat;
	}
	
body#theme_3 div#content {		
	background: url("../img/theme_3/bg_main.jpg") no-repeat;
	}
		
body#theme_3 div#primary_graphic {
	background: url("../img/theme_3/bg_primary_graphic.jpg");
	}
	
body#theme_3 div.sep {
	background: url("../img/theme_3/right_column_sep.gif") no-repeat;
	}		
	
body#theme_3 button#form_btn {
	background: url("../img/theme_3/btn_submit.gif") no-repeat top left;
	}
	
body#theme_3 button#form_btn span {
	color: #00457a;
	}	

/* THEME 4 */	

body#theme_4 div#header {
	background: url("../img/theme_4/bg_header.gif") no-repeat;
	}
	
body#theme_4 div#content {		
	background: url("../img/theme_4/bg_main.jpg") no-repeat;
	}
		
body#theme_4 div#primary_graphic {
	background: url("../img/theme_4/bg_primary_graphic.jpg");
	}
	
body#theme_4 div.sep {
	background: url("../img/theme_4/right_column_sep.gif") no-repeat;
	}		
	
body#theme_4 button#form_btn {
	background: url("../img/theme_4/btn_submit.gif") no-repeat top left;
	}
	
body#theme_4 button#form_btn span {
	color: #00457a;
	}
	
body#theme_4 h1 {
	color: #00457a;
	}	

/* THEME 5 */	

body#theme_5 div#header {
	background: url("../img/theme_5/bg_header.gif") no-repeat;
	}
	
body#theme_5 div#content {		
	background: url("../img/theme_5/bg_main.jpg") no-repeat;
	}
		
body#theme_5 div#primary_graphic {
	background: url("../img/theme_5/bg_primary_graphic.jpg");
	}
	
body#theme_5 div.sep {
	background: url("../img/theme_5/right_column_sep.gif") no-repeat;
	}		
	
body#theme_5 button#form_btn {
	background: url("../img/theme_5/btn_submit.gif") no-repeat top left;
	}
	
body#theme_5 button#form_btn span {
	color: #00457a;
	}	
