@charset "utf-8";
/* CSS Document */

/* Page properties */
body {
	margin:0px;
	padding:0px;
	font: 1em "Arial", Helvetica, sans-serif;
	color: #231F20;
}

/* Applies a 0 margin and padding to everything */
* {
	margin:0;
	padding:0;
}

/* This container sets width, a 1px black border around the content and centers the content */
div#container {
	width:938px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border: 1px solid #231F20;
}

/* Header content */
div#header {
	width:938px;
	height:201px;

}

/* Sets margin to center both images in the table of the rattlesnake_relocation page */
div#table_image_relocation {
	margin-left: 350px;
}

/* Sets width of the column area */
div#contentarea {
	width:938px;
	background-color:#ffffff;
}

/* Navigation column the HEIGHT needs to be changed on this if the content goes over a 500px height. Simply just add pixels to the height */
div#navigation {
	padding-top: 35px;
	padding-right: 130px;
	text-align: right;
	width:140px;
	height:500px;
	background-image:url(images/left_bar.jpg);
	background-repeat:repeat-y;
	float:left;
	font: .9em "Arial", Helvetica, sans-serif;
	line-height: 15px;
	font-weight:bold;
}

/* Navigation Links */
div#navigation a:link { color: #231F20; text-decoration:none;}
div#navigation a:visited { color: #231F20; text-decoration:none;}
div#navigation a:active { color: #231F20; text-decoration:none;}
div#navigation a:hover { color: #FFFFFF; text-decoration:none;}

/* Standard Links */
a:link { color: #231F20;}
a:visited { color: #231F20;}
a:active { color: #231F20}
a:hover { color: #687733;}

/* Sets width of conent and floats the content to the left */
div#content {
	width:620px;
	background-color:#ffffff;
	float:left;
	padding-top: 10px;
}

/* Puts a small padding around the content */
div#content p {
	margin:10px;
}

/* Footer */
div#footer {
	width:913px;
	height: 20px;
	text-align: right;
	padding-top: 16px;
	padding-right: 25px;
	color: #FFD968;
	font: .75em "Arial", Helvetica, sans-serif;
	font-weight:bold;
	background-image:url(images/footer.jpg);
}

/* This makes the Non-profit ID white */
div#footer .white {
	color: #ffffff;
}

/* Styles H1 header */
h1 { font: 1.2em "Arial", Helvetica, sans-serif; text-decoration:underline; }
h1:first-letter {font-size: 1.4em; font-weight: bold;}

/* Styles H4 header */
h4 { text-decoration:underline; }

/* Styles Mission Statement Table */
#mission {
	font: .65em "Arial", Helvetica, sans-serif;
	width: 600px;
	border: 1px solid white;
}
#mission th {
	padding: 5px;
}

#mission td {
	padding: 5px;
	width: 130px;
	height: 150px;
}

/* Colors each cell in Mission Table */ 
#mission .one {background: #EFF3DF;}
#mission .two {background: #CCD994;}
#mission .three {background: #A8BE49;}
#mission .four {background: #687733;}

/* Centers Mission Table */ 
#content table#mission 	{ 
	margin-left:auto;
	margin-right:auto;
}

/*  Table */
#content table#relocation { 
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	border: none;
	text-align: center;
	font: .65em "Arial", Helvetica, sans-serif;
}

#table_image table#images {
	border-collapse: collapse;
	border: none;
	}
	
#relocation td {
	padding: 5px;
	width: 150px;
	height: 150px;
}

/* Adds black border to images in relocation table */
#relocation img { border: 1px solid #231F20;}

/* Centers and Styles IMG specs */
.imgspecs { 
	text-align: center;
	font: .65em "Arial", Helvetica, sans-serif;
	background: #CCD994;
}

/* Aslett */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}