/*	
xhtml & css
	Date: 04/22/2009.
	Modified: 04/22/2009
	Author: Andres Basso

**/

/* Basics */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
font-family: Helvetica, Arial, sans-serif;
/*font-family: "Georgia", Times New Roman, Times, serif;*/
padding: 0px 0 10px 0;
background: #FFFFFF;
}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}
hr{display: none;}
label{cursor: pointer;}
select option{padding: 1px 2px 0 5px;}
table{border-spacing: 0; border-collapse: collapse;}
ul{list-style: none;}

/* Structure */
#container{
width: 970px;
margin: 0 auto 0 auto;
background: #FFFFFF;
}

#header{
background: url('../images/header_decoration.jpg') no-repeat top;
height: 106px;
margin-top: 6px;
}

  #header #h1 h1{
		display: block;
		text-indent: -9999px;
		height:1px;
	}
	
  #header #support a{
	  display: block;
		float: left;
		outline: 0;
    height: 60px;
    width: 220px;
    padding-top:30px;
    margin: 0px 0 0 20px;

    text-indent: -9999px;
	}
	  
  #header #home a{
		display: block;
		float: left;
		outline: 0;
    height: 60px;
    width: 350px;
    padding-top:30px;
    margin: 0px 0 0 70px;

    text-indent: -9999px;
	}
	
	#header #callout a{
		display: block;
		float: left;
		outline: 0;
    height: 60px;
    width: 240px;
    padding-top:30px;
    margin: 0px 0 0 60px;
    text-indent: -9999px;
	}
	
		
  #images{
    float: left;
	width: 970px;
    margin-left: 1px;
  }
  		
  #images ul li {
    float: left;
	padding: 0 1px 0 0;
    width: 241px;
  }
		
#menu{
  height: 31px;
  padding-top: 1px;
  background:transparent url(../images/menu_decoration.jpg) no-repeat scroll left top;  
}

#menu ul li{
float: left;
}

#menu ul li a {

display:block;
outline:0;
text-indent:-9999px;
height: 28px;
}

#menu ul #b0 a {
background:transparent url(../images/home_but.jpg) no-repeat scroll left top;
margin-left:65px;
width:38px;
}
#menu ul #b1 a {
background:transparent url(../images/show_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:150px;
}
#menu ul #b2 a {
background:transparent url(../images/views_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:84px;
}
#menu ul #b3 a {
background:transparent url(../images/blog_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:109px;
}
#menu ul #b4 a {
background:transparent url(../images/polls_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:85px;
}
#menu ul #b5 a {
background:transparent url(../images/about_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:47px;
}
#menu ul #b6 a {
background:transparent url(../images/resources_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:81px;
}
#menu ul #b7 a {
background:transparent url(../images/contact_but.jpg) no-repeat scroll left top;
margin-left:26px;
width:62px;
}

#menu ul #b0 a:hover, #menu ul #b0 a:focus, #s0 #menu ul #b0 a{background-position: left bottom;}			
#menu ul #b1 a:hover, #menu ul #b1 a:focus, #s1 #menu ul #b1 a{background-position: left bottom;}
#menu ul #b2 a:hover, #menu ul #b2 a:focus, #s2 #menu ul #b2 a{background-position: left bottom;}
#menu ul #b3 a:hover, #menu ul #b3 a:focus, #s3 #menu ul #b3 a{background-position: left bottom;}
#menu ul #b4 a:hover, #menu ul #b4 a:focus, #s4 #menu ul #b4 a{background-position: left bottom;}
#menu ul #b5 a:hover, #menu ul #b5 a:focus, #s5 #menu ul #b5 a{background-position: left bottom;}
#menu ul #b6 a:hover, #menu ul #b6 a:focus, #s6 #menu ul #b6 a{background-position: left bottom;}
#menu ul #b7 a:hover, #menu ul #b7 a:focus, #s7 #menu ul #b7 a{background-position: left bottom;}



 
  #content{
  width: 970px;
  min-height: 380px;
  }
  
  #leftcol{
  float:left;
  display:block;
  width: 232px;
  margin-top: 22px;
  }
  
  #showusbox{
  border: 1px solid #CCCCCC;
  margin-bottom:5px; 
  }
  
  #showusbox h3{
  font-size: 1em;
  font-weight: bold;
	color: #336666;
  padding: 14px 20px 0px 20px;	  
  }

  #showusbox a.boxtopgraphic{
  background:transparent url(../images/show_us_icon.jpg) no-repeat center top;
  padding-top:95px;
  display:block;
  text-indent: -9999px;
  width: 230px;
  outline:0;  
  }
  
  #showusbox a.titlegraphic{
  background:transparent url(../images/show_us_title.jpg) no-repeat center top;
  display:block;
  width: 230px;
  height: 24px;
  outline:0;  
  text-indent: -9999px;  
  }
  
  #showusbox a.titlegraphic:hover, #showusbox a.titlegraphic:focus{
  background:transparent url(../images/show_us_title.jpg) no-repeat center bottom;
  }
  
  #showusbox  p {
  font-size: .8em;
  line-height: 1.5em;  
  color: #333333;
  padding: 14px 20px 20px 20px;
  }  
    
  #showusbox p a{
  color: #FF6633;
  font-weight: bold;  
  text-decoration: none;
  }
  
  #showusbox p a:hover, #showusbox p a:focus{
  color: #FF6633;
  text-decoration: underline;
  } 
  
  #blogbox{
  border: 1px solid #CCCCCC;
  margin-bottom:5px;
  padding-top: 28px;  
  }

  
  #blogbox a.titlegraphic{
  background:transparent url(../images/blog_title.jpg) no-repeat center top;
  display:block;
  width: 230px;
  height: 24px;
  outline:0;  
  text-indent: -9999px;
  } 
  
  #blogbox a.titlegraphic:hover, #blogbox a.titlegraphic:focus{
  background:transparent url(../images/blog_title.jpg) no-repeat center bottom;
  }  

  #blogbox  p {
  font-size: .8em;
  line-height: 1.5em;  
  color: #333333;
  padding: 14px 20px 20px 20px;
  }  
    
  #blogbox p a{
  color: #FF6633;
  font-weight: bold;
  text-decoration: none;
  }
  
  #blogbox p a:hover, #blogbox p a:focus{
  color: #FF6633;
  text-decoration: underline;
  } 

 
  
  #rightcol{
  float:right;
  display:block;
  width: 232px;
  margin-top: 22px;
  }
  
  
  
  
  #pollsbox{
  border: 1px solid #CCCCCC;
  margin-bottom:5px;
  }
  


  #pollsbox a.boxtopgraphic{
  background:transparent url(../images/polls_icon.jpg) no-repeat center top;
  padding-top:95px;
  display:block;
  text-indent: -9999px;
  width: 230px;
  outline:0;
  }
  
  #pollsbox a.titlegraphic{
  background:transparent url(../images/polls_title.jpg) no-repeat center top;
  display:block;
  width: 230px;
  height: 24px;
  outline:0;  
  text-indent: -9999px;  
  }
  
  #pollsbox a.titlegraphic:hover, #pollsbox a.titlegraphic:focus{
  background:transparent url(../images/polls_title.jpg) no-repeat center bottom;
  }
  
  #pollsbox  p {
  font-size: .8em;
  line-height: 1.5em;  
  color: #333333;
  padding: 14px 20px 20px 20px;
  }  
    
  #pollsbox p a{
  color: #FF6633;
  font-weight: bold;  
  text-decoration: none;
  }
  
  #pollsbox p a:hover, #pollssbox p a:focus{
  color: #FF6633;
  text-decoration: underline;
  } 
  
  
  
  
  #viewsbox{
  border: 1px solid #CCCCCC;
  margin-bottom:5px;
  padding-top: 28px;  
  }

  
  #viewsbox a.titlegraphic{
  background:transparent url(../images/views_title.jpg) no-repeat center top;
  text-indent: -9999px;
  display:block;
  outline:0;
  width: 230px;
  height: 24px;
  }
  
  #viewsbox a.titlegraphic:hover, #viewsbox a.titlegraphic:focus{
  background:transparent url(../images/views_title.jpg) no-repeat center bottom;
  }  
  
  #viewsbox  p {
  font-size: .8em;
  line-height: 1.5em;
  color: #333333;
  padding: 14px 20px 20px 20px;
  }  
    
  #viewsbox p a{
  color: #FF6633;
  font-weight: bold;  
  text-decoration: none;
  }
  
  #viewsbox p a:hover, #viewsbox p a:focus{
  color: #FF6633;
  text-decoration: underline;
  }    

  #info{
	float:left;
	display:block;
	width: 690px;
	padding: 0 20px 0 25px;
	margin-top: 22px;
	}
	
		#info h2{
		color: #336666;
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: bold;
		padding-bottom: 14px;
		}
		
		#s2 #content #info h2{
		color: #336666;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.4em;
		padding-bottom: 0;		
		}
		
		#info p{
		color: #333333;
		font-size: .8em;
		line-height: 20px;
		padding: 0 0 10px 0; 
		}
		
		#s1 #info p{
		color: #333333;
		font-size: .8em;
		line-height: 20px;
		/* padding: 0 0 10px 0; removed so images can align */
		}
		
		#info ul{
		margin-left: 30px;
    list-style-type:circle;
    }
    
		#info ul li{
		color: #333333;
		font-size: .8em;
		line-height: 20px;
		padding: 0 0 10px 0;
		}
		
    #info h3{
    color: #336666;
    margin-bottom:10px;
    margin-top:10px;
    }
        		
		#info h3 a{
		color: #336666;
		text-decoration:none;
    }
    
    #info h3 a:hover, #info h3 a:focus{
		text-decoration:underline;
    }
    
    
#info a{
color: #336666;
font-weight: bold;
text-decoration:none;
}

#info a:hover, #info a:focus{
text-decoration:underline;
}

	#s0 #info{
	width: 450px;
  }

#info .postmetadata a{
color: #336666; 
text-decoration:none;
}

#info .postmetadata a:hover,#info .postmetadata a:focus{
color: #336666; 
text-decoration:underline
}

.postmetadata_single {
float:left;
margin:20px 0;
}


  #pollcontainer{
  border: 1px solid #CCCCCC;
  margin-bottom:5px;
  padding: 10px 10px 10px 10px;   
  }

#footer{
height: 80px;
width: 970px;
margin: 100px auto 0 auto;
clear: both;
}

  #footer #footerlinks{
  padding-top:30px;
	color: #336666;  
  font-size: .8em;
  text-align: center;
  }
  
  	#footer #footerlinks a{
  	padding: 0 4px 0 4px;
		color: #336666;
		text-decoration: none;
    font-weight: bold; 
		}
			#footer #footerlinks a:hover,
			#footer #footerlinks a:focus{
			text-decoration: underline;
			}
  
	#footer p{
	color: #999999;
	font-size: 0.80em;
	text-align: center;
  margin-top:10px;
	}
		#footer p a{
		color: #999999;
		text-decoration: none;
     
		}
			#footer p a:hover,
			#footer p a:focus{
			text-decoration: underline;
			}

#signupbox{
color: #336666;
font-weight: bold; 
border: 1px solid #CCCCCC;
background-color: #DCE3D5;

padding: 10px 10px 10px 10px;
margin-bottom: 5px;
}

#signupbox p.signup{
color: #f3663b;
font-size:1em;
font-weight:bold;
margin-bottom:10px;
}

#signupbox p.instructions{
		color: #777777;
		font-size:.8em;
		margin-bottom:10px;
		font-weight:normal;
}

#signupbox p.email{
		color: #777777;
		font-size:.8em;
		font-weight:normal;
}

#twitterbox{
color: #336666;
font-weight: bold; 
border: 1px solid #CCCCCC;
background-color: #DCE3D5;

padding: 10px 10px 10px 10px;
margin-bottom: 5px;
margin-top: 5px;
}

#twitterbox p a{
		 color: #f3663b;
		 font-size: 1em
               font-weight: bold;  
               text-decoration: none;
              
		 	
}

#twitterbox p.twitter{
		color: #777777;
		font-size:.8em;
		margin-top:10px;
		font-weight:normal;
}

#rssbox{
border: 1px solid #CCCCCC;
width: 212px;
padding: 10px 10px 10px 10px;
margin-bottom: 25px;
background-color: #DCE3D5;
}

  #rssbox h3{
  font-size: 1em;
  font-weight: bold;
	color: #f3663b;  
  }
  
  #rssbox a{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #rssbox p{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #rssbox a:hover, #categories a:focus{
  text-decoration:underline;
  }
  
#twitterposts{
border: 1px solid #CCCCCC;
width: 212px;
font-weight:bold;
padding: 10px 10px 10px 10px;
margin-bottom: 25px;
background-color: #DCE3D5;
}

  #twitterposts h3{
  font-size: 1em;
  font-weight: bold;
	color: #f3663b;  
  }
  
  #twitterposts a{
  color: #f3663b;
  font-size: 1em;
  text-decoration:none;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #twitterposts p{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #twitterposts a:hover, #categories a:focus{
  text-decoration:underline;
  }
  
#facebookbox{
color: #336666;
font-weight: bold; 
border: 1px solid #CCCCCC;
background-color: #DCE3D5;

padding: 10px 10px 10px 10px;
margin-bottom: 5px;
margin-top: 5px;
}

#facebookbox p a{
		color: #f3663b;
		font-size:.8em;
		font-weight:bold;
		text-decoration: none;
		text-align: center;
		
}
   			
#searchbox{
color: #336666;
font-weight: bold; 
border: 1px solid #CCCCCC;
background-color: #DCE3D5;
width: 212px;
height: 45px;
padding: 10px 10px 10px 10px;
margin-bottom: 5px;
}

#categories{
border: 1px solid #CCCCCC;
width: 212px;
padding: 10px 10px 10px 10px;
margin-bottom: 25px;
}

  #categories h3{
  font-size: 1em;
  font-weight: bold;
	color: #336666;  
  }
  
  #categories a{
  color: #336666;
  font-size: .9em;
  text-decoration:none;
  }
  
  #categories a:hover, #categories a:focus{
  text-decoration:underline;
  }
  
.submit{
background-color: #FF6633;
color: #FFFFFF;
font-weight: bold;
border: 0px;
}

#commentarea{
width: 650px;
}

#commentslist{
float:left;
}

#commentslist h3{
color: #336666;
}

#respond {
float:left;
}

#respond h3{
color: #336666;
}

#respond a{
color: #336666;
text-decoration:none;
}

#respond a:hover, #respond a:focus{
color: #336666;
text-decoration:none;
}

#post_list{
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
}

.navigation{
margin: 20px 0 20px 0;
}

.alignleft a{
  color: #FF6633;
  text-decoration:none;
}

.alignleft a:hover,.alignleft a:focus{
text-decoration:underline;
}

.aligncenter {
	margin-left: auto;
margin-right: auto;
}

.alignright a{
  color: #FF6633;
  text-decoration:none;
}

.alignright a:hover,.alignleft a:focus{
text-decoration:underline;
}

.entry{
padding-top: 10px;
}

.entry a img{
float: left;
margin-right:5px;
margin-top:5px;
margin-bottom: 5px;
margin-left: 5px;
}

.entry a img.alignright{
float: right;
margin-right:5px;
margin-top:5px;
margin-bottom: 5px;
margin-left: 5px;
}

.entry a img.aligncenter{
float: center;
margin-top:5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}

.entry a:hover img{
cursor: url(/wp-content/themes/default/images/magnify.cur), url(/wp-content/themes/default/images/magnify.cur), auto;
}

a:hover img.upload_icon {
cursor: pointer;
}

img.upload_icon {
float:none !important;
}
	
#info #post_list .entry a{
color: #336666;
font-size: .8em;
font-weight: bold;
text-decoration:none;
}

#info #post_list .entry a:hover, #info #post_list .entry a:focus{
text-decoration:underline;
}

#cat_desc p{
  font-size: .8em;
  font-weight: normal;
}


a .thickbox {
float:none;
}

.kaltura_player {
clear:both;
padding:30px 0 0;
}

#uploadfiles_inline { /*upload files group size */
height:250px;
}

.tdomf_form fieldset { /* Each fieldset */
margin-bottom: 30px;
}

.tdomf_buttons{ /* This is for all buttons - currently set to style Send button */
margin-top:-30px;
background-color:#FF6633;
border:0 none;
color:#FFFFFF;
font-weight:bold;

}

input#kaltura_video_comment { 
background-color:#FF6633;
border:0 none;
color:#FFFFFF;
font-weight:bold;
}

.feed_link a img{
height:22px;
padding-right:5px;
margin-top:2px;
}

#widgetmain{
font-family: Helvetica, Arial, sans-serif;
}

    #widgetmain a{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #widgetmain p{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #widgetmain a:hover, #categories a:focus{
  text-decoration:underline;
  }
  
#rsswidget{
font-family: Helvetica, Arial, sans-serif;
}

    #rsswidget a{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #rsswidget p{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #rsswidget a:hover, #categories a:focus{
  text-decoration:underline;
  }
  
/* jScrollPane */

@charset "UTF-8";
/* CSS Document */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
.horizontal-only
			{
				height: auto;
				max-height: 100px;
			}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*keyframe animations*/
.firstCANCELED {
	-webkit-animation: bannermove 70s linear infinite;
	   -moz-animation: bannermove 70s linear infinite;
	    -ms-animation: bannermove 70s linear infinite;
	     -o-animation: bannermove 70s linear infinite;
	        animation: bannermove 70s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -800px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -800px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -800px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
  margin-left: -800px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -800px;
 }
 
}
#banner{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
		width: 750px;
padding: 15px 40px 5px 40px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}

#banner li {
text-align: left;
	display: inline;
	list-style-type: none;
	margin-right: 100px;
	position: relative;
}

#banner li div {
	display:table-cell;
    vertical-align : middle;
}

#banner li p {
	
}
  #banner h3{
  font-size: 1em;
  font-weight: bold;
	color: #f3663b;  
  }
  
  #banner a{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #banner p{
  color: #336666;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
  }
  
  #banner a:hover, #categories a:focus{
  text-decoration:underline;
  }
  
  .linediv {
	height: 10px;
	border-bottom: 3px solid #DCE3D5;
	margin-bottom: 20px;
}

#fundersbox{
width: 970px;
height: 133px;
text-align: left;
background: url(http://www.infrastructureusa.org/wp-content/uploads/2015/12/fundersbanner-130px-fin-01.jpg) no-repeat;
margin-top: 3px;
}

#funderstext{
 width: 800px;
padding-left: 70px;
padding-top: 30px;
  }
  
  
 #fundersbox h3{
  font-size: 1.05em;
  font-weight: bold;
	color: #336666;
	 font-family: Helvetica, Arial, sans-serif;
  padding-top: 15px;
  padding-left: 10px;
  line-height: 25px;
  margin-top: -5px;
  }
 
  
  #fundersbox a{
  color: #336666;
  font-weight: bold;
  font-size: 1em;
  text-decoration:none;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  #fundersbox a:hover, #fundersbox a:focus{
  color: #f3663b;
  }


#funderstext p{
  color: #000000;
  font-size: .9em;
  text-decoration:none;
  font-style:italic;
  font-family: Helvetica, Arial, sans-serif;
  padding-top: 10px;
  }

#logos {
	width: 80px;
}

#logos > div {
	position: absolute;
	margin-left: 575px;
	margin-top: -75px;
	border-left: 2px solid;
border-color: #336666;
width: 155px;
height: 100px;
padding-left: 20px;

}


#logos > div img{
	height: 100px;

}

#logos > div p {
	color: #f3663b;
  font-size: 1.1em;
  text-decoration:none;
  font-weight:bold;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 30px;
  margin-left: -5px;
}

.logo1 {
	position: absolute;
	margin-left: 800px;
	margin-top: -30px;
}

.logo2 {
	position: absolute;
	margin-left: 800px;
	margin-top: -30px;
	display: none;

}

.logo3 {
	position: absolute;
	margin-left: 800px;
	margin-top: -30px;
	display: none;

}

.name1 {
	width: 100px;
	position: absolute;
	margin-left: 800px;
	margin-top: -30px;
	display: none;

}

.name1 p{
	color: #336666;
  font-size: .9em;
  text-decoration:none;
  font-weight:bold;
  font-family: Helvetica, Arial, sans-serif;
  padding-top: 10px;
  line-height: 7px;

}