/*******************************************************************/
/*************** Home page (homepage.css)***************************/
/*******************************************************************/

/* Links */
a:link.more, 
a:visited.more,
.port a:link,
.port a:visited,
#gc_homepage a:link,
#gc_homepage a:visited,
#lede a:link,
#lede a:visited,
#ledefunding a:link,
#ledefunding a:visited {
 color: #069;
 background: transparent;
 text-decoration: none;
}

#lead a:link.more,
a:hover.more,
.port a:hover,
#askspecialist a:link,
#askspecialist a:hover,
#gc_homepage a:hover,
#lede a:hover,
#ledefunding a:hover {
 text-decoration: underline;
}

/* Homepage - formats the mapviewer on the homepage */
#gc_homepage {
	background-color: #65c436;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 175px;	
}

/* Homepage - formats the size of the homepage table, mapviewer */
#gc_homepage table {
	width: 165px;
}

/* Homepage - formats the color of the text on the homepage map viewer */
.gc_homepage_label {
	color: white
}

/* Homepage - formats the width of the input in the mapviewer */
.gc_homepage_input {
	width: 100%
}

/* Homepage - formats tables on the home page (ones with grey background) */
.port {
  background: #ced6de;
	color: #2894e0;
	margin: 0 0 5px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #fff;	
	width: 250px;
}

/* Homepage - formats tables on the home page (ones with grey background ) text */
.port p {
  margin: 0;
  padding: 2px 10px;
}

/* Homepage - formats the tables on home page, questions, contact center */
.port h2 {
  font-size: 10px;
	color: #767a80;
	background: transparent;
	margin: 0;
	padding: 0;
}

/* Homepage - formats the headers for sections "news, upcoming events and grant oppotunities */
#lede h2,
#ledecalendar h2,
#ledefunding h2 {
	background: #ced6de;
	color: #767a80;
	padding: 5px 10px;
	margin: 0;
	font-size: 10px;
}

/* Homepage - formats the center image on the home page */
/*10591*/
#lead {
	margin: 0 10px;
	padding: 0;
	height: 200px;
	background: #cae2ee url('/images/bkgd/lead.png') no-repeat;
	color: #000;
	border-bottom: 1px solid #fff;
	width: 370px;
}

/* Homepage - formats the headers for sections "news, upcoming events and grant oppotunities  and its text*/
#lede p,
#ledecalendar p,
#ledefunding p {
	padding: 0 5px 0 10px;
	margin: 5px 0;
}

/* Homepage - formats the  for sections "news and highlights" */
#lede {
  margin: 0 10px;
  padding: 0 0 10px 0;
  /* account for the auto expansion of the column from
  the table width:100% style to get comms alert to span page */
  width: 40%;
}

/* Homepage - formats the  for sections  and grant oppotunities  and its text*/
#ledefunding {
	width: 182px;
	margin: 0 0 10px 5px;
	padding: 0;
	float: left;
}

/* Homepage - formats the "upcoming events" and "grant opportunities" sets them, side by side in column format and pads to the right*/
#ledecalendar {
	margin: 0 0 10px 0;
	padding: 0;
	width: 183px;
	float: left;
}
#sublede {
	padding: 0 0 10px 0;
	margin: 0 10px;
}

/* Homepage - formats the "upcoming events" and "grant opportunities" sets them, side by side in column format */
#ledecalendar {
	margin: 0 0 10px 0;
	padding: 0;
	width: 183px;
	float: left;
}

/* Homepage - formats the text on homepage image in center */
#lead p {
  margin-top: 0;
  padding-left: 100px;
}

/* Homepage - formats the middle picture on the homepage (moves it to the top slightly, to align with other tables)*/
#lead h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

/* Homepage - formats text around the picture on the homepage "grant opportunities" */
#ledefunding img {
  float:left;
  padding-right: 5px;
}

/* Homepage - formats the questions section of the homepage, lower left corner */
#askspecialist {
  color: #000;
	background: #f1f1e5;
	margin-top: 5px;
}

/* Formats the top right side table, used on the pages that link of the home page (ex. FAQs, Vision etc)*/	
#sidebar {
  background: #f1f1e5; ;
  padding-bottom: 20px;
}	

/* Formats the alerts text on the bottom right of the page */
.wpsPortletBody table {
  width: 180px;
}