body {
	font-family:"Bitstream Vera Sans", verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;      
	font-size: .75em;
	color:#000000;      
	background-color:#ffffff;      
	background-image:url(images/background.png);
     }

.wrapper {
    margin: 1% 5% 1% 5%;     
    background-color:#ffffff;
    color:#000000;
    text-align:left;
    padding:0;
	}

#head  {
	text-align: left;
	padding: .5em;
	font-size: 2em;
	font-weight: bold;
	background-color: #ecf0fd;
	border-bottom: 3px solid #9191ff;
	}

.middle {
    background-color: #ffffff;
    color:#000000;
    width: 100%;
    padding: 1em;
    line-height:1.5em;
    }

.nav {
	float:left;
	/* background-color: #dbdbff; */
	/* background color removed, probably temporarily, because blue arrow has a white background that was showing up */
	color:#000000;
	margin:1em 3em 3em 0;
	padding:8px;
	line-height:25px;
     border: 1px solid #9191ff;
	/*width:155px; */
	/* Attempting to make box outline fluid so that the li with the blue arrow won't wrap */
	}
	
#fluid .nav {
	width:8.5%;
	}
   
/* Indicate current page in navigatonal menu  */
.nav .activelink a {
	font-weight: bold;
	color: #172D75;
	}

/* navigation for project fixed on the right hand side, had to made small to fit on low res screens */
.rightnav {
	/* commented out when container was changed from fixed width to fluid
	position: absolute;
	left:795px;
	top:5px;
	width:200px;
	*/
	background-color: #dbdbff;
	color:#000000;
	padding:8px;	
	line-height:15px;	
	border: 1px solid #9191ff;
	float: right;
	margin-top: 13px;
	}

.rightnav h6, .rightnav ul {
	margin:0;
	line-height:12px;
	}

.rightnav li {
	line-height:11px;
	padding:3px 0 3px 0;
	font-size:.85em;
	}

h1 { 
 	margin:0;
  	padding:0;
  	text-align:center;
  	font-size:1.9em;
  	font-weight:normal;
	 }    

h2,h3 {  
	margin-top: 0px; 
 	padding-top: 0px;
  	text-align:center;  	
	font-weight:normal;
      } 

h2 {
 	font-size:3em;
	margin-top:1em;
	font-weight:bold;
	line-height:1.2em; 	
	}  

h2 .smaller { 	
	font-size:75%; 	
	}  

h3 { 
 	font-size:2.5em;
	font-weight:bold;
	margin:1em 0 1em 0;  	}  

#nonlistitempage h3  {
	padding-top:20px;
	}
	
/* h4 for news items in active projects */
.listrow h4 {
	font-size:1.2em;
	padding:0;
	text-align: left;
	line-height:1.2em;
	margin: 8px auto 3px auto;
	color:#000000;
	padding: .3em 2em .4em 2em;
	border-bottom: 3px solid lightgray;
	width:245px;
	} 	

.listrow h5 {      
	text-align: left;      
	font-size:1.5em;     
	margin-top:18px;      
	margin-bottom:3px;
	color:#000000;
	padding: .2em 2em .2em 2em;
	border-bottom: 3px solid #e3e3e3;	    
	}

/* old style for projects heading that was centered in a grey box 
text-align:center;      
	font-weight:normal;      
	font-size:14px;      
	margin-top:18px;      
	margin-bottom:3px;
	color:#000000;
	padding: .2em 2em .2em 2em;
	background-color:#e3e3e3;
	border: 1px solid #aaaaaa;	     }
/*

/*h5 for use in latest news on home page */
.leftofcenterand h5  {
	margin:.5em 0 -.5em 0;
	padding:0;
	font-size:1.3em;
	font-weight:normal;
	}

/* h6 used in projects nav*/
h6 {
	font-size:.9em;
	}
	
/* start to have images in paragraphs*/ 	
#imagesintext img {
	float:left;
	padding: 0 .6em .2em 0;
	}
	
/* end to have images in paragpraphs*/ 

 a {      
	background-color:inherit;      
	color:#002bb8;      
	text-decoration:underline;      
	}

a:active {      
	color: #faa700;      
	text-decoration:none;      
	background-color:#fff3f3;      
	}
a:hover {  	
	color:#002bb8;      
	text-decoration:none;      
	background-color:#ffff06;     
	}  

#head a {
	color:#000000;
	background-color: inheret;
	text-decoration:none;
	}

/* used on icons and li's for section listing on home page */
.imageleft  {  	
	float:left;  	
	}

.imageright  {
	float:right;
	}

/* to negate the padding coming from imageleft on home page */
.positionicon {
	padding-left: 2.5em;
	}

#google {
  	background-color:#ffffff;  	
	color:#000000;  	
	}    

ul {      
	list-style-type:none;      
	margin:0 0 0 7px;      
	padding:0px;      
	line-height: 2em;
	}
    
/* makes li's under worldcommunitygrid less crowded */
.listrow ol li {
	padding:.5em;
	}  

.listsection ul {  	
	margin-left:18px;  	
	line-height:150%;   	
	}
	
/* add arrows for use in supplemintary items in active project */
.insidebox ul {
	list-style-image:url(images/blue_arrow.png);
	}
	
/*take off blue arrow for news	items in active projects */
.insidebox ul ul {
	list-style-image:none;
	}

/* allow space between li's in supplementary info on active projects page */
.insidebox ul ul li {
	padding:.2em;
	}

ul.misclist {      
	list-style-position: inside;
	list-style-type:disc;      
	margin-left:25px;      
	padding:0px;      
	line-height:18px;      
	}  

#worldcommunitygrid ul {
	margin-left:3.5em;
	}

.centerednavbetweensections {
     padding:5px 0 5px 15px;
	line-height:.7em;
	font-size:.85em;
	
	}
	
/* google refferal ad */

.referral {
	margin-left:19%;
	padding-bottom:1em;
	}

.sitename {      
	font-style:italic;      
	}  

.bold {      
	font-weight:bold;      
	}

/* for graying out projects info on world community grid if they have ended recently */
.faded {
	color:#9f9f9f;
	}
	
/* for graying out projects info on world community grid if they have ended recently */
.faded a {
	color:#9f9f9f;
	}	   

.listsection {      
	padding-top:10px;      
	margin-bottom:10px;
    }
    
.listrow {      
	/*background-color:#f9f9f9;     */ 
	background-color:#ffffff;
	color:#000000;      
	padding:15px 15px 5px 15px;    	
	/*	border:solid #e8e8e8 1px;*/      
	margin-bottom:10px;
	}

.shrinkleft {
	width: 80%;
	}

/* box to contain addt'l info on projects*/
.insidebox {
	color:#000000;
	padding:8px;
	background-color:#ffffff;
	border: 1px solid #aaaaaa;	
	width:525px;
	margin: 0 auto 1em 2em;
/*	position:relative;
	right:25px; */
	}

.rightofnav{
	width:520px;
	float:right;
	}   

.rightfloat {
	float:right;
	}  

.middleofcenter{  	
	width:86%;  	
	margin-left:7%;  	
	margin-right:7%;  	
	}  
.middleofcenterskinny {
	width: 30%;
	margin-left: 13em;
	}

.leftofcenterand {  	
	/*top lines added to move to the right of the page*/
	float:right;
	font-size:.90em;	
	line-height:1.35em;
	margin: 1em 3em 3em 3em;
	padding:.2em 1em .2em 1em;	
	color:#000000;
	background-color:#ecf0fd;
	border: 1px 
	solid #aaaaaa;	
	width: 25%;
 	}

q	{      
	font-style:italic;      
	font-size:90%;      
	}        

.smaller {  	
	font-size:85%;  	
	color:#303030;  	
	background-color:#ffffff;  	
	line-height:normal;  	
	}
	
.ownline {
	clear: both;
	}

.standout {
	color:red;
	}

.oneemfont {
	font-size:1em;
	}

.halfemfont {
	font-size:.5em;
	font-weight:normal;
	}


.simpleborder {
	border:#000000 1pt dashed;
	margin: 10px;
	padding: 2px;
	} 

fieldset { 	
	border:none; 	
	} 	 

legend	{	 	
	color:#000000;
	background-color:inherit; 	
	}