@charset "utf-8";
/*this is a wildcard selector. Targets every element on the page. Here we are stripping every element on the page of its margin and padding.  Also removes default margins and paddings various browsers have */
* {
	margin: 0px;
	padding: 0px;
}
a {
	outline: none;
}


/*text-align center used here to fix IE display problem.  Wrapper will text-align left to bring us back to normal.*/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/field.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}
h1 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/*wrapper has position attribute so that any other DIVs within the wrapper, using the absolute positioning, uses the wrapper as the parent*/
#wrapper {
	width: 983px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*header has position relative so that any nested elements us the header DIV as a referance and not the wrapper or body - the menu for example*/
#header {
	height: 200px;
	position: relative;
	padding-bottom: 20px;
	padding-left: 220px;
}
#date {
	position: relative;
	top: 4px;
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#content {

}
#menu {
	width: 176px;
	float: left;
	position: relative;
	padding-top: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#menu a:link {
	color: #000000;
	text-decoration: none;
}
#menu a:visited {
	color: #000000;
	text-decoration: none;
}
#menu a:hover {
	color: #000000;
	text-decoration: none;
}

/*ID tag */
a#menuback   {
	background-image: url(images/cssmenu.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 19px;
	width: 171px;
	border: 0px;
	float: left;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration: none;
}
a:hover#menuback  {
	background-image: url(images/cssmenu.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 19px;
	width: 171px;
	border: 0px;
	float: left;
	background-position: 0px -24px;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration: none;
}
.headshot {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #0C427E;
}
#content1 {
	width: 400px;
	text-align: justify;
	float: left;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#content1 a:link {
	color: #000000;
}
#content1 a:visited {
	color: #000000;
}
#content1 a:hover {
	color: #DFA41C;
}
#footer {
	height: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding-top: 27px;
	width: 780px;
	clear: both;
}
#footer a:link {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	font-size: 10px;
	color: #C3C5BA;
	text-decoration: none;
}