/* File:			Style.css	*/


/*FIXES:  */
/* #B3BBCF  =>  image - plate */

/* General Styles */
* { margin: 0 0 0 0; padding: 0 0 0 0;}

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
/*background-color: #FFFFFF; */
  background: url(images/Metal-Slip.jpg) repeat;
  color: #001C63;
}

a:link {text-decoration: none; color: #001C63;}
a:visited {text-decoration: none; color: #001C63;}
a:hover { background-color: #001C63; color: #ECECEC;}
a:active {text-decoration: none;}
p {color: #000060;
margin 5px; 5px; 5px; 5px;}

/* Divs	*/
#container {
	/*background-color: #B3BBCF;*/
	background: url(images/Metal-Slip.jpg) repeat;
	
	width: 700px;
	margin: 0 0 0 0;
  	
}

#pageHeader {
	height: 100px;
	margin-top: 10px;
}

#logo {/*border: thin solid red;*/
	/*background-color: blue;*/
	background: url('images/MMFLogoBlue200.jpg') no-repeat;
	text-indent: -1000em;
	height: 100px;
	width: 200px;

}

#slogan {
	/*background-color: #B3BBCF;*/
	background: url(images/Metal-Slip.jpg) repeat;
	/*text-indent: -1000em;*/
	position: absolute;
	top: 0px;
	left: 200px;
	width: 500px;
	height: 50px;
	font-family: Verdana, Garamond, serif;
	font-weight: bold;
	border-bottom: medium solid #001C63;
	text-align: center;
	font-size: 20pt;
	
}

#topNav {
	/*background-color: #001C63;*/
	position: absolute;
	left: 200px;
	top: 50px;
	width: 500px;
	height: 50px;
	/*text-align: center;*/
	vertical-align: middle;
	}

#topNav span {
	position: relative;
	float: left;
	color: #001C63;
	background: url(images/Metal-Slip.jpg) repeat;
	width: 120px;
	height: 50px;
	text-align: center;
	/*border: thin solid white;*/
	margin: 5px 5px 0 0;
	padding: 15px 0 0 0;
	font-weight: bold;
}


#content {border: thin solid blue;
	background-color: #ECECEC;
	position: relative;
	top: 20px;
	margin-left: 90px;
	width: 595px;	/*610px;*/
	height: 450px;
}

#content p {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
 	position: relative;
}

#content a:link {text-decoration: underline; }
#content a:visited {text-decoration: underline;}
#content a:hover {text-decoration: underline; }
#content a:active {text-decoration: underline;}


/*  image settings for spark image */
/*#image1 {
/*	background: url(images/sparks200.jpg) no-repeat;*/
/*	text-indent: -1000em;*/
/*	position: absolute;*/
/*	left: 50px;*/
/*	top: 150px;*/
/*	width: 200px;*/
/*	height: 300px;*/
/*}*/

#image1 {
	border: thin solid blue;
	background: url(images/Building.jpg) no-repeat;
	text-indent: -1000em;
	position: absolute;
	left: 90px;
	top: 120px;
	width: 595px;
	height: 175px;
}


#footer {
  position: relative;
  top: 20px;
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: white;
  width: 700px;
  height: 150px;*/
  text-align: center;
}

#footer p {
	margin-top: 10px;
	text-align: center;
}

.mtbox {color: white;}
.mtbox a:link {text-decoration: underline; color: white;}
.mtbox a:visited {text-decoration: underline; color: white;}
.mtbox a:hover {text-decoration: underline; color: white;}
.mtbox a:active {text-decoration: underline; color: white;}


.imageHolder {  
  position: relative;
  height: 	72px;
  width: 	72px;
  margin: 10px 10px 10px 10px;
}

.imageHolder a:link {text-decoration: underline; }
.imageHolder a:visited {text-decoration: none; color: #001C63;}
.imageHolder a:hover {text-decoration: underline; }
.imageHolder a:active {text-decoration: underline;}

.imageGroup {
  /*border: thin solid #001C63;*/
  text-align: center;

}

/* Original p1 settings */
/* .p1 {*/
/*	float: left;*/
/*	width: 350px;*/
/*	margin-left: 125px;*/
/*	margin-top: 10px;*/
 /*	position: relative;*/
 /*	left: 200px;*/
/* 	top: 50px;*/

/* } */

#content .p1 {float: top;
	/*width: 350px;*/
	/*margin-left: 175px;*/
	margin-top: 10px;
	
	position: absolute;
	left: 20px;
	top: 180px;
	
}


#content .p2 {
	float: top;
	/*width: 350px;*/
	/*margin-left: 125px;*/
	margin-top: 10px;
 	position: relative;
 	left: 200px;
 	/*top: 50px;*/
	border: thin solid brown;

/*OLD HERE */
	/*float: left;*/
	/*width: 300px;*/
	/*left: 200px;*/
	/*/*margin-left: 175px;*/*/
	/*margin-top: 10px;*/
}




#content .p3 {float: left;
	width: 350px;
	/*margin-left: 175px;*/
	margin-top: 10px;
	left: 200px;
	position: relative;
}

#content .p4 {float: left;
	width: 350px;
	/*margin-left: 175px;*/
	margin-top: 10px;
	left: 200px;
	position: relative;
	border: thin solid green;
}

.listArea {position: relative; left: 50px;  }

.listArea ul{
  /*border: thin solid #FFFFFF;*/
  width: 600px;
  font-weight: bold;
  /*text-align: center;*/
  list-style-image: url(images/Metal-Slip.jpg);
  margin-top: 20px;
}

.listArea li {
  font-weight: normal;
}

.listArea span { position: relative; left: 50px; }


#list1 { position: relative; left: 50px; }
#list2 { position: relative; left: 100px; }
#list3 { position: relative; left: 50px; }


form {
  /*text-align: center;*/
  margin-top: 20px;
  margin-left: 100px;
}


.caption { 
	position: relative;
	width: 200px;
	text-align: right;
	border: thin solid black;
	color: green;
	float: none;
	height: 20px;
}

.caption input { position: relative; left: 260px; }
.caption textarea { position: absolute; left: 260px; }

.button {margin-left: 85px;
	padding-top: 25px;
	height: 40px;}

#submit {background-image: url(images/Metal-Slip.jpg); 
	color: #001C63;
	font-weight: bold;
	font-size: 14pt;
	margin-right: 40px;}

#reset {background-image: url(images/Metal-Slip.jpg);
	color: #001C63;
	font-weight: bold;
	font-size: 14pt; }