/*  General Styles for text  */


body {
	background:#9b9e9f;
	padding:0px;
	margin:0px;
	}
	


	
h1 {
		font: 15.5pt/1.2 Times, Georgia, serif;
		color: black;
		margin-bottom: -8px;
		margin-top: -1px;

		}	
		
		
h2 {
		font: 11pt/1.2 Times, Georgia, serif;
		color: #654663;
		margin-bottom: -13px;
		}	
		
h3 { font: 11pt/1 Times, Georgia, serif;
	 color:#000000;
	 font-weight: bold;
	 margin-top: 3px;
	 margin-bottom:0px;
	 padding:0px;
	 }

h3 span {span style="font-size: 12px;"}		
		
li.descript {
		font: 9.25pt/1.35 Times, Georgia, serif;
		margin-left:-22px;
}	

		
p {
	font:	9.25pt/1.35 Times, Georgia, serif;
	color: black;
}	

blockquote {
	font:	9.25pt/1.35 Times, Georgia, serif;
	color: black;
}

li {
	font:	9.25pt/1.35 Times, Georgia, serif;
	color: black;
}

td {
	font:	9.25pt/1.35 Times, Georgia, serif;
	color: black;
}


/*  paragraph with indents if needed */
	
p.indent {	
			text-indent: .5em;
}	
	
.right-element 
{
	background:#9b9e9f; 
   } 
	
/*  Structure */
.level1
{
    color: White;
    background-color: #d3ddbf;
    font-size: 20pt;
    font-weight: bold;
}



#contentArea {
		padding: 10px 10px 12px; /* The bottom value here is the whitespace beneath the main table */
		/* And the top value increases the whitespace between the navbar and main table, but this is most set by the nav padding below*/
		float:left;
		margin-bottom: 10px; /* This is the whitespace margin beneath the main table;*/
		background: white;
		margin-right:auto;
		margin-left:auto;
		position:relative;
}
	
#frame {
		width:990px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		background: white;
		text-align:left;

		}
		
#contentArea {
		width:990px;
		padding:0px 0px 12px; /* The bottom value here is the whitespace beneath the main table */
		/* And the top value increases the whitespace between the navbar and main table, but this is most set by the nav padding below*/
		float:left;
		margin-bottom: 0px; /* This is the whitespace margin beneath the main table;*/
		background: white;
		}
#contentAreaPeople {
		width:990px;
		padding:0px 0px 0px; /* The bottom value here is the whitespace beneath the main table */
		/* And the top value increases the whitespace between the navbar and main table, but this is most set by the nav padding below*/
		float:left;
		margin-bottom: 0px; /* This is the whitespace margin beneath the main table;*/
		background: white;
		}	
	
		
#headPKG {
		background:#fff;
		    }
		    
#contentheader {
		background:#a692a3;
		width:990px;
		padding:0px 0px 10px 0px; /*  This puts make the mauve space above the logo greater; */
		float:left;
}

		
#navheader {
		background:#626465;
		color:#EEE;
		text-align: center;
		font:	11pt/1.2 Times, Georgia, serif;
		width:980px;
		padding:5px;
		margin: 0px 0px 12px 0px; /* This sets the whitespace between the nav bar and the main table */
		float:left;
	    }	
	
	
		
			
#contentfooter {
		color: white;
		width:990px;
		background: #626465;
		text-align:center;
		float:left;
		font:	9pt/1.2 Times, Georgia, serif;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0px;
		}
		
#contentfooter a {
		color: white;
		font:	9pt/1.2 Times, Georgia, serif;
		}



/* Structures in Headers  */



		
#mission {
		font: 12pt/1.2 Times, Georgia, serif;
		float:left;		
		width:400px;
		padding:35px 0px 0px 30px;
		color:black;
		}




/* Interior Grid  */

#welcome {
		padding:10px 10px 10px 10px;
		/*height:100%;*/
		background: #efded7;
		width:210px;
		
}


#join {
		padding:15px 10px 10px 10px;
		/*height:100%;*/
		background: #dbe6f3;
		width:210px;
}

#join img {
padding-bottom:10px;
}



#newNext {
		padding:0px 0px 0px 0px;
		/*height:100%;*/
		width:485px;
		
}		


#onlineMag {
		padding:10px 15px 10px 10px;
/*		height:100%;*/
		background: #dde6cc;
		width:200px;
		
}

#relatedOrgs
{
			
		padding:10px 10px 10px 10px;
/*		height:100%;*/
		background: #eae5e9;
		width:486px;

		}

#headShotA img {
			/*	width: 50px;
		height:65px;*/
			float: right;
/*			background: #060;*/
/*			padding: 1em;*/
			margin: 0px 0px 0px 10px;	
			}

#headShotB {
			width: 50px;
			height:65px;
			float: left;
			background: #060;
			padding: 1em;
			margin: 0px 10px 0px 0px;		
			}
			
	
	
/*  Non Home Page Structures  */

#leftText3col {
		padding:20px 15px 10px 20px;
		height:100%;
		background: #dbe6f3;
		width:220px;
}	
	
#mainText3col{
		padding:20px 20px 10px 20px;
		height:100%;
		background: #eae5e9;
		width:400px;
}

#mainText1col{
		padding:20px 20px 10px 20px;
		height:100%;
		background: #eae5e9;
		width:950px;
}

#rightText3col {
		padding:20px 20px 10px 20px;
		height:100%;
		background: #dde6cc;
		width:220px;
}

#leftText2colTop {
		padding:20px 15px 10px 20px;
		height:100%;
		background: #eae5e9;
		width:300px;
}	

#leftText2colBottom {
		padding:20px 15px 10px 20px;
		height:100%;
		background: #dde6cc;
		width:300px;
}	
	
#rightText2col {
		padding:20px 15px 20px 20px;
		height:100%;
		background: #dbe6f3;
		width:580px;
}

#leftText2colA {
		padding:20px 15px 10px 20px;
		height:100%;
		background: #eae5e9;
		width:300px;
}	

#leftText2colB {
		padding:20px 15px 10px 20px;
		height:100%;
		background: #dde6cc;
		width:300px;
}	

#leftText2colC{
		padding:20px 15px 10px 20px;
		height:100%;
		background: #efded7;
		width:300px;
}	

#text1ColTop {
		padding:20px 15px 20px 20px;
		height:100%;
		background:  #dde6cc;
		width:955px;
}
#text1ColBottom {
		padding:20px 15px 20px 20px;
		height:100%;
		background: #eae5e9;
		width:955px;
}


/* Conference Page */

#confpic {

padding-top:15px;
border:0;
padding-right:7px;

}
			
			


		
		
/*  Area Speciifc Styling  */
		
#contentheader h1 {
		padding: 10px;
		margin: 0px;
		color: white;
		}


#h1link a {
		font: 15.5pt/1.2 Times, Georgia, serif;
		color: black;
		margin-bottom: -8px;
		margin-top: -1px;
		}

#h2link a {
		font: 11pt/1.2 Times, Georgia, serif;
		color: #654663;
		margin-bottom: -13px;
		}

h1.people {
		font: 15.5pt/1.2 Times, Georgia, serif;
		color: black;
		margin-bottom: 0px;
		margin-top: 0px;}

h2.people {
padding-bottom: 15px;
}


		


#contentArea h2 {
		margin-top: 0px;
}


#navheader a { 
	text-decoration:none;
	font-weight:bold;
	color:white;
	font:	10pt/1.2 Times, Georgia, serif;

	}
	
#whois p {
margin-top:0px;
}	


#ourvision p {
font: 11pt/1.35 Palatino Linotype;
margin-top:0px;
}	

#ourvision ul {
font: 11pt/1.35 Palatino Linotype;

}	

#ourvision li {
font: 11pt/1.35 Palatino Linotype;


}	


/*====== NAV BAR CSS Menuing System =====*/

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	background:#626465;
	color:#EEE;
	font:	12pt/1.2 Arial, Times, Georgia, serif;
	width:980px;
	position:relative;        /* establish a menu-relative positioning context */
	float: left;                                     /* play nicely with others */
	margin: 0px 0px 12px 0px; /* This sets the whitespace between the nav bar and the main table */
	padding:5px 5px 10px 5px;
	border:0;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	cursor: pointer;
	padding:0;
	border:0;
	margin:0;
	margin-left:65px;			/* I'm faking the centering of the nav buttons, and this is the left margin*/
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu ul li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0px 60px 0px 0px; /* GRH This puts the space between the nav buttons */
}

.menu ul li ul, .menu ul li ul li, ,menu ul li ul li a {
	margin:0px 0px 0px 0px; /* GRH This puts the space between the nav buttons */
	
}

.menu a {
	color:#EEE;
	/*font:	11pt/1.2 Times, Georgia, serif;*/
	text-decoration: none;
	line-height:1.5em;           /* globally set the menu's item spacing. note */

	}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
	
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	/*border-top:1px solid #000;    /* GRH PUT THIS BACK IN TO GET A MOUSE OVER EFFECT ON THE BUTTONS */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* GRH This is the border of the drop down; 2nd level drop-down box */
	font:	10pt/1.2 Arial, Times, Georgia, serif;

	display:block;
	position:absolute;
	margin:0;
	top:20px;              /*GRH; THIS DETERMINES HOW FAR UNDER THE MENU HEADERS THE DROP DOWN BOX BEGINS */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:200px;		/* GRH Must be equal to the corresponding width below in .menu ul li:hover ul li a*/
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:200px;   
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* GRH This is the gray space of the drop down; 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* GRH this sets the unselected drop-down text color */
	background:#d8d8d8;       /* GRH this sets the drop-down menu background color */
	width:200px;			/* GRH Must be equal to the corresponding width above in .menu ul li:hover ul*/
	}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:200px;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:15em;
	width:17em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	padding-left:3px;
	width:16.8em;
	background:#d8d8d8;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:16.8em;
	background:white;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari has problems with the illegal pound sign (#) after the rule's property val */

/*====== END NAV BAR CSS Menuing System =====*/