body {background:#3D230F;
      margin:0;
	  scrollbar-3dlight-color:#222;
      scrollbar-arrow-color:#FFF;
      scrollbar-base-color:#000;
      scrollbar-darkshadow-color:#222;
      scrollbar-face-color:#000;
      scrollbar-highlight-color:#000;
      scrollbar-shadow-color:#000}
	  
	  
/*sets an outer div that expands with the browser window, then gives it a poitioning context of absolute 
and then positions it down 324px from the top and 9px to the left (off of the browser window. Height is set at 1 px.*/	  
#outer        				 
	{
	position: absolute;
	top: 324px;
	left: -9px;
	width: 100%;
	height: 1px;
	visibility: visible;
}
	 
	 
/*positions the inner container as centered by giving it a width(700px) and Height (300px), than
positioning it 50% from the left side of the screen and then shifting it to the left by 275px(using margin-left)
An offset of -175 px is used to bring the position back up towards the top of the screen from the offset designated 
in the outer div.*/
#inner {
	margin-left: -275px;
	position: absolute;
	top: -175px;
	left: 695px;
	width: 550px;
	height: 300px;
	visibility: visible;
}
	 
	 
/*.bgtext is the div for the items that are not links and sit in the background, such as the site name.*/
.bgtext, .bgtext1 {
	font-size: 118px;
	font-stretch: ultra-condensed;
	position:absolute;
	top:39px;
	left:-312px;
	right:-80px;
	width: 969px;
	visibility: visible;
}

.bgtext {
	color:#FEDE58;
	font-family: "trebuchet ms", verdana, helvetica, sans serif;
}
		 
.bgtext1 {
	color:#4a2912;
	font-family: "trebuchet ms", verdana, helvetica, sans serif;
} 


/*This rule changes color for all of the txt links as well as sets positioning context and width of the elements*/
div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#text8, div#reg, div#logoIndex, div#logoPage, div#address1, div#address2, div#address3, div#phone, div#email {
	font-family:"trebuchet ms", verdana, helvetica, sans serif;
	font-weight:100;
	position:absolute;
	width: 486px;
	height: 31px;
	color:#663918;
	visibility: visible;
}


/*the following sets of rules control placement of the text links in relationship to the "Inner" Div*/
div#text1 {
	font-size:32px;
	top:-135px;
	left:-211px;
	z-index:50;
}
		
div#text2 {
	font-size:60px;
	font-weight:100;
	top:0px;
	left:-202px;
}
		
div#text3 {
	font-size:35px;
	top:5px;
	left:206px;
}
		
div#text4 {
	font-size:42px;
	font-weight:100;
	top:193px;
	left:-200px;
}
		
div#text5 {
	font-size:28px;
	top:154px;
	left:131px;
}

		
div#text6 {
	font-size:45px;
	top:-62px;
	left:-20px;
	width: 555px;
	position: relative;
	z-index:0;
}

/*This rule defines placement and color of the reg mark div*/		
div#inner div#text6 div#reg {
	color: #573015;
	font-size: 16px;
	position: absolute;
	top: 4px;
	right: 197px;
	width: 20px;
}
		
div#text7 {
	font-size:32px;
	top:220px;
	left:220px;
}

div#text8 {
	font-size:32px;
	top:-115px;
	left:281px;
	z-index:50;
}

div#logoIndex {
	background: url(images/Little-Boy-Logo3.png) top left no-repeat;
	width: 90px;
	height: 145px;
	top:-72px;
	left:-309px;
}
		
div#logoPage {
	background: url(images/Little-Boy-Logo3.png) top left no-repeat;
	width: 90px;
	height: 145px;
	top:-72px;
	left:-309px;
}
div#address1 {
	font-size:18px;
	font-weight:100;
	top:320px;
	left:-95px;
	width:150px;
}
div#address2 {
	font-size:18px;
	font-weight:100;
	top:320px;
	left:105px;
	width:150px;
}

div#address3 {
	font-size:18px;
	font-weight:100;
	top:320px;
	left:285px;
	width:150px;
}
div#phone {
	font-size:18px;
	font-weight:100;
	top:320px;
	left:-307px;
}	

div#email {
	font-size:18px;
	font-weight:100;
	width: 200px;
	top:320px;
	left:475px;
}	

div#address1,div#address2,div#address3, div#phone {
	color:#8c4722;
}


 div#text1 a:hover span {top: -3px; 
						left: 0px; 
						width:;}

 div#text2 a:hover span {top: -10px; 
						left: 0px; 
						width:;}
						
 div#text3 a:hover span {top: -4px; 
						left: 0px; 
						width:;}

 div#text4 a:hover span {top: -6px; 
						left: 0px; 
						width:;}
		
 div#text5 a:hover span {top: -6px; 
						left: 0px; 
						width:;}
						
 div#text6 a:hover span {top: -4px; 
						left: 0px; 
						width:;}
						
 div#text7 a:hover span {top: -4px; 
						left: 0px; 
						width:;}
						
 div#text8 a:hover span {top: -4px; 
						left: 0px; 
						width:;}
								   
div#inner a:hover, div#inner2 a:hover
				  {background: none;
				  cursor:default;}


/* This Rule sets the "SpanText to not display unless hovered */
div#inner a span {display: none;}

div#inner a:visited span {display:none;}


/* This rule sets the color and text underline rule for all text links */
div#inner a {text-decoration: none;
			 color:#573015;}
			 

/* This rule sets the color and text underline rule for all text links */
div#inner div#email a {text-decoration: none;
			 color:#8c4722;}
			 
/* This rule sets the different color for the Text1 (home) div 			 
div#text1 a {
 	color:#FF6600;
}*/


/* This rule set is for the SpanText that displays when you roll over the link text*/
div#inner a:hover span {
	display: block;
	position:relative;
	background:none;
	font-size:14px;
	color:#FF6600;
} 

/* This rule set is to dim the background nav text to the darker brown color*/
div.dim#text1, div.dim#text2, div.dim#text3, div.dim#text4, div.dim#text5, div.dim#text6, div.dim#text7, div.dim#text8, div.dim#address1, div.dim#address2, div.dim#address3, div.dim#phone, div.dim#email  {
	color: #4a2912;
}
/*div.bright#address2, This rule set is to Brighten the background nav text to the Lighter brown color, for example the contact info on the index page*/ div.bright {
	color: #8c4722;
}
					
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}

/* ---------------------------------------------------------------------------------------
               The Styles below this are for the content that goes on a page              
------------------------------------------------------------------------------------------ */

div#content {
	position:absolute;
	top:-37px;
	left:-148px;
	width:635px;
	height: 400px;
	overflow: auto;
	font-family: "trebuchet ms", verdana, helvetica, sans serif;
	line-height: 1.5em;
	font-size: 13px;
	color:white;
	text-align:justify;
	margin:3px;
}

div#inner div#content a:hover {text-decoration:underline;}
			 


div#close, div#top 
          {width:17px;
		   height:17px;
		   background:none;
		   text-align:center;
		   font-family:"trebuchet ms", verdana, helvetica, sans serif;
		   font-weight:bold;
		   font-size:12px;
		   border: 1px solid #FEDE58}
   
div#top {
	position:relative;
	left:493px;
	top:328px;
	z-index: 100;
}

div#close {position:relative;
		   left:493px;
		   top:-34px;}
		   
div#inner div#close a:link, div#inner div#top a:link {color:#fff; cursor:default; display:block;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:default;}



div#urltext {
	font-family: "trebuchet ms", verdana, helvetica, sans serif;
	font-size:30px;
	position:absolute;
	top:-87px;
	left:-151px;
	z-index: 100;
	width: 395px;
} 



div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, 
   			 {color:#ff7c11}
			 
div#content div#titlebar {border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:  #ff7c11;
				margin-top: 65px;}
				
div#content {margin-left:0;
			padding-right:8px;}
			 
			 
div#content img {
	float: right;
	padding: 10px;
	border: 1px solid #FF6600;
	margin: 8px 8px 0 10px;
}

div#content img.testLeft {
	float: left;
	padding: 10px;
	border: 1px solid #FF6600;
	margin: 8px 10px 0 0;
}

div#content img.testright {
	float: right;
	padding: 10px;
	border: 1px solid #FF6600;
	margin: 8px 8px 0 10px;
}

div#content a, div#content a:visited {
	color:#FEDE58;
}

div#content a:hover {
	color:#FF6600;
}

div#content p {
	margin-right: 10px;
}

			 
h2 {font-family:"trebuchet ms", verdana, helvetica, sans serif;
				font-size:12px;
				color:#ff7c11;
				font-weight:normal;
				margin: 20px 6px 10px 2px;
				border:1px solid #FEDE58;
				padding:4px 4px 4px 10px;
				clear: both;}
				
h3 {font-family:"trebuchet ms", verdana, helvetica, sans serif;
				font-size:12px;
				color:#ff7c11;
				font-weight:normal;
				/*margin: 20px 6px 10px 2px;
				border:1px solid #FEDE58;
				padding:4px 4px 4px 10px;
				clear: both;*/}

h4 {
	margin-bottom:8px;
}
				

#urltext {color:#FF6600}
#urltext a:link {color:#FEDE58}
#urltext a:visited {color:#FEDE58}
#urltext a:hover {color:#FF6600}
#urltext a:active {color:#FF6600}

.YellowText {
	color: #FEDE58;
	font-weight: bold;
}

ul {
margin-top:0;
}