/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
min-height:100%;
height:100%;
position: relative;
background-color: #AE986D;
}

#content {
position:relative;
margin:100px auto;
padding:0px;
width:711px;
height:419px;
width:778px;
/* top:50%; */
}

.footerFont:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000; text-decoration: none; }
.footerFont:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000; text-decoration: none; }
.footerFont:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000; text-decoration: underline; }
.footerFont:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000; text-decoration: none; }

#contactContainer{ /* Created to stretch with browser window so contact div border won't have to. */
position:absolute;
top:73px; /* All these percentages were just to get it to center vertically. Must add up to 100%. Body tag must have a height of 100% */
left:73px;
}

#contact{
position:relative;
width:250px;
height:auto;
padding:50px;
border:2px solid #000;
overflow:hidden; /* Makes the div border go around contactText and contactImage completely. */
}

#contactText{
margin:0px 30px 0px 0px;
position:relative;
height:auto;
float:left;
}

#contactText a {
color:#000000;
}

#contactImage{
margin:0px;
padding:0px;
position:relative;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
width:96px;
height:150px;
float:right;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

h2 {
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

p {
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.marginRight {
	margin-right:10px;
}

.red_bold {
	color:#C00;
	font-weight:bold;
	padding:10px;
	display:block;
	background-color:#FFF;
}