body {
	font: .7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background: #573300;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}	
#shadow {
	padding:0 9px 0 9px;
	background: url(../../images/layout-shadow.gif); /** Link to the image you created **/
	background-repeat: repeat-y; /** Repeats the image vertically **/
	background-position: center; /** Centers the Background image **/	
}

#shadowBottom {
	background-image:  url(../../images/layout-shadow-bottom.gif); /** Link to the image you created **/
	background-repeat: repeat-x; /** Repeats the image vertically **/
	width: 973px;
	height:9px;
	margin: 0 auto;
	display: block;
}
#shadowBotCornerL {
	height: 9px;
	width: 9px;
	float:left;
	background-image:  url(../../images/layoutShadowBotCornerL.gif);
}
#shadowBotCornerR {
	height: 9px;
	width: 9px;
	float:right;
	background-image:  url(../../images/layoutShadowBotCornerR.gif);
}
	
	
a:link, a:visited  {
	color: #FFF;
	text-decoration: none;
	letter-spacing: .005em;
	font-weight: normal;	   
}
a:hover {
       text-decoration: underline;
}

a:active {

}

#banner {
	text-align: left;
	background: #000 no-repeat;
	height: 91px;
}


@charset "utf-8";
/* CSS Document */

/*begin top nav css*/

/* Giving a background-color to the nav container. */
#navMain {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 765px; /*nav width minus padding left indent*/
	list-style: none;
	line-height: 1;
	background-color: #666633;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0; /*margin underneath nav bar*/
	padding-left: 190px; 
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #ABAA55;
	-moz-box-shadow: 0px 0px 10px  #333;
	-webkit-box-shadow:  0px 0px 10px  #333;
	box-shadow:  0px 0px 10px  #333;
}
/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
#navMain ul {
   	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
    position: relative;
	margin: 0px 0px 0px -14px; /*positions top navagation*/
/*	border: 2px #ABA5 solid;*/

	
    }
/* Positioning the navigation items inline */
#navMain ul li {
    margin: 0;
    display:inline-block;
 
    }
/* Styling the links */
#navMain a {
    display:block;
    color:#FFF;
    text-decoration:none;	
	padding: .4em .7em; /*space between top level nav items*/
	vertical-align: middle;
	line-height: 1.55; /*line height of each nav item*/
	letter-spacing: .02em;
}


	

/* Background color change on Hover */
#navMain a:hover {
    background-color: #8C3225; /*sub menu item hover color*/
}



/* Hide Dropdowns by Default
 * and giving it a position of absolute */
#navMain ul ul {
    display: none;
    position: absolute;
    top: 100%;
	margin-left: 24px;
	background-color:#898844; /*sub menu color*/
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow:  0px 0px 10px #333;
	box-shadow:  0px 0px 10px #333;
	
}



/* Display Dropdowns on Hover */
#navMain ul li:hover > ul {
    display:inherit;
}
/* Fisrt Tier Dropdown */
#navMain ul ul li {
    display:list-item;
    position: relative;
	margin-left: -40px;
	background-color:#8A4E42; /*sub menu color*/
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow:  0px 0px 10px #333;
	box-shadow:  0px 0px 10px #333;

 
 }


/* Second, Third and more Tiers
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
#navMain ul ul ul {
    position: absolute;
    top:0;
    left:100%;
	width:175px;
}
/*end top nav css*/


#contentMain {
	padding-top:17px;
	padding-bottom: 30px;
}



#container {
	width: 955px;
	background: #FFE7BD;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom: 30px;
	min-height: 800px;
}



#contentMain a:link, #contentMain a:visited, #contentMain a:hover, #contentMain a:active {
	color: #990000;
	font-weight: bold;
	letter-spacing: .005em;
	
}




.navHeadFoot {
width: 955px; 
text-align: right;
padding: 10px 0 10px 0;
margin: 0 auto;
color:#FFF;
font-size: .9em;
}


#header {
	color:#FFF;
	margin: 7px auto;
	width: 955px;
	text-align: right;	
}

#footer {
	text-align: center;
	letter-spacing: .5px;
	font-size: .8em;
	line-height: 3em;
	margin-top: -10px;
	margin-bottom: 10px;
	color:#FFF;
	clear:both;	
}

#footer p {
	margin-top: 10px;
	font-size: 1.15em;
}


#columnSingle {
	zoom: 0;
}


h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font:  bold 1.8em/1.35em Verdana, Arial, Helvetica, sans-serif;
	
}

h2 { 
	font-size: 1.2em;
	color: #9D5C38;
	font-weight: bold;
	margin: 20px 0 2px 0;
	padding: 0;	
}

h2.alignTop {
	margin-top: 0;
}


h1 + h2 {
	font: bold 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #9D5C38;
	margin: -10px 0 20px 0;
	padding: 0;	
}

h1 + h6 {
	font: bold 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #9D5C38;
	margin: 20px 0 2px 0;
	padding: 0;	
}
h6 {
	font: bold 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #9D5C38;
	margin: 0 0 10px 0;
	padding: 0;	
}

h3 {
 font-weight: bold;
 margin: 2em 0 0 0;
}

h2 + h3 {
margin: 10px 0 0 0;
}

h1 +  h3 {
 margin: 2em 0 10px 0;
}

h4{
 font-weight: bold;
 font-size:.86em;
 margin-bottom:10px;
}

h5{
 font-size:.86em;
}

#contentMain h1 + img {
	margin: 0;
}

.marginTopZero {
	margin-top: 0;
}


#contentMain p {
	margin-bottom: 15px;
	width:650px;

}

#contentMain ul {
	margin-left: 1em;
}


#contentMain ul li{
	width: 450px;
	list-style-position: inside;
	list-style-type: disc;
	padding: 0;
	margin: 1em 0;
	text-indent:-11px;
	line-height:2em;
	
}





#contentMain ol{
	list-style-position: outside;
	margin: 1em 0 1em 2em;
	line-height: 2em;
	padding-left:1em;
	font-weight: bold;	
}

#contentMain h3 + ul, ul + ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0 0 0 1em;
	margin: 1em 0 0 1em;
	line-height: 1;
}





#container #contentMain ol li{
	list-style-position: outside;
	list-style-type: decimal;
	padding: 0 0 0 1em;
	margin: 1em 0 0 0;
	line-height: 2em;
	text-indent:-6px;
	width: 600px;
	display:list-item; 
	
}


#contentMain img {
	border: 1px #666 solid;
	margin-bottom:30px;
	-moz-box-shadow: 0px 0px 5px  #333;
	-webkit-box-shadow:  0px 0px 5px  #333;
	box-shadow:  0px 0px 5px  #333;	
}
#contentMain .noBoxShadow {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow:  none;
	box-shadow:  none;	

}



#contentMain img + img{
	margin-left: 25px;
}


#contentMain .imgCaption img {
	margin-bottom: 5px;
}


.imgCaption p {
	font: bold .90em/1.5em Geneva, Arial, Helvetica, sans-serif;
	color: #9D5C38;
	text-align: left;
	
}


.callout {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.025em;
	color: #000;
	margin: 0 0 30px 0;
	padding: 0 20px 20px;
	border: 1px  #CC9969 solid;
	background-image: url(../../images/resource-callout-grad.jpg);
	background-repeat: repeat-x;
	width:360px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}




#contentMain div.callout p{
	width: 270px;
	

}

#contentMain .callout ul li{ 
	padding-left: 7px; 
	width:270px;
	}
	


.callout h3 {
	font-size:1.02em;
	margin: 18px 0 10px 0;
}


.callout h4 {
	font-size:1em;
}
#contentMain .callout img {
	margin-left: 3px;
}
#videoCallout { 
	font-size:1.02em;
	font-weight: bold;
	padding-top:15px;
	text-align: center;
	padding-bottom:0;
	margin-bottom: -15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
	
#videoCallout.floatRight {
	margin-left:20px;
}

#videoCallout ul li{
	display: block;
	list-style-type: none;
	margin:0px;
	margin-bottom:10px;
	}
	
a.video {
	display: inline-block; 
	height: 280px;
	width: 380px;
	background: url(../../images/video-thumb-css.png) no-repeat 0 top;
	padding: 0;
	margin-left: -28px;
	position: relative;

}
a.video span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../../images/video-thumb-css.png) no-repeat 0 bottom;

}
		

#moreInfo.callout {
	float: right;
	background: #F9DCB2 url(../../images/moreInfo-callout-gradation.png) repeat-x top;	
	width:250px;
	margin:-10px 20px;
	padding-right: 10px;
	display:block;
}

#moreInfo.callout h3{
	margin-top:8px;

	
}
html #moreInfo.callout ul {
	margin-left: 0;
}

html #moreInfo.callout ul li{
	margin-left: -18px;
	margin-bottom: 8px;
	line-height: 1.5;
	width:280px;
	list-style-type: none;
	width:240px;	
	
}

#moreInfo.callout a:link, #moreInfo.callout a:visited, #moreInfo.callout a:hover, #moreInfo.callout a:active{
	font-size: .78em;
	letter-spacing: .02em;
	font-weight:normal;	


}





#slideShow + a:link, #slideShow + a:visited{
	background: url(../../images/slideshow-thumb-css.png) no-repeat 0 top;
	width:449px;
	height:333px;
	display: block;	
	border:none; 
	float:right;
	display: block;	
	margin:0 40px 0 20px;

		
}
#slideShow + a:hover, #slideShow + a:active{
	background-position: 0 -333px;
}

div#columnRightWrapper.floatLeft {
	display: block; margin-left: auto; margin-right: auto;
	margin: -30px -40px 20px 30px;
}



a.donateButton {
	display: inline-block;
	margin:10px auto 20px auto;
	border-style: none;
	height: 44px;
	width: 192px;
	position: relative;
	width:100%;
	text-align:center;
	background-image: url(../../images/donate-button-plain-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a.donateButton span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../../images/donate-button-plain-bg.jpg) no-repeat center -44px;	
}


.callout a.donateButton {
	position: relative;
	margin-bottom:-5px;
	background: url(../../images/donate-button-callout.png)  no-repeat center top;
	margin-bottom:10px;

}


.callout a.donateButton span{
	background: url(../../images/donate-button-callout.png)  no-repeat center -44px;
	
}

#donate.callout {
	background: #F9DCB2 url(../../images/callout-gradation2.png) repeat-x;
	padding-right: 30px;	
	padding-left: 30px;
	width: 340px;
	
}


#donate.callout h4 {
	margin-top:12px;
}



.callout .donateButton  a:link, .callout .donateButton a:visited {
	width: 360px;
	margin-bottom:10px;	
}




.quoteText{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	font-size: 1.15em;
	color: #9D5C38;
	font-style: italic;	
	padding: 0 20px 0 20px;

}

.clearLeft {
	clear:left;
}


.clearer {clear: left; line-height: 0; height: 0;}

.indentSection {
	margin:10px 0 0 10px;
}


.floatRight {
	float:right;
	clear:none;
}
	
.floatLeft {
	float:left;
}



#contentMain img.floatLeft {
	margin-bottom: 10px;
	margin-right: 20px;

}

#contentMain img.floatRight{
	margin-bottom: 20px;
	margin-left: 20px;
}




.textFloatRight {
	float:right;
	margin-right: 40px;
	}
	
img.floatLeft + h2 {
	margin-top:0;
}



.alignCenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;

}

#columnSingle div.alignCenter {
	width:500px;
	margin-top:10px;
}

div.floatLeft {
	width:400px;

}

#contentMain div.floatLeft p {
	width:400px;
}


#columnSingle img.donateButton.floatRight{
	border-style: none;		
	margin: 5px 200px 10px 30px;
}

.alignLeftTopNav{
	margin-left:159px;
}

#amznCharityBanner {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	width:310px;
}