/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet styles-site.css ****/

body {
background: #4e2d18;
margin:0px 0px 0px 0px;
font-family: verdana, sans-serif;
font-size: small;
line-height: 150%;
color: #fff;

                
}
			
		
	A 			{ color: #000033; text-decoration: none; }
	A:link		{ color: #993300; border-bottom: dotted 1px; padding: 2px;  }
	A:visited	{ color: #993300; border-bottom: dotted 1px; padding: 2px;  }
	A:active	{ color: #660000;  }
	A:hover		{ color:#990000;}

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}
	

       #main { 
                position: relative;
				
                 width: 800px;
				 height: 740px;
                 margin-right: auto;
                 margin-left: auto;
                 background: #000;
               
        }



	#banner {
		font-family: verdana;
		font-size:x-large;
		font-weight:normal;	
               
               
                height: 360px;
				width: 800px;
				
		}

	#banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
		font-family: verdana, sans-serif;
		font-size: x-large;
		text-decoration: none;
                margin-left: 470px;
		}


#menu {
	            position: relative;
				margin-left: auto;
				margin-right: 20px;
				height: 20px;
                width: 460px;
                font-family: georgia, serif;
                font-size: x-small;
				text-align:center;
				background: #000000;
	        
	
	}
	
	
	.buttons {	

                font-family: verdana, sans-serif;
                font-size: x-small;
				letter-spacing: 0.1em;
				padding: 3px;
				color: #ccc;
                line-height: 100%;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				border-right: dotted #fff 1px;
				border-left: dotted #fff 1px;
				
				      	
		}
		
#othermenu {

position: relative;
width: 100px;
}
		
		.buttons a ,
       .buttons a:link {
	   font-family: verdana, sans-serif;
                font-size: xx-small;
				color: #ccc;
                line-height: 100%;
				
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				}
       .buttons a:visited {
	              font-family: verdana, sans-serif;
                font-size: xx-small;
				color: #fff;
                line-height: 100%;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				}
	   
       .buttons a:active {
	   
	          text-decoration: none;
			  
			  background: #BB5B1B;
			  
			  
			  }
			  
       .buttons a:hover {
              
			  color: #66CCFF;
			  
}
 

	
	#quote {
	position: absolute;
	top: 395px;
	width: 270px;
    left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-style:italic;
	line-height: 170%;
	text-align:center;
	}
	
	.alternate {
		font-size: medium;
		font-style:normal;
		line-height:120%;
	}
	
	
.att {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
line-height: normal;

}	
	

#contentarea {
	position: relative;
	width: 410px;
	height: 200px;
	padding: 25px;
	margin-left: auto;
	margin-right: 20px;
	color: #482A13;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: small;
	line-height:150%;
	background-image:url(images/background_two.jpg);
	border-left: 6px #000 dashed;
	border-right: 6px #000 ridge;
	overflow:auto;
	
	}
	
	/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css*/

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 5px;
background-color: black;
}
.hscrollerbase {
height: 5px;
background-color: white;
}
.hscrollerbar {
height: 5px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

	
#trailer {
    position: absolute;
	left:315px;
	top:380px;
	width: 460px;
	height: 280px;
	color: #482A13;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: small;
	line-height:150%;
	background:#000000;
	

	}
	
	
.initialcap {
font-size: 36px;
}

.firstword {
font-variant:small-caps;
font-weight: 600;
line-height: 150%;
}

.trailerbutton {
   width: 100px;
   height: 20px;
   background: #000;
   color: #fff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   text-align:center;
   padding: 10px;
   }
   
 #merchandise {
 }
   
 #merchandise a ,
        #merchandise a:link {text-decoration:none;}
        #merchandise a:visited {text-decoration:none;}
        #merchandise a:active,
        #merchandise a:hover {
			text-decoration:none;
		
		}
		
#merchandise.table a,
 #merchandise.table a:link {text-decoration:none;}
        #merchandise.table a:visited,
        #merchandise.table a:active,
        #merchandise.table a:hover {
			text-decoration:none;
		}
   
 .merchandise_header {
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 16px;
	 color:#CCC;
 }
 
 .merchandise_text {
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size: small;
	 color: #000;
 }