@import url("utility.css");

/* Layout code for 2 column */
/* Styles for Texas Industries for the Blind & Handicaped - OnRamp Access 2006

Colors
		#1E426A - Blue, Dark
		#D1EBFF - Blue, Light
		#FFF1CC - Yellow, Light
*/
/*\*/
html {
	width: 100%;}
	
body {	margin: 0;
		padding: 0;
		/*margin: 5px;
		padding: 5px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #D1EBFF;
	line-height: 1.3em;
	color: #303030;}
		
form {	margin:0;
		padding:0;}
		
.body {	margin: 10px;
		padding: 0 0 0 0;
		background:#D1EBFF;}
	
#page-wrap {
	margin: 0;
	padding: 0;
	width: 100%;}
	
/* 2 columns */	
#mid-wrap {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #FFF url(../images/home/bg_header.jpg) repeat-x;
	border: 1px solid #FFBB00;}
	
#nav-wrap {
	background: #FFF url(../images/bg_page.jpg) repeat-y;}
		
#leftCol {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 164px;
	position: relative;
	left: 0px;}

#rightCol {
	margin: 0 9px 0 0;
	padding: 0 10px 0 0;
	width: auto;
	display: block;
	width:auto;
	background: #FFFFFF url(../images/home/bg_header.jpg) repeat-x;
	position: absolute;
	float: left;
	left: 174px; }
		
/* HEADER */

a#skip-nav  {
	position: absolute;
	left: -999px;
	display:block;}

a:focus#skip-nav {
	display:block;
	position: absolute;
	left: 435px;
	top: 5px;
	z-index:10;
	padding:3px 5px;
	color: #FFFF66;
	background: #374A96;
	border-bottom: 1px solid #FFFF99;
	text-decoration: none;}	

/* Right */
div#logo {
		width: 164px;
		margin:0;
		padding:0;}	

div#news {
		width: 164px;
		margin:0;
		padding:0;
		float: left;}	

div#news-items {
		width: 164px;
		margin:0;
		padding:0;
		/*padding:5px;*/
		background: #FFF1CC;}	

/* Left */
div#headerPhoto {
		width:100%;
		margin:0;
		padding:0;
		background: url(../images/home/bg_header.jpg) repeat-x;}
	
form#search1 {
		background: #374A96;
		position: absolute;
		left: 440px;
		top: 23px;
		vertical-align: middle;
		width: 280px;
		margin:0;
		padding:0;
		display:block;}
	
#search1 label {
		color: #FFFFFF;
		font-size: 1em;
		margin:0;
		padding:0;}
	
#gobtn {vertical-align: bottom;
		margin:0;
		padding:0;}

/* end HEADER */
	
/* CONTENT */
#content {
	width: 90%;
	margin:0;
	padding:0;
	background: #FFFFFF;}

div#content-main{
	padding: 5px 20px;
	margin: 0;}
	
div#shop-home{
	padding: 0 0px 0 10px;
	margin: 0;}
			
div#wonders-home{
	padding: 0;
	margin: 0;
	float: right;}
		
/* end CONTENT-MAIN */

/* FOOTER*/ 
	
div#footWrap {
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	background: #D1EBFF;
	width: 100%;
	left: 0px;}
	
div#FootBar {
	margin: 0;
	padding: 0;
	/*background: #FFEBB6 url(../images/home/horiz_border_fade.jpg) repeat-y;*/
	background: #FFD35B url(../images/subpage/horiz_border_fade.jpg);
	border-right: 1px solid #FFBB00;
	width: 100%;
	height: 8px;
	left: 0px;}	
	
#footerLt {
	margin: 0;
	padding: 4px;
	display: block;
	float: left;
	width: 470px;
	position: relative;
	left: 2px;}

#footerRt {
	margin: 0;
	padding: 4px;
	float: left;
	width: 262px;
	position: relative;
	left: 0px;
	text-align: right;}

#RightTxt {
	text-align: right;
	font: .85em Verdana, Arial, Helvetica, sans-serif;
	color: #506B29;}

#LeftTxt {
	text-align: left;
	font: .85em Verdana, Arial, Helvetica, sans-serif;
	color: #506B29;}
		
div#footerRt a {color: #5E5A8B;
	white-space: nowrap;}
			
div#footerLt a {color: #5E5A8B;
	white-space: nowrap;}
	
/* footer from subpages */
.footer_Wrapper { 
	clear: both;
	padding: 0;}

.footerBorder {
	text-align: right;
	height:10px;
	background: #FFD35B url(../../images/subpage/horiz_border_fade.jpg);}

#footer {
	text-align: right;
	float:right;
	padding: 5px 10px 2px 0px;
	background: #D1EBFF;
	width:55%;}

#footer2 {
	text-align: left;
	float:left;
	padding: 5px 0 2px 0;
	background: #D1EBFF;
	width:40%;}

.footer p, h5 {
	margin: 0 0 .4em 0;
	font-size: .9em;
	line-height: 1.3em;
	color: #333;}
/*foot from subpage*/		
/* In case we need to keep our container open after all the floating divs
   - explanation here - http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */