/*  
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/bkg.jpg);
	background-repeat: repeat;
	background-color: #990000;
	}
	
h1 {
	font: 24px/24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 4px;
	}
	
h2 {
	font: 12px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 4px;
	text-align: center;
	}
	
h3 {
	font: 10px/12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFCC;
	margin-bottom: 34px;
	text-align: center;
	}
	
h4 {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 4px;
	text-align: center;
	}
	
h5 {
	font: 10px/12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFCC;
	text-align: center;
	}
			
p {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 10px;
	text-align: center;
	}
	
	p.specialtext {
		font: 12px/18px Arial, Helvetica, sans-serif;
		margin-bottom: 8px;
		}
		
		.menu {
			font: 12px/14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 44px 0px 0px 110px;
			}
			
		.whatsnew {
			font: 12px/14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 5px 0px 0px 100px;
			}
			
		.foods {
			font: 12px/14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 5px 0px 0px 82px;
			}
			
		.about {
			font: 12px/14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 6px 0px 0px 52px;
			}
			
		.color {
			font: 12px/14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 5px 0px 0px 21px;
			}
		
#container{
	text-align:left;
	width: 850px;
	}

	#header {
		width: 850px;
		height: 135px;
		background-color: #990000;
		margin: 0;
		}
		
	#header_left {
		width: 626px;
		height: 135px;
		background-color: #990000;
		float: left;
		}
		
	#header_right {
		width: 200px;
		height: 135px;
		text-align: left;
		float: left;
		}
		
	#middle {
		width: 850px;
		margin: 0;
		}
		
	#sidebar {
		width: 155px;
		height: 297px;
		float: left;
		}
		
	#main{
		width: 695px;
		height: 297px;
		float: right;
		}
		
		#navigation {
			width: 255px;
			height: 297px;
			background-image: url(../images/newNavBkg.jpg);
			background-repeat: no-repeat;
			border: none;
			float: left;
			}
			
			ul#sidenav {     
			list-style:none;
			}
		
		ul#sidenav li {
			display:inline;
			}

			ul#sidenav li a {
				font: 14px/14px Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-decoration: none;
				list-style-type: none;
				color: #FFFFCC;
				border: none;
				float:left;
				}
				
				ul#sidenav li a hover{
					font: 14px/14px Arial, Helvetica, sans-serif;
					font-weight: bold;
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00; 
					border: none;
					float:left;
					}
			
			ul#sidenav li#sidenav-1 a {    /*this is for the Menu button*/
				width: 255px;
				height: 58px;
				background: url(../images/menu_off2.jpg) no-repeat 0 0; /* X and Y position at 0 */
				border: none;
				}
			
				ul#sidenav  li#sidenav-1 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background: url(../images/menu_on2.jpg) no-repeat 0 0; /* X and Y position at 0 */
					border: none;
					}

			ul#sidenav li#sidenav-2 a {    /*this is for the Whats New button*/
				width: 255px;
				height: 54px;
				background: url(../images/whatsnew_off2.jpg) no-repeat 0 0; /* X and Y position at 0 */
				border: none;
				}
			
				ul#sidenav  li#sidenav-2 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background: url(../images/whatsnew_on2.jpg) no-repeat 0 0; /* X and Y position at 0 */
					border: none;
					}

		  ul#sidenav li#sidenav-3 a {    /*this is for the Foods button*/
				width: 255px;
				height: 56px;
				background: url(../images/foods_off2.jpg) no-repeat 0 0; /* X and Y position at 0 */
				border: none;
				}
			
				ul#sidenav  li#sidenav-3 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background: url(../images/foods_on2.jpg) no-repeat 0 0; /* X and Y position at 0 */
					border: none;
					}
 
		 ul#sidenav li#sidenav-4 a {    /*this is for the About button*/
				width: 255px;
				height: 40px;
				background: url(../images/about_off2.jpg) no-repeat 0 0; /* X and Y position at 0 */
				border: none;
				}
			
				ul#sidenav  li#sidenav-4 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background: url(../images/about_on2.jpg) no-repeat 0 0; /* X and Y position at 0 */
					border: none;
					}
					
					 ul#sidenav li#sidenav-5 a {    /*this is for the About button*/
				width: 255px;
				height: 45px;
				background: url(../images/color_off2.jpg) no-repeat 0 0; /* X and Y position at 0 */
				border: none;
				}
			
				ul#sidenav  li#sidenav-5 a:hover {
					text-decoration: none;
					list-style-type: none;
					color: #FFCC00;
					background: url(../images/color_on2.jpg) no-repeat 0 0; border: none;/* X and Y position at 0 */
					border: none;
					}
		
		#left {
			width: 216px;
			background-image: url(../images/linkBkg.jpg);
			background-repeat: no-repeat;	
			border: none;
			float: left;
			}
			
			#contact {
				margin: 227px 99px 38px 42px;
				}
			
		#right {
			width: 224px;
			/*width: 190px;*/
			background-color: #990000;	
			text-align: left;
			float: right;
			}
			
	/*		a {
			color: #FFFFFF;
			text-align: center;
			text-decoration: none;
			}*/
			
			#bofNW {
				font: 12px/14px Arial, Helvetica, sans-serif;
				color: #ffffff;
				text-align: center;
				width: 190px;
				margin: 0px 34px 0px 0px;
				}
			
			#quotes {
				width: 190px;
				margin: 22px 34px 0px 0px;
				}
			
			#address {
				width: 190px;
				margin: 22px 34px 0px 0px;
				text-align: center;
				}

	

#footer {
	width: 850px;
	margin: 0 auto;
	background-color: #990000;
	}
	
	#footer_left {
		width: 410px;
		/*height: 114px;*/
		float: left;
		}
		
	#footer_middle {
		width: 216px;
		/*height: 114px;*/
		float: left;
		margin: 0px 0px 0px 0px;
		}
		
	#facebook {
		width: 162px;
		text-align: center;
		}
		
		#facebook p{
			font: 9px/11px Arial, Helvetica, sans-serif;
			color: #FFCC00;
			text-align: center;
			margin: 0px 0px 0px 0px;
			}
		
	
		#footer a{
			font: 9px/11px Arial, Helvetica, sans-serif;
			color: #FFCC00;
			text-align: center;
			margin: 38px 0px 0px 0px;
			text-decoration: none;
			}
			
		#footer a hover{
			font: 9px/11px Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			text-align: center;
			margin: 38px 0px 0px 0px;
			text-decoration: none;
			}

	#footer_right {
		width: 190px;
		/*height: 114px;*/
		margin: 35px 34px 0px 0px;
		float: right;
		text-align: center;
		}
	
		#footer_right p{
			font: 9px/11px Arial, Helvetica, sans-serif;
			color: #FFCC00;
			text-align: center;
			margin: 11px 0px 0px 0px;
			}
		
		#footer_right a{
			font: 9px/11px Arial, Helvetica, sans-serif;
			color: #FFCC00;
			text-align: center;
			margin: 38px 0px 0px 0px;
			text-decoration: none;
			}
			
		#footer_right a hover{
			font: 9px/11px Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			text-align: center;
			margin: 38px 0px 0px 0px;
			text-decoration: none;
			}