/* Katie Keenan - CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #521C1F;
	background-image: url(images/background.gif); 
	background-repeat: repeat;
	background-attachment: fixed;
	font: normal 14px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-align: center;
	/* part 1 of 2 centering hack */
	}

#container{ 
	width: 565px; 
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 
	background-color: #CEE6BD; 
	border-right: 12px solid #62804D; 
	border-left: 12px solid #62804D; 
}

#title{ 
	background-color: #263B57;
	border: 2px solid #ece4e4;
	padding:5px;
	}
	
.text{ 
	font: normal 14px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #575757;
	text-align: left;
	margin:20px;
	}
	
.text2{ 
	font: normal 14px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #575757;
	text-align: center;
	margin:20px;
	}			

#header{ position: relative; 
	background-color: #263B57; 
	padding-top:40px;
	height: 122px; 
	color:#fff; 
} 

ul.thumbs{ 
list-style: none; 
margin: 20px; 
padding: 0; 
}

ul.thumbs li{ 
float: left; 
padding: 0; margin: 0 0 20px 15px; 
position: relative; 
}

ul.thumbs li a img{ 
border: 5px solid #ece4e4; 
}

ul.thumbs li a:hover img{ 
border: 5px solid #263B57; 
}

#links{ background-color: #6c7877; color: #d2e4e2; }
#links ul{ list-style: none; padding: 1em; margin: .5em 0px 1em 50px; background-color: #778483; }
#links ul li{ float: left; padding: 0 12px .4em 12px; width: 170px; }
#links ul li a, #links ul li a:link, #links ul li a:active, #links ul li a:visited, #links ul li a:hover{ color:#cadddc; text-decoration: none; border-bottom: 1px dashed #acbdbc; }
#links ul li a:visited { color: #464b4b; border-bottom: 1px dashed #585e5e; }
#links ul li a:hover{ color: #fff; border-bottom: 0 none; }
#links ul li img{ border: 3px solid #84908f; vertical-align: middle; margin-right: 5px;}
#links h2{ margin: 1.5em 0 0 50px; padding: 0; color: #ffaba6; }

#nav{ background-image: url(images/button.gif); background-repeat: repeat; background-color: #f4f9f8; }
#nav ul{ list-style: none; margin: 0; padding: 0; border-top: 8px solid #521C1F; border-bottom: 8px solid #521C1F;}
#nav ul li{ float: left; position: relative; font-size: 102%; }
#nav ul li a{ display: block; padding: 10px .5em; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover{ color: #748685; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #dcebe9; border-top: 1px solid #fff; }
#nav ul li a:hover{ color: #2e3736; background-color: #CEE6BD; }
#nav ul li.emailme a{ padding-left: 25px; background-image: url(../img/email.gif); background-repeat: no-repeat; background-position: 5px 50%; }


a, a:link, a:active, a:visited, a:hover{ color: #7aaaa6; text-decoration: none; }
a:hover{ color: #417773; border: 0 none; }

.clearfix:after { display:block; content:"."; height:0; visibility:hidden; clear:both; }
.clearfix {display:inline-table;}/* for IEMac only */
/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */