/*  
Theme Name: Snappy Dragon
Description: Snappy Dragon website, css for Home page
Version: ...Master version
Author: Carol Tompkins for Tony Gable Design Group 
Author URI: http://www.caroltompkinsdesign.com 
*/


* { margin: 0; padding: 0; border: 0;}

body {
	background-image: url(../images/vertBkg.jpg);
	background-repeat: repeat-x;
	background-color:  #990000;
	}
	
	li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: none;			
	}
	
h1 {
	font: 24px/24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 4px;
	}
		
h2 {
	font: 18px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	text-align: left;
	}
	
	h2 a {
		color: #669900; 
		text-decoration: underline;
		} 
		
	h2 a:hover {
		color: #669900; 
		text-decoration: none;
		}
		
	.center_h2 {
		font: 18px/18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		margin-bottom: 4px;
		text-align: center;
		}
		
	.center2_h2 {
		font: 18px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		margin: 0px 0px 14px 0px;
		text-align: center;
		}
		
	.leftr_h2 {
		font: 18px/18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		margin-bottom: 4px;
		text-align: left;
		}
		
	.orange_h2 {
		font: 18px/18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #e06f15;
		margin-bottom: 4px;
		text-align: left;
		}
		
h3 {
	font: 12px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	text-align: left;
	}
	
h4 {
	font: 14px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 10px 0px 10px 0px;
	text-align: left;
	}
	
	.center_h4 {
		font: 14px/18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: center;
		margin: 10px 0px 0px 0px;
		}
		
	.center2_h4 {
		font: 14px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: center;
		margin: 10px 0px 0px 0px;
		}
		
	.center3_h4 {
		font: 14px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: center;
		margin: 20px 0px 0px 0px;
		}
		
	.red_h4 {
		font: 14px/18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #990000;
		margin: 10px 0px 0px 0px;
		text-align: left;
		}
		
p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	}
			
	p a {
		color: #990000; 
		/*text-decoration: none;*/
		} 
		
	p a:hover {
		color: #990000; 
		text-decoration: none;
		}
		
		a {
		  color: #990000; 
		  /*//text-decoration: none;*/
		  font: 12px/16px Arial, Helvetica, sans-serif;
		  }
		
	small {
		font: 8px Arial, Helvetica, sans-serif;
		color: #FFCC00;
		}
		
	.specialtext {
		font: 12px/18px Arial, Helvetica, sans-serif;
		color: #990000;
		}
		
	.home {
		font: 11px/13px Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-indent: 25px;
		margin: 12px 0px 0px 24px;;
		}
		
	.navtext {
		font: 11px/13px Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: left;
		margin: 0px 0px 0px 0px;
		}
		
	.navtext_current {
		font: 11px/13px Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: left;
		margin: 0px 0px 0px 0px;
		color: #FFCC00;
		}
		
	
#container{
	width: 850px;
	margin-left: 25px;
	text-align: left;
	/*overflow: auto;*/
	}
	
	#header {
		width: 850px;
		height: 110px;
		background-color: #000000;
		margin: 0;
		}
		
	#navigation {
		width: 711px;
		margin: 72px 0px 0px 0px;
		float: left;
		}
		
		ul#topnav {     
			list-style:none;
			height:38px;
			}
		
		ul#topnav li {
			display:inline;
			font: 14px/14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			}

			ul#topnav li a {
				height:38px;
				font: 12px/14px Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-decoration: none;
				list-style-type: none;
				color: #ffffff;
				border: none; 
				float:left;
				}
				
				ul#topnav li a hover{
					height:38px;
					font: 12px/14px Arial, Helvetica, sans-serif;
					font-weight: bold;
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00; 
					border: none;
					float:left;
					}
			
			ul#topnav li#topnav-1 a {    /*this is for the Home button*/
				width:101px;
				background: url(../images/navigationSprite1.jpg) no-repeat 0 0; /* X and Y position at 0 */
				border-style: none;
				}
			
				ul#topnav  li#topnav-1 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background-position: 0px -38px; /* Y position -60px for Over instance image */
					}
				
				ul#topnav  li#topnav-1-active a {
					width: 101px;
					background:url(../images/navigationSprite1.jpg) no-repeat 0 -76px; /* Y position -120px for Current instance image */
					}

			ul#topnav li#topnav-2 a {  /*this is for the Menu button*/
				width:144px;
				background:url(../images/navigationSprite1.jpg) no-repeat -101px 0;
				}
			
				ul#topnav  li#topnav-2 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background-position:-101px -38px;
					}
					
				ul#topnav li#topnav-2-active a {
				width:144px;
					background:url(../images/navigationSprite1.jpg) no-repeat -101px -76px;
					}

		  ul#topnav li#topnav-3 a {  /*this is for the What's New button*/
			  width:112px;
			  background:url(../images/navigationSprite1.jpg) no-repeat -245px 0;
			  }
			  
			  ul#topnav  li#topnav-3 a:hover {
				  text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background-position:-245px -38px;
				  }
				  
			  ul#topnav li#topnav-3-active a {
				  width:112px;
				  background:url(../images/navigationSprite1.jpg) no-repeat -245px -76px;
				  }
 
		ul#topnav li#topnav-4 a {   /*this is for the Foods button*/
			  width:129px;
			  background:url(../images/navigationSprite1.jpg) no-repeat -357px 0;
			  }
			  
			  ul#topnav  li#topnav-4 a:hover {
			  		text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background-position:-357px -38px;
				  }
			  
			  ul#topnav li#topnav-4-active a {
				  width:129px;
				  background:url(../images/navigationSprite1.jpg) no-repeat -357px -76px;
				  }
 
		ul#topnav li#topnav-5 a {  /*this is for the About button*/
			width:127px;
			background:url(../images/navigationSprite1.jpg) no-repeat -486px 0;
			}
			
			ul#topnav  li#topnav-5 a:hover {
				text-decoration: none;
				list-style-type: none;
				color: #FFCC00;
				background-position:-486px -38px;
				}
			
			ul#topnav li#topnav-5-active a {
				width:127px;
				background:url(../images/navigationSprite1.jpg) no-repeat -486px -76px;
				}
				
		ul#topnav li#topnav-6 a {  /*this is for the Color button*/
			width:98px;
			background:url(../images/navigationSprite1.jpg) no-repeat -613px 0;
			}
			
			ul#topnav  li#topnav-6 a:hover {
				text-decoration: none;
				list-style-type: none;
				color: #FFCC00;
				background-position:-613px -38px;
				}
			
			ul#topnav li#topnav-6-active a {
				width:98px;
				background:url(../images/navigationSprite1.jpg) no-repeat -613px -76px;
				}

		#logo {
				width: 139px;
				float: right;
				}
				
				
		#left_nav {
			width: 149px;
			margin: 25px 0px 0px 22px;
			}
		
			#left_nav ul li {
				font: 10px/12px Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				text-align: left;
				padding: 4px 0;
				list-style-type: none;
				}
				
				#left_nav ul li a {
					color: #FFFFCC; 
					text-decoration: none;
					} 
				
				#left_nav ul li a:hover {
					color: #FFCC00; 
					text-decoration: none;
					}
				
				#left_nav li.current_page_item a {
					color: #FFCC00;
					border-bottom: none;
					}
				
				#left_nav li.current_page_item a:hover {
					color: #FFCC00;
					border-bottom: none;
					}
					
				.current {
					color: #FFCC00; 
					text-decoration: none;
					}
				
#middle {
	width: 850px;
	margin: 0;
	/*overflow: auto;*/
	}
		
	#sidebar_left {
		width: 175px;
		min-height: 490px;
		float: left;
		background-image: url(../images/left_navbkg.jpg);
		background-color: #990000;
		}
			
		#options {
			width: 151px;
			margin: 25px 0px 0px 22px;
			}
			
			#options ul li {
				font: 10px/12px Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				list-style-type: none;
				}
			
			#options ul li a {
				color: #FFFFCC; 
				text-decoration: none;
				} 
			
			#options ul li a:hover {
				color: #FFCC00; 
				text-decoration: none;
				}
			
			#options li.current_page_item a {
				color: #FFCC00;
				border-bottom: none;
				}
			
			#options li.current_page_item a:hover {
				color: #FFCC00; 
				border-bottom: 1px solid #ddd;
				}
						
		#contact_numbers {
			font: 10px Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #FFCC00;
			width: 149px;
			position: absolute; top: 625px;
			left: 47px;
			margin-bottom: 25px;
			}
			
		#contact_numbers2 {
			font: 10px Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #FFCC00;
			width: 149px;
			margin: 660px 0px 0px 22px;
			}
			
	#main{
		width: 675px;
		background-color: #FFFFCC;
		float: left;
		min-height: 585px;
		}
		
		#content {
			width: 545px;
			text-align: left;
			float: left;
			margin: 30px 65px 25px 65px;
			}
			
		#content2 {
			/*min-height:700px;*/
			width: 545px;
			text-align: left;
			float: left;
			margin: 30px 65px 25px 65px;
			}
			
		#main_column {
			width: 545px;
			text-align: left;
			float: left;
			margin: 0px 0px 0 0px;
			}
			
		#main_column2 {
			width: 545px;
			text-align: left;
			float: left;
			margin: 25px 0px 25px 0px;
			}
		
			#menu_intro {
				width: 545px;
				text-align: center;
				margin: 0px 0px 25px 0px;
				}
				
			#menu_pdfs{
				display:inline;
				width: 545px;
				text-align: center;
				}
				
				#menu_pdfs a {
					font: 12px/18px Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin: 0px 38px 0 38px;
					color: #990000; 
					text-decoration: none;
					} 
				
				#menu_pdfs  a:hover {
					color: #000000; 
					}
				
		#combo_options {
				width: 545px;
				height: 100px;
				text-align: center;
				margin: -10px 0px 0px 0px;
				}
				
			#column1{
				width: 140px;
				margin: 0px 20px 0px 40px;
				text-align: center;
				float: left
				}
				
			#column2{
				width: 140px;
				margin: 0px 20px 0px 0px;
				text-align: center;
				float: left
				}
				
			#column3{
				width: 140px;
				margin: 0px 20px 0px 0px;
				text-align: center;
				float: left
				}
				
		#combo_options2{
				width: 545px;
				text-align: left;
				}
					
		#spotlight {
			text-align: center;
			margin: 0px 0px 21px 0px;
			}
			
		#image_left {
			margin: 0px 25px 0px 0px;
			width: 270px;
			float: left;
			text-align: center;
			}
			
		#image_left1 {
			margin: 0px 13px 10px 0px;
			width: 224px;
			float: left;
			}
			
		#left_column { /*used on What's New page */
			width: 300px;
			min-height:1300px;
			text-align: center;
			float: left;
			margin: 0px 0px 0px 0px;
			/*background-color: #ababac;*/
			}
			
		#press_release { /*used on What's New page */
			width: 300px;
			text-align: left;
			float: left;
			margin: 0px 0px 0px 0px;
			}
			
		#left_skinny { /*used on About page */
			width: 160px;
			text-align: left;
			float: left;
			margin: 0px 25px 0px 0px;
			}
			
		#left_merch { /*used on Merchandise page */
			width: 180px;
			text-align: left;
			float: left;
			margin: 0px 25px 0px 0px;
			}
			
		.img { 
			text-align: center;
			margin: 25px 0px 5px 0px;
			}
			
		.img_2 { 
			text-align: center;
			margin: 0px 0px 5px 0px;
			}
			
		.img_3 { 
			text-align: left;
			margin: 0px 0px 25px 0px;
			}
			
		.img_left { /*used on What's New page */
			text-align: left;
			margin: 0px 0px 5px 0px;
			}
			
		.img_scrapbook { /*used on What's New page */
			text-align: left;
			margin: 0px 20px 25px 0px;
			}
			
		.left_column {
			width: 250px;
			text-align: left;
			float: left;
			margin: 15px 45px 0px 0px;
			}
			
		#right_column {
			width: 250px;
			text-align: left;
			float: left;
			margin: 0px 0px 0px 0px;
			}
			
		#right_column1 {
			width: 308px;
			text-align: center;
			float: left;
			margin: 0px 0px 0px 0px;
			}
			
		#right_column2 { /*used on What's New page */
			width: 200px;
			background-color: #FFCC00;
			text-align: left;
			float: right;
			/*float: left;*/
			margin: 0px 0px 0px 43px;
			/*margin: 0px 0px 0px 40px;*/
			/*overflow: auto;*/
			}
			
		#right_column3 { /*used on About page */
			width: 360px;
			text-align: center;
			float: right;
			margin: 0px 0px 0px 0px;
			}
			
		#whatsnew { /*used on What's New page */
				width: 180px;
				text-align: left;
				margin: 0px 10px 0px 10px;
				float: left;
				background-color: #FFCC00;
				}
				
			#whatsnew a{ /*used on What's New page */
				color: #990000; 
				}
				
			#whatsnew a hover{ /*used on What's New page */
				color: #FFFFCC; 
				}

		.scrapbook { /*used on Scrapbook page */
			width: 545px;
			text-align: left;
			float: left;
			margin: 0px 25px 0px 0px;
			}
			
		.right_column3 { /*used on Scrapbook page */
			width: 360px;
			text-align: left;
			float: left;
			margin: 0px 0px 0px 0px;
			}
			
		.right_column {
			width: 250px;
			text-align: left;
			float: right;
			margin: 15px 0px 0px 0px;
			}
			
		.right_column2 { /*used on Contact page to drop right column down*/
			width: 250px;
			text-align: left;
			float: right;
			margin: 18px 0px 0px 0px;
			}
			
		.right_column3 { /*used on Contact page to drop right column down*/
			width: 200px;
			text-align: left;
			float: right;
			margin: 0px 0px 0px 0px;
			}
			
			
/* TABLES */			
	#table {
		width: 500px;
		font-size: 14px;
		margin: 25px auto 0px auto;
		padding-top: 75px;
		margin-top: 15px;
		}
		
		tr {
			/*text-align: center;
			display: block;
			margin-bottom: 5px;*/

			}
			
		td {
			color: #000000;
			/*text-align: left;*/
			font: 12px/14px Arial, Helvetica, sans-serif;
			}
			
			th {
				font: 18px/18px Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #000000;
				margin-bottom: 20px;
				text-align: center;
				}
			
			td a{
				color: #990000; 
				font: 12px/16px Arial, Helvetica, sans-serif;
				}
				
			
			.menu_indent {margin: 0px 0px 0px 20px;} 
			
			.appetizers {margin-bottom: 25px;} 

			.soups {margin-bottom: 25px;}  

			.noodlesoups {margin-bottom: 25px;} 
			
			.chowmein {margin-bottom: 25px;} 

			.specialties {margin-bottom: 25px;} 

			.claypotstews {margin-bottom: 25px;}
			
			.mushudishes {margin-bottom: 25px;}
			
			.rice {margin-bottom: 25px;}
			
			.vegandtofu {margin-bottom: 25px;}
			
			.pork {margin-bottom: 25px;}
			
			.beef {margin-bottom: 25px;}
			
			.chicken {margin-bottom: 25px;}
			
			.seafood {margin-bottom: 25px;}
			
			.combos {margin-bottom: 25px;}
			
			.beverages {margin-bottom: 25px;}
			
			.tshirts {margin-bottom: 25px;}

			.aprons {margin-bottom: 25px;}
			
			.description {font-size: 14px; text-align: center;}