/* /////////////////////////////////////////////
       Z - I N D E X  

	#utilityLinks 85;
	#logoWrapper  80;
        #navigationWrapper 600;
	#leftColumn  10;
	#rightColumn 11;
        #contentWrapper 9;
        #hero 0;

*/


html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }


body {
	margin: 0px;
	height: 90%;
	background-color: #0072bc;
    font-family: Arial, Tahoma, Verdana, Arial Narrow, Sans-Serif;
    font-size: 82.0%;
    background-image: url(http://www.toyproject.org/images/bg_body.gif);
    background-repeat: repeat-x;
    margin-bottom: 30px;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	color: #ffad1d;
	font-size: 1.7em;
	font-weight: normal;
}

h2 {
	color: #0072bc;
	font-size: 1.1em;
	font-weight: bold;
}

a img {
	border: none;
}


a {
    color: #0072bc;
}
a:hover {
    color: #ed1c24;
}







#utilityNav {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 39px;
	background-color: #0072bc;
}

	.searchText {
		position: relative;
		top: -6px;
		background-color: #fff2db;
		border: 2px solid #c8c8c8;
		color: #444444;
		font-size: 1.1em;
		width: 165px;
	}


#mastheadWrapper {
	/* position: relative; */
 
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 98px;
	xbackground-color: #ffed1d;
        xborder: 1px solid white;
}


	#logoWrapper {
		position: relative;
		top: -39px;
		left: -345px;
		width: 270px;
		height: 270px;
		z-index: 80;
	        margin-left: auto;
	        margin-right: auto;
	}
	
	#latestInfoWrapper {
		position: relative;
		top: -265px;
		left: 147px;
		width: 735px;
		height: 20px;
	        margin-left: auto;
	        margin-right: auto;
		overflow: hidden;
		font-weight: bold;
		color: #8E8E8E;
		font-size: 1.1em;
	}
	
	#latestInfoWrapper a {
		color: #009afe;
		font-weight: normal;
	}
	
	#latestInfoWrapper a:hover {
		color: #ed1c24;
	}



#navigationWrapper {
    position: relative;
    top: -242px;
    left: 135px;
    height: 50px;
    width: 690px;
    x-background-color: red;
    z-index: 600;
	margin-left: auto;
	margin-right: auto;
}


	


#contentWrapper {
	margin-top: 12px;
	width: 100%;
    background-image: url(http://www.toyproject.org/images/bg_content.gif);
    background-repeat: repeat-x;
	background-color: #FFFFFF;
   /* z-index: 9; */
}



	#content {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}


	#leftColumn {
		x-background-color: orange;
		float: left;
		width: 220px;
		padding: 140px 25px 100px 25px;
		min-height: 280px;
		/* z-index: 10; */
		background-image: url(http://www.toyproject.org/images/bg_leftColumn.jpg);
		background-repeat:no-repeat;
		background-position: bottom center;
	}


	#rightColumn {
		x-background-color: pink;
		padding-top: 13px;
		float: right;
		width: 690px;
		min-height: 400px;
		/*  z-index: 11;*/
		line-height: 1.4em;
		color: #444;
	}



.clear {
	clear: both;
	height: 1px;
}
.relative {
    position: relative;
}

#redBar {
	width: 100%;
	height: 16px;
	background-color: #ed1c24;
	border-bottom: 1px solid #ffed1d;
	clear: both;
}








/* /////////////////////////////////////////////
       F O O T E R   
////////////////////////////////////////////// */



#footerWrapper {
    xbackground-color: blue;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 0px 20px 40px;
    width: 920px;
}




    /*----------------------------------*/


    #footerWrapper .partners {
        margin: 0;
        padding: 0;
        float: right;
        width: 610px;
        font-style: italic;
        color: #d8d8d8;
    }
    
    #footerWrapper .partners a {
        color: yellow;
    }
    
    #footerWrapper .pleaseVisit {
        margin-bottom: 5px;
    }
    
    
    #footerWrapper #partnerLinks {
        margin: 0;
        padding: 0;
        position: relative;
        top: 10px;
        left: 0px;
    }
    
    #footerWrapper #partnerLinks li {
        list-style-type: none;
        display: inline;
        width: auto;
        float: left;
        margin: 0;
        padding: 0px 8px 0px 0px;
        font-size: 0.9em;
        color: #CCCCCC;
        line-height: 1.4em;
    }







        /*----------------------------------*/

	#footerWrapper .links {
		margin: 0;
		padding: 0;
		position: relative;
		top: 0px;
		left: 0px;
                width: 420px;
	}
	
	#footerWrapper .links li {
		display: inline;
		margin: 0;
		padding: 0px 8px 0px 0px;
		color: #4792c3;
		font-size: 0.9em;
	}
	
	#footerWrapper .links li a {
		color: #ccebff;
		text-decoration: none;
	}
	
	#footerWrapper .links li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}

		#footerWrapper .toyproject .links li a {
			text-decoration: underline;
		}














/* /////////////////////////////////////////////
       N A V I G A T I O N   U T I L I T Y   
////////////////////////////////////////////// */

		#utilityLinks {
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0px;
			left: 215px;
			z-index: 85;
		}
		
		#utilityLinks li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: inline;
			font-size: 0.9em;
			width: auto;
			float: left;
		}
		
		/*this is all we need for top-level links*/
		#utilityLinks a {
			display: block;
			text-decoration: none;
		}
		
		/*This is top-level only and is the rule that shifts the background image so that we now
		see the bottom one. It is deployed via multiple selectors for hovering, tab key access,
		and so it stays persistent when its associated sub-menu is open*/
		#utilityLinks a:hover, #utilityLinks a:active, #utilityLinks a:focus {
			background-position: left bottom;
		}
		
		/* Top level menu width
		We set width to auto because we are using top-level bg images and the width is
		assigned directly via the IDs assigned to the links.*/
		#utilityLinks li {
			float: left;
			width: auto;
		}
		#utilityLinks ul li {
			float: none;
		}
		
		/*The top-level common properties
		Height matches the height of the background images. No repeating. Text indent
		hides the text offscreen left.*/
		#u1, #u2, #u3, #u4, #u5 {
			height: 39px!important;
			background-repeat: no-repeat;
			text-indent: -3000px;
		}
		
		/*The individual top-level IDS. We simply set width to match the width of the
		associated background image and then we set the background image.*/
		#u1 {
			width: 100px;
			background-image: url(http://www.toyproject.org/images/nav_u_donate.jpg);
		}
		#u2 {
			width: 120px;
			background-image: url(http://www.toyproject.org/images/nav_u_help.jpg);
		}
		#u3 {
			width: 125px;
			background-image: url(http://www.toyproject.org/images/nav_u_contact.jpg);
		}
		#u4 {
			width: 135px;
			background-image: url(http://www.toyproject.org/images/nav_u_tour.jpg);
		}
		#u5 {
			width: 56px;
			background-image: url(http://www.toyproject.org/images/nav_u_search.jpg);
		}