/*common styles*/
/* filter.css holds a subset of these styles for Contribute users */
body  {
	background-image: url(../images/background_page.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	
}

p, h1, h2, h3{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px; 
	/*background-color: #CCCCCC;*/
}
p  {
	font-size: 90%;
	margin-top: 5px;
	line-height: 120%;
	color: #333333;
	margin-bottom: 8px;
}

h1  {
	font-size: 100%;
	color: #2E5EA6;
}

h2   {
	font-size: 90%;
	color: #2E5EA6;
	margin-top: 16px;
}

h3  {
	font-size: 80%;
	color: #666666; 
	font-style: italic;
}
h4   {
	font-size: 90%;
	color: #000;
	margin-top: 16px;
}
ul   { /*body unordered list*/
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

li   { /*body lists*/
	font-size: 90%;
	margin-left: 0px;
	background-image: url(../images/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: 0em .5em;
	padding-left: 0.7em;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 140%;
	margin-bottom: 8px;
	color: #333333;
}
li.second {
	font-size: 100%;
	background-image: none;
	list-style-type: disc; 
	margin-left: 15px;
	padding-left: 0px;
}
.aboutusname {
	font-weight: bold; 
}

.aboutusbio {
	font-weight: normal;
	line-height: 140%;
}
.aboutusphoto {
	margin-left: 25px;
	margin-top: 15px;
	border: 1px solid #2E5EA6;
}
.benefitspara {
	margin-top: -10px;
	padding-left: 22px;
	padding-bottom: 6px;
}

h1.breadcrumbs   {
	font-size: 80%;
	font-weight: normal;
	color: #2E5EA6;
	padding-top: 5px;
	margin-bottom: 5px;
} 
h1.breadcrumbs a {
	font-size: 100%;
	font-weight: normal;
	color: #2E5EA6;
	text-decoration: underline;
} 
h1.subnav   {
	font-size: 80%;
	font-weight: normal;
	color: #2E5EA6;
	padding-top: 5px;
	margin-bottom: 15px;
	line-height: 140%;
} 
h1.subnav a {
	font-size: 100%;
	font-weight: normal;
	color: #2E5EA6;
	text-decoration: underline;
}
#dfxRightColumn  {
	width:350px;
	float:left;
} 

 

/*these next two elements get rid of the dotted box Firefox always puts on visited links*/
a {
	outline: none;
}

a:link  {
	color: #2E5EA6;
	text-decoration: underline;
}

a:visited  {
	color: #666666;
	text-decoration: underline;
}
.subtopics {
	font-size: 70%;
	font-weight: normal;
	float: right;
	margin-top: -25px;
}
.subtopics a:link {
	color: #2E5EA6;
}
.subtopics a:visited { 
	color: #666666;
}
.subtopics a:hover {
	color: #2E5EA6;
}
.subtopics a:active {
	color: #2E5EA6;
}
/*divs used for positioning*/

#topWrapper {  /*holds both top banner and topnav, makes the black and blue
bar carry all the way across the top of the page*/
	background-image: url(../images/background_topbanner.gif);
	background-repeat: repeat-x;
	height: 145px;
	width: 105%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#topBanner  { /*holds the logo, page titles and address*/
	position: absolute;
	height: 123px;
	width: 950px;
	left: 0px;
	top: 0px;
	
}

#bylineLogo  {
	float:left;
	width:537px;
	height: 123px;
	
}

#topaddress  {
	float:right;
	height: 123px;
	width: 413px;
	padding-top:26px;
	text-align: right;
}

#topaddress p {
	font-size: 14px;
	line-height: 19px;	
}

#topnav  { /*holds the top navigation*/
	position: absolute;
	height: 22px;
	width: 950px;
	left: 0px;
	top: 123px;
	background-color: #2E5EA6;
	background-image: url(../images/topnav_leftfill.jpg);
	background-repeat: no-repeat;
}

#topnav ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
	text-indent: 175px;
	float: left;
}

#topnav ul li{
	display:inline;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding-right:40px;
	background-image: none;
}

#topnav ul li a:link  {
	text-decoration:none;
	color: #FFF;	
}

#topnav ul li a:visited  {
	text-decoration:none;
	color: #FFF;	
}

#topnav ul li a:hover  {
	text-decoration:none;
	color:#FFB340;
		
}
#topnav div.blog    {
	text-decoration:none;
	color: #FFB340;
	font-size: 12px;
	font-weight: bold;
	padding:0px;
	margin-top:3px;
	margin-right:5px;
	float: right;
}
#topnav div.blog a:link  {
	text-decoration:none;
	color: #FFB340;	
}

#topnav div.blog a:visited  {
	text-decoration:none;
	color: #FFB340;	
}

#topnav div.blog a:hover  {
	text-decoration:none;
	color:#FFF;
		
} 
#topWrapper #topnav ul {
	float: left;
}
#sidenav  { /*holds the side navigation*/
	position: absolute;
	width: 140px;
	left: 0px;
	top: 145px;
	background-image: url(../images/background_sidenav.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
}
#sidenav img.design {
	margin-left: 10px;
}
#sidenav ul  {
	list-style-type: none;
	margin-top: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right:10px;
}

#sidenav ul li  {
	font-size: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #FFF;
	font-weight: bold;
	background-image: none;
}

#sidenav ul li a:link {
	text-decoration: none;
	color:#FFF;
}

#sidenav ul li a:visited {
	text-decoration: none;
	color:#FFF;
}

#sidenav ul li a:hover {
	text-decoration: none;
	color:#FFB340;
}

.selectedNav  {
	color:#FFB340;	
}

.sidebarButtonDiv  { /*holds and positions the 'tell us about your project' button in the side navigation*/
	text-align: center;
	padding-top: 0px;
	padding-bottom: 60px;
	
}

#textArea  { /*holds all the text and bottominfo*/
	width: 765px;
	padding-top: 20px;
	padding-left: 45px;
	position: absolute;
	left: 140px;
	top: 147px;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;	 
}
#capabilities  {
	width:230px;
	float:right;
	margin-top: 20px;
}
 
#capabilities h1 {
	font-size: 120%;	
}
#capabilities h1 {
	font-size: 120%;	
	color: #2E5EA6;
}
#capabilities p {
	font-size: 90%;
	color: #2E5EA6;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.clearit  {
	clear:both;
}


#bottominfo  { /*child of TextArea holds the bottominfo*/
	width: 765px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2F97B7;
	clear: both;
}

#bottominfo  p {
	font-size: 70%;
	margin-top: 3px;
	margin-bottom: 5px;
	
}
#rightColumn  {
	width: 187px;
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
	border-left-width: 1px;
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #F0F0F0;
	border: 1px dashed #666666;

}
#rightColumn h1 {
	font-size: 90%;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 6px;
}
#rightColumn h2 {
	font-size: 80%;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 6px;
}
#rightColumn p {
	font-size: 80%;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	line-height: 140%;
}

#rightColumn ul {
	font-size: 100%;
	list-style-type: none;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-top: 3px;
}

#rightColumn li   {
	margin-left: 0px;
	background-image: url(../images/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: 0em .5em;
	padding-left: 0.8em;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 140%;
	margin-bottom: 5px;
	font-size: 80%;
}
#rightColumnContact  {
	width: 260px;
	margin-left: 10px;
	float: right;
	margin-bottom: 10px; 
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#rightColumnTables  {
	width: 187px;
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: #F0F0F0;
	

}
.logos   {
	width: 452px;
	margin-bottom: 20px;
	border: 1px solid #2F97B7;
	padding: 25px;
	
}
.more{
	font-style: italic;
}

 

/* attributes for print media */

@media print { body {
color: black;
background: white;
	display: block;
      margin:  0 0 0 -.5in;
}}
@media print { a:link, a:visited {
color: black;
font-weight: normal;
}}
@media print { p, h1, h2, td, ul, li, ol, dl, dt, dd {
color: black;
}}

@media print { #textArea {
	display: block;
	margin-top: 0;
	margin-right: .0in;
	margin-bottom: 0;
	padding-right: .5in;
	left:   -.455in;
	width: 665px;
	top: 240px;	
}}
@media print { #sidenav {
	display: none;
      margin:  0 0 0 -.5in;
}}
 
@media print { #topWrapper #topaddress {
	display: block;
	position: absolute;
	left:   -1.5in;
	width: 5in;
	top: 120px;
}}
@media print {  #topWrapper #topnav{
	display: none; 
}}

.p7HGM_panel_content p {
	font-weight: bold;
	line-height: 130%;
}
.p7HGM_panel_content ul li {
	font-weight: bold;
}



/* the following styles are not being used in the redesign */
.imgfloatright {
	float: right;
	text-align: right;
	border: 1px solid #000000;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}
 .imgfloatrightNoBorder { 
	float: right;
	text-align: right; 
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}
 .imgfloatleftNoBorder { 
	float: left; 
	padding: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}