/* CSS Document */
body,
html {
    margin:0;
    padding:0;
    background:#F5E2BD;
    color:#000;
    }

body {
    min-width:800px;
	max-width:800px;

	}
	

/* float layout */

  
 #float-left A:link, A:hover, A:visited { color: #fff;}
 
 
  #float-left {
  float: right;
  width: 165px;
  margin: 0 3px 0 0;
  padding:5px;
  background: #005595;
  border: 1px dotted #fff;
  font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 15px; color: #fff; font-weight: bold;
  
  }

  
  
   #float-left2 {
   width: 245px;
  margin: 0;
  padding:5px;
  background: #dd0930;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;  
  }  
  
  #callout {
   width: 245px;
  margin: 0;
  padding:5px;
  background: #F1B310;
  margin-bottom:15px;
  }
   #callout2 {
   	width: 620px;
	height:620px;
	background: #005595;
  	margin-bottom:30px;
	padding:15px 15px 25px 10px;
	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #fff; font-weight: normal;
	
	margin-right: auto;
	/* opera does not like 'margin:20px auto' */
	background: #005595;
	/* part 2 of 2 centering hack */
	width: 600px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 600px;
	text-align:left; 
	}
html>body #callout2 {
	width: 600px; /* ie5win fudge ends */
	background: #005595;
	}
  

/* Main layout */


#wrap {
    background:#fff;
    margin:0 auto;
    width:800px;
	z-index:2;
	}
	
	
	
	#header {
    background:#F1B310;
    width:800px;
	height:110px;
	}

		#title_img{
		height:75px;
		width:450px;
		float:right;
		position:static;
		margin:0;
		padding:0;
		}
		
		#logo{
		height:75px;
		width:190px;
		float:left;
		margin:0;
		padding:0;
		}
		
		
		
		#header_top {
    	background:#F1B310;
    	width:800px;
		height:75px;
		}
	
	
		#nav {
    	background:#dd0930;
    	height:35px;

		}
	
		#menu {
    	background:#dd0930;
    	height:20px;
		float:right;
		margin:10px;
		}
	
	
	#main {
    background:#fff;

	}	
	
	#family {
    background: url(images/family_m.jpg), no-repeat;
	height:522;
	}
	#family p {
 		font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #fff; font-weight: bold;
		padding: 0 300px 0 130px;
		
	}
	#family h2 {
 		font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 15px; color: #fff; font-weight: bold;
		padding: 250px 300px 0 130px;
		
	}
		#body_t {
    	background:#fff;
    	width:550px;
		float:RIGHT;
		}
		
		#table_div {
    	background:#fff;
    	width:450px;
		float:RIGHT;
		}
		#beans {
    	background:#fff;
    	width:350px;
		float:left;
		}
		
		#body_t_r {
    	background:#fff;
    	width:257px;
		float:RIGHT;
		padding-left:5px;
		padding-right:10px;
		}
	
		#body_table {
    	background:#fff;
    	width:400px;
		float:left;
		padding-left:10px;
		padding-right:5px;

		}
		#body_t_l {
    	background:#fff;
    	width:257px;
		float:left;
		padding-left:10px;
		padding-right:5px;

		}
		#photo {
    	background:#fff;
    	width:250px;
		float:left;
		}
		#photo2 {
    	width:300px;
		float:right;
				padding:10px;

		}
		#cap {
    	background:#fff;
    	width:240px;
		float:left;
		padding:10px;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #666; font-weight: normal;
		}
		
		
		/* 2-Column Letter Page*/		
		#body_t_letter {
    	background:#fff;
    	width:800px;
		float:RIGHT;}
		
		#body_t_l_letter {
    	background:#fff;
    	width:270px;
		float:left;
		padding-left:10px;
		padding-right:5px;}
		
		
			#body_t_l_letter2 {
    	background:#fff;
    	width:245px;
		float:left;
		padding-left:10px;
		padding-right:5px;}
		
		
		#body_t_r_letter {
    			float:right;

		background:#fff;
    	width:245px;
		padding-left:5px;
		padding-right:5px;}
		
		
			
		#photo_letter {
    	background:#fff;
    	width:382px;
		float:right;
	}
		
		
		
		#cap_letter {
    	background:#fff;
		float:right;
		padding:10px;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #666; font-weight: normal;}
		
		
	
	#sign {
  width: 220px;
  margin: 0 3px 0 0;
  padding:5px;
  background: #fff;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #333; font-weight: normal;
  
  }
	
	
	
	
	
	
	h1 {
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;

	color: #005595;
	text-decoration: none;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
		

}
 
	h2 {
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #005595;
	text-decoration: none;
	padding:0px;
	margin:0px;
}
 
 .text {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #333; font-weight: normal;}
A:link {font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #005488;}
A:visited {font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #005488;}
A:hover { font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #f1b310; font-weight: bold;}
.menu {
	font-size: 10px;
	color: FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

.menu a:link {
	
	font-size: 10px;
	color: FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

.menu a:visited {
	font-size: 10px;
	color: FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

.menu a:hover {
	font-size: 10px;
	color: F1B310;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

sup{font-family: verdana, arial, helvetica, sans-serif; font-size: 8px;  color: #333333; font-weight: normal;}

.sub2 {
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height:12px;
	color: #005595;
	text-decoration: none;
}
.text4 {font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; line-height: 11px; color: #333333; font-weight: normal;}


/* footer layout */
#footer {
    background:#F1B310;
	height:25px;
	clear:both;

	}#link-left  {
	width: 220px;
  margin: 0 3px 0 0;
  
 padding:5px;
   float:left;

  }
  
  	#link-right  {
	width: 80px;
  margin: 0 3px 0 0;
  padding:5px 5px 5px 100px;
  float:right;
  }
  #link-right a:after {
content:"\2192";
  color:#ed0930;
  white-space:nowrap;
  padding-left:2px;
   text-decoration:none;

  }

#link-left a:before {
content:"\2190";
  color:#ed0930;
  white-space:nowrap;
  text-decoration:none;
  }


#link-left a, #link-right a{
  font-size:10px;
  color:#ed0930;
  text-decoration:none;
    padding-left:2px;

  border-bottom:1px dotted #ed0930;

  }


#link-left a:hover, #link-right a:hover  {
  font-size:10px;
  color:#FFF;
  text-decoration:none;
  border-bottom:1px dotted #fff;

  }
 
 
 
 li.inline {
  display: inline;
  padding-left: 5px;
  padding-right: 10px;
  border-right: 1px dotted #066;
  
  
  }

li.last {
  display: inline;
  padding-left: 5px;
  padding-right: 3px;
  border-right: 0px;
  }