/***********************************************
llf_home.css is the home page stylesheet
for Lifelong Friends. It is a static and centered.
************************************************/
* {
  margin: 0;
  padding: 0;
	} 

body {
	background-color: #bec4b4;
	text-align: center;
	font-size: 62.5%;
	}

#grant  {
width:870px;
text-align:center
}
#grant img {margin:0 0 15px 0}
	
#container {
	width:870px;
	text-align:left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	}

#strays {margin:10px 0 10px 13px}
	
#gutters {
	width:890px;
	margin:0;
	padding:0;
	background-color: #bec4b4;
	background-image: url(/img/backgrounds/home_bg_bluegray.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

a:link{
	color: #004A8D;
	text-decoration: underline;
}

a:visited{
	color: #004A8D;
	text-decoration: underline;
}

a:hover{
	color: #C41230;
	text-decoration: underline;
	background-color: #E3E6E6;
	}

#topnav {
	width:auto;
	height:15px;
	margin: 0px;
	background-color: #FFFFFF;
	text-align: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
		
#topnav li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
	}
	
/********************************************
header and header_logo not used for now b/c
owner likes to add oversized callout banners at the top
of the home page. Variations in desired sizes
and colors skews the header proportion, so a
table seemed to be the easiest thing to accommodate
the owner's wishes
***********************************************/

#corner {
position:absolute;
right:0px;
top:0px;
border:none
}
#corner a:hover {background:none}
		
#header {
	width:auto;
	height: 165px;
	margin: 0;
	background-color: #FFFFFF;
	/*background-repeat: repeat-y;
	background-position: left top;
	background-image: url(/img/backgrounds/header_bg.jpg);
	overflow:hidden;
	*/
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
	}
		
/*#header_logo {
	width:575px;
	height:152px;
	padding:0;
	border:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}
*/
	
#header td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 1.2em;
	padding-right: 5px;
	padding-left: 5px;
	}
	
#header td h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C41230;
	padding-bottom: 5px;
	}
	
#header_callout {
	/* border: 1px dashed #999999; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	padding-top: 60px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	/* background-color: #A9B94D;
	margin-top: 15px; */
	
	text-align: center;
	/*line-height: 2em;*/
	}
	
.header_link a {
	color: #004b8d;
	font-size: 120%; 
	text-decoration: none;
	}

.header_link a:hover {
	color: #004b8d;
	text-decoration: underline;
	}
	
#navcontainer {
	float: left;
	height:27px;
	margin:0px;
	background-color:#003c71;
	width: 870px;
	padding-right: 0;
	padding-left: 0px;
	}
	
#navlist  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
	}

#navlist ul {
	text-align: left;
	}

#navlist li {
	list-style: none;
	display: inline;
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	}

#navlist li a {
	text-decoration: none;
	background-color: #003c71;
	}

#navlist li a:link {
	color: #FFFFFF;
}

#navlist li a:visited {
	color: #FFFFFF;
}

#navlist li a:hover {
	background-color: #003c71;
	color: #FFCC00;
	text-decoration: underline;
	}

/**********************************************/

#content {
	width: 870px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.2;
	color: #404040;
	float: left;
	background-color: #FFFFFF;
	}

#content h1 {
	font-size: 1.2em;
	color: #C41230;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	}
	
#content h2 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #C41230;
	}
	
#content h3 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #003C71;
	}
	
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #669900;
	}
	
#content ul {
	padding-left: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 90%;
	}

#content li {
	list-style-image: url(/img/backgrounds/arrow_red.gif);
	list-style-type: none;
	padding-top: 3px;

	}
		
#content_left {
	width: 265px;
	float:left;
	background:transparent;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
			
#content_center {
	/*min-height:79em;*/
	width:270px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ddd;
	border-left-color: #ddd;
	background-color: transparent;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
.slideshow_center { /*so that it centers in all browsers*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
#content_right {
	width:275px;
	float:left;
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
#schedule td {
	padding: 5px;
	border: 1px dashed #999999;
	}
			
p {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
#footer {
	background:#fff;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	font-size: 0.9em;
	color: #999999;
	width: 835px;
	padding: 15px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
#footer p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	}

#contentcallout {
	background-color: #eee;
	border: 1px dashed #CCCCCC;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	}
	
#contentcallout h1 {
	color: #C00323;
	font-size: 1.2em;
	}
	
#contentcallout h3 {
	color: #003C71;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	font-size: .9em;
	}
	
#contentcallout h1 a:link {
	color: #c00323;
	}
	
#contentcallout2 {
	width: 90%;
	background-color: #FFFFFF;
	border: 1px dashed #CCCCCC;
	margin-left: 15px;
	}
	
#contentcallout2 h1 {
	color: #C00323;
	font-size: 110%;
	}

#contentcallout2 h1 a:link {
	color: #c00323;
	text-decoration: none;
	}
	
#contentcallout2 h1 a:visited {
	color: #c00323;
	text-decoration: none;
	}
	
#contentcallout2 h1 a:hover {
	text-decoration: none;
	}
	
.no-space {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.hr {
	clear: both;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 3px;
	margin-right: 3px;
}

.floatleft {
	float: left;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 10px;
}

.floatright {
	float: right;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
}

.smallfine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	line-height: 17px;
	color: #666666;
	}
	
.bread {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
.urgent {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 110%;
	color: #CC0000;
	text-align: center;
	margin-top: 8px;
}

.sub_nav {
	padding-top: 25px;
	padding-right: 15px;
	padding-left: 15px;
	color: #c41230;
	text-align: center;
	font-size: 90%;
	/* border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; */
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding-bottom: 10px;
	}
	
.sub_nav a {
	color: #c41230;
	}
	
.sub_nav a:hover {
	background-color: #FFDD77;
	}