/*   modified on 6/9/2005                                              	*/                  
/*   This CSS document is the property of Red Reataurant & Bar         	*/
/*   This code is open-source so feel free to copy and paste anything   */
/*   you like and spread the word of CSS and Web Standards!             */

/*   Shorthand is clockwise: top right bottom left                      */

body
				{
				margin: 0;
				padding: 0;
				background: url(http://www.redsantacruz.com/images/bg1.gif) repeat;
				color: #E6C896;
				font-family: trebuchet ms, verdana, sans-serif;
				font-size: 80%; /* controls amount of change bewteen IE text-size settings */
				}	

td		{
				text-align: left;	/* fix for IE explorer */
				}

img {
				border: 0;
				display: block;
				}

h1, h2, h3, h4, h5, h6
				{ 
				font-size: 1.25em;
				color: #785A3C;
				}
				
h1.address /* Directions header */
				{ 
				font-size: 1.25em;
				color: #E6C896;
				margin: 1.5em 0 -5px 1.5em;
				}				

p   {
    font-size: .9em;
				color: #E6C896;
				}

p.address {
    font-size: .9em;
				color: #E6C896;
				margin-left: 2em;
				}			

.bold
				{
				font-weight: bold;
				}
					
ul
				{
				margin: 1.5em 0 25px 45px;
				padding-left: 0;
				list-style: none;
				}

ul li
				{
				text-align: left;
				font-weight: bold;
				font-size: .8em;
				padding: 3px 0 3px 10px;
				background-image: url(http://www.redsantacruz.com/menus/images/arrow_up.gif);
 			background-repeat: no-repeat;
				background-position: 0 50%;
				margin: .3em 0; /* vertical spacing between each icon */
				}

/*----- Top navigation -----*/				
#nav-top /* table & background */
				{
				width: 760px;
				margin: 0;
				border: 0;
				background: url(http://www.redsantacruz.com/images/bg-navtop.jpg) no-repeat;
				}
				
#nav-top td
				{
				padding: 0;
				}

/* top navigation bar table navigation - about */
#nav-top td#img-nav1 
				{
				width: 66px;
				vertical-align: bottom;
				padding-bottom: 20px;
				}
				
#nav-top td#img-nav1 a
				{
				display: block;
				width: 66px;
				}
				
#nav-top td#img-nav1 a:hover
				{
				background: url(http://www.redsantacruz.com/images/nav_about_on.png) no-repeat; /* keep image from tiling */
				padding: 0;
				}
				
#nav-top td#img-nav1 a:hover img /* hide the default image to show the background (image) */
				{
				visibility: hidden;
				}
								
				
/* top navigation bar table navigation - menus */				
#nav-top td#img-nav2 
				{
				width: 52px;
				vertical-align: bottom;
				text-align: left;
				padding-bottom: 20px;
				}

#nav-top td#img-nav2 a
				{
				display: block;
				width: 52px; /* IE6 fix, otherwise images flicker */
				}
				
#nav-top td#img-nav2 a:hover
				{
				background: url(http://www.redsantacruz.com/images/nav_menu_on.png) no-repeat;
				padding: 0;
				}
				
#nav-top td#img-nav2 a:hover img
				{
				visibility: hidden;
				}	


/* top navigation bar table navigation - reservations */				
#nav-top td#img-nav3 
				{
				width: 89px;
				vertical-align: bottom;
				padding-bottom: 20px;
				}

#nav-top td#img-nav3 a
				{
				display: block;
				width: 89px;
				}
				
#nav-top td#img-nav3 a:hover
				{
				background: url(http://www.redsantacruz.com/images/nav_reserve_on.png) no-repeat;
				padding: 0;
				}
				
#nav-top td#img-nav3 a:hover img
				{
				visibility: hidden;
				}

				
/* top navigation bar table navigation - gallery */				
#nav-top td#img-nav4 
				{
				width: 59px;
				vertical-align: bottom;
				padding-bottom: 20px;
				}

#nav-top td#img-nav4 a
				{
				display: block;
				width: 59px;
				}
				
#nav-top td#img-nav4 a:hover
				{
				background: url(http://www.redsantacruz.com/images/nav_gallery_on.png) no-repeat;
				padding: 0;
				}
				
#nav-top td#img-nav4 a:hover img
				{
				visibility: hidden;
				}

								
/* top navigation bar table navigation - calendar */				
#nav-top td#img-nav5 
				{
				width: 68px;
				vertical-align: bottom;
				padding-bottom: 20px;
				}

#nav-top td#img-nav5 a
				{
				display: block;
				width: 68px;
				}
				
#nav-top td#img-nav5 a:hover
				{
				background: url(http://www.redsantacruz.com/images/nav_calendar_on.png) no-repeat;
				padding: 0;
				}
				
#nav-top td#img-nav5 a:hover img
				{
				visibility: hidden;
				}

				
/* top navigation bar table navigation - directions */				
#nav-top td#img-nav6 
				{
				width: 100px;
				vertical-align: bottom;
				padding-bottom: 20px;
				}
				
#nav-top td#img-nav6 a
				{
				display: block;
				width: 100px;
				}
				
#nav-top td#img-nav6 a:hover
				{
				background: url(http://www.redsantacruz.com/images/nav_direct_on.png) no-repeat;
				padding: 0;
				}
				
#nav-top td#img-nav6 a:hover img
				{
				visibility: hidden;
				}


#nav-top td#img-logo /* top navigation bar table navigation */
				{
				width: 326px;
				text-align: right;
				vertical-align: top;
				}

/*----- Main page (About) -----*/
#main /* table & background */
				{
				width: 760px;
				border: 0;
				background: url(http://www.redsantacruz.com/images/bg_red.gif);
				}
				
#main td
				{
				padding: 0;
				vertical-align: top;
				}	
				
#main td.img-sm,td.img-feat /* Main page small and featured images */
				{
				width: 190px;
				}

#main td.img-sm2 /* Directions - left image vert align */
				{
				width: 190px;
				vertical-align: bottom;
				}
				
#main td.img-sm-red /* Main page with no images and red background */
				{
				width: 190px;
				background-color: #9F1C18;
				}					

#main td.img-sm-purp /* Gallery - purple color fill */
				{
				width: 190px;
				background-color: #55181D;
				}
									
#main td.txt-main /* Main page text about the restaurant */
				{
				width: 380px;
				background: url(http://www.redsantacruz.com/images/bg-main-couch.gif) no-repeat;
				}					

				
#main td.txt-main p /* Main page text paragraph formatting */
				{
				font-size: .9em;
				color: #E6C896;
				line-height: 1.75em;
				margin: 3em 4em 0 4em;
				}			


/*----- Calendar -----*/
#main td.txt-cal /* content area */
				{
				width: 380px;
				padding: 2em;
				background-color: #9F1C18;
				}					
				
#main td.txt-cal p /* paragraph formatting */
				{
				font-size: .9em;
				color: #E6C896;
				margin: 1em 0 2em 0;
				}

#main td.txt-cal h2 /* header */
				{ 
				font-size: 1.25em;
				color: #E6C896;
				margin: 0 0 -5px 0;
				border-bottom: 1px dotted #E6C896;
				}											


/*----- Directions -----*/
#main td#direct /* Directions background */
				{
				width: 380px;
				background-color: #9F1C18;
				padding: 2em 4em 2em 4em;
				}
									
#main td#direct h1,h2,h3,h4 /* Directions headers */
				{
				color: #E6C896;
				font-size: 1em;
				margin-bottom: -1em;
				}
	
#main td#direct p /* Directions paragraph formatting */
				{
				font-size: .9em;
				color: #E6C896;
				line-height: 1.5em;
				}			

#main td#img-direct /* Directions - align map image */
				{
				width: 380px;
				padding: 3em;
				}
					

/*----- Reservations -----*/					
#main td#txt-reserve /* form */
				{
				width: 380px;
				background-color: #9F1C18;
				padding: 2em 4em 2em 4em;
				}

#main td#txt-reserve h1 /* Confirmation header */
				{
				color: #F2DFB5;
				}

#main td.txt-contact /* Contact info */
				{
				width: 190px;
				background-color: #55181D;
				}

#main td.txt-contact h1 /* Contact info headers */
				{
				font-size: 1.5em;
				color: #E6C896;
				margin: .8em 0 -.3em 0;
				}
				
#main td.txt-contact h1.fix /* Contact info headers fix for formatting */
				{
				font-size: 1.5em;
				color: #55181D;
				margin: .8em 0 -.3em 0;
				}
									
										
/*----- Menus -----*/
#menus /* table */
				{
				width: 760px;
				border: 0;
				background: url(http://www.redsantacruz.com/menus/images/bg-nav-side.gif);
				}
				
#menus td
				{
				padding: 0;
				vertical-align: top;
				}	
				
#menus td#nav-side /* Side navigation */
				{
				width: 190px;
				}
				
#menus td#content /* Content area */
				{
				width: 570px;
				padding: 25px 25px 0 25px;
				text-align: center;
				background: url(http://www.redsantacruz.com/menus/images/bg-content.gif);
				}					
																
#menus-inner /* inner content that uses database */
				{
				width: 520px;
				border: 0;
				background: url(http://www.redsantacruz.com/menus/images/bg-menus-inner.gif);
				}
				
#menus-inner td
				{
				padding: 0;
				vertical-align: top;
				}	

#menus-inner td img /* Fix for Dynamic Text Replacement */
				{
					display: inline;
				}

#menus-inner td h1 /* Margin fix for Dynamic Text Replacement */
				{
				margin: 1em 45px -.5em 43px;
				}

/*
#menus-inner td h1 /* Menu content - Category
				{
				font-size: 1.3em;
				text-align: left;
				margin: 1em 45px -.5em 45px;
				color: #6C1C30;
				}		
*/

#menus-inner td h2 /* Menu content - Item */
				{
				font-size: .9em;
				font-weight: bold;
				text-align: left;
				margin: 1em 45px 0 45px;
				color: #41161A;
				}

#menus-inner td p /* Content - Item Description */
				{
				font-size: .9em;
				text-align: left;
				font-weight: normal;
				margin: 0 45px 0 4.75em; /* indent descriptions */
				line-height: .9em;
				color: #41161A;
				}		


#menus-bot /* Menus */
				{
				width: 520px;
				border: 0;
				margin-bottom: 25px;
				}
				
#menus-bot td
				{
				padding: 0;
				vertical-align: top;
				}	

#menus-bot td img#botframe /* Menu content - bottom frame */
				{
				margin-bottom: 25px;
				}				

			
/*----- Bottom credits -----*/
#credits /* table with background */
				{
				width: 760px;
				border-left: 3px solid #55181D;
				border-right: 3px solid #55181D;
				background: url(http://www.redsantacruz.com/images/bg-navbot.jpg) no-repeat;
				}
				
#credits td
				{
				width: 380px;
				padding: 0;
				}		
				
#credits td p
				{
				font-size: .8em;
				margin: 2em 1.5em 2em 1.5em;
				}									
				
#credits td#valid
				{
				text-align: right;
				}				
	

/* Links for Menus - top of page link */					
ul a:link
				{
	   color: #CA282D;
    text-decoration: none;
				}

ul a:visited
				{
   	color: #CA282D;
    text-decoration: none;
				}

ul a:hover
				{
   	color: #6C1C30;
    text-decoration:underline;
				}

ul a:active
				{
   	color: #6C1C30;
    text-decoration: none;
				}

	
/* Declare links */					
a:link
				{
	   color: #E6C896;
    text-decoration: none;
				}

a:visited
				{
   	color: #E6C896;
    text-decoration: none;
				}

a:hover
				{
   	color: #B9AF70;
    text-decoration:underline;
				}

a:active
				{
   	color: #9F1C18;
    text-decoration: none;
				}


/* Forms from http://www.themaninblue.com/experiment/InForm/margin.htm */
#marginForm fieldset
				{
				display: block;
				margin: 0;
				border: 0;
				}

#marginForm fieldset.radio
				{
				margin: 0 0 0 -1em;
				border: 0;
				}

#marginForm fieldset.radio input
				{
				position: static;
				clear: both;
				float: left;
				}

#marginForm fieldset.radio label
				{
				position: relative;
				top: -1.25em;
				display: inline;
				width: auto;
				margin: 0 0 0 8em;
				font-weight: normal;
				}

#marginForm fieldset.radio legend
				{
				float: left;
				font-weight: bold;
				}

#marginForm input
				{
				position: relative;
				top: -1.9em;
				left: 13em; /*sets the left padding */
				display: block;
				color: #55181D;
				font-size: .8em;
				background-color: #E6C896;
				border: 0;
				padding: 2px;
				width: 160px;
				}

#marginForm input.submit
				{
				clear: both;
				top: 1em;
				left: 11em; /*sets the left padding */
				background-color: #F2DFB5;
				width: 110px;
				}

#marginForm input.clear
				{
				clear: both;
				top: -.9em;
				left: 23em; /*sets the left padding */
				background-color: #E6C896;
				width: 40px;
				}

#marginForm label
				{
				clear: both;
				float: left;
				display: block;
				width: 10em;
				margin-top: -1em;
				font-size: .85em;
				font-weight: normal;
				}

#marginForm label.first
				{
				margin-top: 1em;
				}

#marginForm select
				{
				position: relative;
				top: -1.5em;
				left: 13em; /*sets the left padding */
				display: block;
				color: #55181D;
				font-size: .8em;
				background-color: #E6C896;
				border: 1px solid #DCBF91;
				padding: 2px;
				}