/* home page styles */
div.container {  }

div.homebody { width: 750px }

img#homelogo { float: left; }

div.homeheader { text-align:right; font-weight: bold; padding-top: 6px; }
div.homeheader a { position: relative; top: 12px; }

div.homephoto {	
	height: 300px; 
	background-image: url(../images/homephoto_1005.jpg); 
	background-repeat: no-repeat; 
	border: 1px solid #E1E2DC;
	font-size: 75%; margin: 10px 0;
	}

div.homephoto h1  { color: white; margin: 20px 0 0 20px; font-size: 230%; padding: 10px 0 0 10px; font-family: Arial, Helvetica, Verdana, sans-serif; }
div.homephoto h2 { color: white; margin: 10px 0; position: relative; left: 40px; }
div.homephoto ul { color: white; position: relative; left: 20px; margin-top: 3px; line-height: 190%;}
div.homephoto a, div.homephoto a:hover, div.homephoto a:visited { color: white; font-weight: bold; }

div.homephoto h1.callout  {
font-family: Verdana, Arial, sans-serif;
font-size: 150%; 
font-weight: normal; 
padding: 0 0 0 12px; 
margin: 10px 0 0 20px;
display: block;
width: 400px;
}

div.homephoto h1.callout a {
	font-weight: bold; font-size: 110%;
}

div.news { width: 497px; margin-top: 12px; padding-bottom: 10px; border-left: 1px solid #999999; }

div.news h2
{
	color: #FFFFFF;
	font-size: .9em;
	font-weight: bold;
	margin-top: 0;
	padding: 4px 10px;
	text-align: left;
	border: none;
	background-color: #849B7B;
}

div.news p { font-size: 70%; padding: 3px 0 6px 9px; margin: 0; }
div.events p { font-size: 70%; padding: 3px 0 6px 9px; margin: 0; line-height: 135%;}
.newsdate  { color: #999999; }

div.events {  
	width: 235px; 
	border-left: 1px solid #999;
	float: right;
	margin: 12px 0 20px 0;
	display: inline;
	padding-bottom: 10px;
 }
div.events img {
	 margin-top: 6px; 
}
div.events h3 {
	padding-left: 9px; font-size: 1em;
}
div.news, div.events { height: 120px; }

div#colrow { height: 475px; overflow: hidden; }

div.featurecol
{
	width: 240px; 
	background-color: #ff;
	border-left: 1px solid #999;
	float: left;
	margin: 4px 15px 20px 0;
	display: inline;
	padding-bottom: 140px;
}


div.featurecol#blogs
{
	background-image: url(../images/gradientblue-bk.gif);
	background-repeat: repeat-y;
	background-position: 5px 0;
}

div.featurecol#mynews
{
	background-image: url(../images/sitelife-mynews-bkgd.png);
	background-position: bottom right;
	background-repeat: no-repeat;

}

div.featurecol#reactions
{
	background-image: url(../images/sitelife-reactions-bkgd.png);
	background-position: bottom right;
	background-repeat: no-repeat;

}

div.featurecol h2
{
	display: block;
	background-color: #849B7B;
	color: #ffffff;
	margin: 0;
	font-size: 0.9em;
	padding: 3px 8px 5px 8px 8px;
	border-bottom: 5px solid white;
}
div.featurecol p
{
	margin: 0; padding: 10px 0 10px 15px; font-size: .8em; line-height: 130%;
}
div.coldivider { height: 1px; background-color: #999; border-top: 4px solid white; border-bottom: 4px solid white; }

div.featurecol p a { font-weight: bold; }
div.featurecol img#sl { margin-bottom: 10px; }
div.featurecol img#st { margin-bottom: 6px; }
div.homerightcol img#shadows { margin: 6px auto; }


div.homerightcol
{
	width: 235px; height: 280px;
	border-left: 1px solid #999;
	float: right;
	margin: 4px 0 20px 0;
	display: inline;
	padding-bottom: 10px;
}

div.homerightcol h2, div.events h2
{
	display: block;
	background-color: #7297c4;
	color: #ffffff;
	margin: 0;
	font-size: .9em;
	padding: 3px 8px 5px 8px;
	border-bottom: 5px solid white;
}
div.homerightcol p 
{
	margin: 0; padding: 3px 10px; font-size: .8em; line-height: 130%;
}
div.homerightcol p a { font-weight: bold; }