/*================================================================
HOMEPAGE stylesheet for the website.

STYLES FOR ELEMENTS SPECIFIC TO HOMEPAGE OR
THAT NEED TO BE REDEFINED.

  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/

#Content {
  padding:25px 15px 10px 10px;
  float:right;
  width:450px;
  border-right:none;
  margin:0;
}

#Content a.callOutBox{
  width:450px;
  height:118px;
  background:url(../images/blogCalloutText.jpg) no-repeat;
  margin-bottom:5px;
  display:block;
  padding:0;
}

#Content div.philanthropy{
  width:450px;
  height:118px;
  background:url(../images/philoBG.gif) no-repeat;
  padding:10px 6px 2px 13px;
}

#Content div.philanthropy h2{
  margin:0 0 14px 0;
  font-size: 18px;
  background:none;
  padding:4px 0 0 4px;
  font-weight:normal;
}

#Content div.philanthropy p{
	padding:0 0 0 4px;
	width:325px;
	margin: 0 0 10px 0;
}

#Content div.philanthropy .more{
  text-align:left;
  padding-right:8px;
  text-transform:uppercase;
  font-size:9px;
  font-weight:bold;
  background:none;
}

#Content div.philanthropy .more a{
  text-decoration:none !important;
}

#Content div.philanthropy .more a:hover{
  color:#7F0400 !important;
  text-decoration:underline !important;
}

#Content div.callOutBox h2{
	color:#FFF;
	margin:0 0 14px 0;
	font-size: 18px;
  background:none;
  padding:4px 0 0 4px;
  font-weight:normal;
}

#Content div.callOutBox h2 a{
	color:#FFF;
	text-decoration:none;
}

#Content div.callOutBox h2 a:hover{
	color:#FFF;
	text-decoration:underline;
}

#Content div.callOutBox p{
	color:#FFF;
	padding:0 0 0 4px;
	width:325px;
	margin: 0 0 10px 0;
}

#Content div.callOutBox .more{
  text-align:left;
  padding-right:8px;
  text-transform:uppercase;
  font-size:9px;
  font-weight:bold;
  background:none;
}

#Content div.callOutBox .more a{
  color:#FFF !important;
  text-decoration:none !important;
}

#Content div.callOutBox .more a:hover{
  color:#FFF !important;
  text-decoration:underline !important;
}



#Sidebar {
  float:left;
  width:270px;
  padding:25px 0 0;
}

#Sidebar p{
  margin: 0 0 6px 0;
}

#Nav{
  position:absolute;
  top:275px;
  left:0;
}

#Logo a{
  display:none;
}