@charset "utf-8";
/* CSS Document */
/* to achieve the background color effect all the way to the bottom of the window, */
/* regardless of the amount of content, both HTML and BODY must have width:100%    */
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}

body {
	font-family:  Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:fff0d0;
	margin-top: 0px;
	min-height: 100%;
	height: 100%;
} 

.invisible { position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.hideTabInfo {background: none; z-index: -1; margin: 0px; padding: 0px;  background-color: white; left: 0px; top: 0px;}
.bold {font-weight: bold; }
.italic {font-style:italic; }
.center {text-align:center;}

/*#custom-doc { width:65.38em; *width: 63.75em; min-width:850px; margin:auto; text-align:left; } */
#custom-doc { width:66.1538em; *width: 64.56em; min-width:850px; margin:auto; text-align:left; }
#custom-doc {background-color:#FFFFFF;  min-height:100%;  margin: 0 auto; background-image: url(images/bkgd_dropshadow.gif); background-repeat: repeat-y; }

* html #custom-doc {
height: 100%;
}

#hd { width:65.38em; *width: 63.75em; min-width:850px; margin:auto; position: relative; top: 0px; left: 2px; text-align:center; }

#bd {clear:both;}
#logoImage {margin: 0px 0px 0px 0px; }

#logoTabs {width:22em;  *width: 21.47em;  height:160px; float: left; position: relative; top: 0px; left: 0px; } 
#printHeader {display: none; }

/* when you use * before a directive only IE  understands */
/* when you use _ before a directive only IE6 understands */
#tabs{
	position: absolute;
	zindex: 1;
	top: 137px; _top:140px; 
	left: 0px;
	float:left;
	width:22em; *width: 21.47em;
	height:20px; *height:23px;
	line-height:normal;
	color:#FFFFFF;
	clear: both;
}

#tabs ul{
	margin:0;
	padding:0;
	list-style:none;
}

#tabs li{
	float:left;
	background: url(images/tab_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
}

#tabs li:hover, #tabs li:hover a{
	background-position:0% -150px;
	font-weight:bold;
	color:#FFFFFF;
}

#tabs li:hover a{
	background-position:100% -150px;
}

#tabs a, #tabs strong, #tabs span{
	float:left;
	display:block;
	background:url(images/tab_right.gif) no-repeat right top;
	padding:5px 12px 4px 6px !important;
	padding:5px 12px 1px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:90%;
}

#tabs #current{
	background-position:0% -150px;
	border-width:0;
	font-weight:bold;
	color:#FFFFFF;
}

#tabs #current a{
	background-position:100% -150px;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 90%;
}

#peoplePhoto {position: relative; top: 0px; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 

/* left nav width should be 230px */
/* according to Yahoo: */
/* pixel width / 13px = EM width */
/* em width * .9759 = IE width */
/* example: #custom-doc { width: 46.15 em; /*non ie* / *width: 45.04 em; /* ie * / } */

/*.yui-b{float:left; zindex: 2;} */
.yui-b{float:left;  z-index: 2;}
#leftNav { font-size: 90%; width:20em; *width:20em;}
#leftNav a {color: #cd5a13;
			font-weight: bold;
			text-decoration: none;
		}
#leftNav a:hover {text-decoration:underline;
					color: #c42000; }		
			
#leftNav ul {list-style: none;
			list-style-type:none;
			marker-offset: 0px;
			margin: 30px 0 20px 30px; }

#leftNav li {margin: 0 0 10px 0;}

#leftNavRule { color:#c2b88e; margin: 0 0 0 15px; width:200px;}

#moreInfo { margin: 10px 0 0 25px;  }
#moreInfo a {color: #cd5a13; }

#homeQuestions { width:150px; margin: 15px 15px 15px 15px; padding: 15px 15px 15px 15px; color: #505050; font-weight: bold; }
			
#donateButton {margin: 30px 0px 15px 15px; border: 0px;}			
			
#quotableStat {background-color:#cd5a13; width:150px; margin: 15px 15px 15px 20px; padding: 15px 15px 15px 15px; color: white;  border: 1px; border-color:#c2b88e; line-height: 1.5em; }

#quotableStat a {color: white;}
#quotableStat a:hover {color: white;}
#quotableStat a:visited {color: white;}

form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}			
			
#search {position: relative; top: 0px; left: 0px; width: 50em; *width:48.795em;
		text-align:right;
		margin: 5px 5px 5px 0px;}
		
#searchButton {margin: 0px 0px 0px 10px; vertical-align:middle;}

#srchtxt {border:solid; border-width: 1px; border-color:#e4e4e4; height: 20px;}

#yui-main .yui-b .yui-c {background-color: #ffffff; }
#content {position: relative; top:20px; left: 70px; width:44.5em; *width:43.5em;  color: #333333;}

#content a {color: #cd5a13;}
#content a:visited {color: #a33f01; }

a.inpageNav {text-decoration: none;}
a.inpageNav:hover {text-decoration:underline; }

#content ul {
				margin: 0;
				padding: 0 0 0 1em;
				 }

#content li {
				padding: 0;
				margin: .25em 0 0.5em 30px;
			} 
			
#content ul.bulletproof {
				list-style: none;
				margin: 0;
				padding: 0 0 0 1em;
				 }
			
#contentRule { color:#c2b88e; height: 1px;}			


#homeContent { margin: 0 0 0 50px; width:41em;}

.experienceTextFirstSentence { font-family: Georgia, "Times New Roman", Times, serif; font-size: 130%; color: #000000;}
.experienceText { background-color: #fff0d0; color: #000000; padding: 15px 15px 15px 15px;}

.homePhotos { margin: 0 0 0 50px; }
.homeFeaturePhoto {border:none; }

.sitemapHeader {background-color: #cd5a13; color:#ffffff; width:21em; padding: 2px 0 2px 0; }
#content a.whiteLink  {text-decoration:none; color: #FFFFFF; padding: 0 0 0 10px;  }
#content a.whiteLink:hover {text-decoration:underline;}
#content a.whiteLink:visited {color:#FFFFFF;}
a.sitemapLink {text-decoration: none; line-height: 1.5em;}
a.sitemapLink:hover {text-decoration:underline;}

.homeContent  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 160%; line-height: 1.5em; color: #617da0; margin: 30px 0 0 10px; }
#homePhotos {width: 570px;}
#leftPhoto {
	width:278px;
	float: left;
	

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
#rightPhoto {
	width: 278px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.startText {color:#ae1d00; font-style:italic;}

h1 {color: #cd5a13; font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; font-weight: normal; margin-bottom: 15px;}
h2 { font-size: 100%; font-weight: bold; }

/* Default text size is 16px. */
/* 16 * 1.125 = 18 */
#content p {font-size: 90%; margin-bottom: 10px; line-height:1.5em;}

.inlineImageLeft {float: left; margin: 0 10px 10px 0; border-style:solid; border-width: 1px; border-color: #c2b88e;}
.inlineImageLeftNB {float: left; margin: 0 10px 10px 0;}

.inlineImageRight {float: right; margin: 0 0 10px 10px; border-style:solid; border-width: 1px; border-color: #c2b88e;}
.inlineImageRightNB {float: right; margin: 0 0 10px 10px;}

#footerRule {color:#c2b88e; width:65.38em; *width: 63.75em; min-width:850px; height: 1px; margin: 0px 0px 20px 5px;   background-color: white;}
			
#ft {clear:both; font-size: 91%; text-align: center; color:#505050; margin: 100px 0px 20px 0px; padding: 0 0 10px 0; /*background-color: white; height: 100%; min-height: 100%;*/}

#ft a {color: #cd5a13; text-decoration:none; font-weight: bold; }
#ft a:hover {text-decoration:underline;}

#copyright {margin: 0px 20px 0px 20px;}
#fthome {margin: 0px 20px 0px 0px;}