/* home page styles for M.Eng. Manufacturing site  */


/* PAGE BACKGROUND */

body {
margin: 0;
	padding: 0;
	font-family: "Segoe UI", Segoe, Calibri, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.6;
  background-color: #FFFFFF;
}

#wrapper {
	width: 1000px;
	background-color: #666666;
}

/*HEADER COMPONENTS*/

#header {
	overflow: auto;
	position: relatice;
  display: -moz-box;
  display: -o-box; 
  display: -webkit-box;
  display: box;
  -moz-box-align: center;
  -o-box-align: center;
  -webkit-box-align: center;
  box-align: center;
  width: 100%;
  margin: 10px 0;
  padding: 20px 5px 5px 5px;
}

#nav-main {
	float: none;
	margin: 40px 0 0 0;
}

#logo {
	float: left;
}

#form-search {
	position: inherit;
	top: 0px;
	right: 7px;
}
#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav-main li {
	float: left;
	margin: 0 0 0 .5em;
}
#nav-main a {
	display: block;
	padding: .3em .5em;
	border-bottom: 1px dashed #000000;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	font-family: Cambria, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav-main a:hover {
	color: #000000;
}

/* tool navigation */
ul#toolnav {
  position: absolute;
  top: 12px;
  width: 92px;
  z-index: 10;

  background-color: #993333;

  list-style: none;
  margin: 0px;
  padding: 0px;
}
ul#toolnav li {
  display: block;
  float: left;
  width: 83px;
  padding-left: 9px;

  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.70em;
  font-weight: bold;
  line-height: 100%;
}
ul#toolnav li a {
  display: block;
  width: 72px;
  padding: 2px 0px 2px 11px;
  color: #ffffff;
  background-image: url(../img/toolnav/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
ul#toolnav li a:link,
ul#toolnav li a:visited {
  color: #ffffff;
  text-decoration: none;
}
ul#toolnav li a:hover {
  color: #ffffff;
  background-image: url(../img/toolnav/arrow.gif);
  text-decoration: none;
}



/* BAND 3 */
/* MIT logo */

#nav-main {
	float: right;
	margin: 40px 0 0 0;}

#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav-main li {
	float: left;
	margin: 0 0 0 .5em;
}
#nav-main a {
	display: block;
	padding: .3em .5em;
	border-bottom: 1px dashed #3C9;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	background: -moz-linear-gradient(hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
	background: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0,0%,100%,.5)), to(hsla(0,0%,100%,0)));
	font-family: Cambria, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
}
#nav-main a:hover {
	background: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,100%,.2));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0,0%,100%,.8)), to(hsla(0,0%,100%,.2)));
	color: #F87364;
}




/* BAND 4 */
/* dark band with site title */

#divband4 {
  position: relative;
  width: 100%;
  min-width: 748px;
  height: 40px;
  background-color: #333333;
}
#divband4 h1 {
  margin: 0px;
  padding: 0px 0px 0px 12px;
  font-size: 10px;
  line-height: 100%;
}



/* BAND 5 */
/* photographic background, site title, tag line, and primary navigation */

#divband5 {
  position: relative;
  width: 100%;
  min-width: 748px;
  height: 246px;
  background-image: url(../img/home/bkgband5.jpg);
  background-color: #98b3c5;
}
/* site title */
#divsitesubtitle {
  position: absolute;
  left: 12px;
  top: 0px;
  z-index: 5;
}
#divsitesubtitle p {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  line-height: 100%;
}
/* tag line */
#divtagline {
  position: absolute;
  left: 22px;
  top: 218px;
  z-index: 5;
}
#divtagline p {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  line-height: 100%;
}
/* primary navigation */
#divband5 ul {
  position: absolute;
  left: 15px;
  top: 53px;
  width: 550px;
  height: 111px;
  z-index: 10;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divband5 ul li {
  display: block;
  float: left;
  height: 111px;
  margin-right: 1px;
}



/* BAND 6 */
/* intro text and people photo */

#divband6 {
  position: relative;
  width: 100%;
  min-width: 748px;
  min-height: 187px;
  background-image: url(../img/home/bkgband6.gif);
}
/* text */
#contenttable p {
  margin: 0px;
  padding: 8px 5px 8px 22px;
  width: 532px;
  font-size: 0.70em;
  line-height: 120%;
  color: #666666;
}



/* BAND 7 */
/* bottom band containing logos */

#divband7 {
  position: relative;
  width: 100%;
  min-width: 748px;
  height: 80px;
  background-image: url(../img/home/bkgband7.gif);
  background-repeat: no-repeat;
}

/* meche logo */
#divband7 p {
  padding: 9px 0px 0px 430px;
  margin: 0px;
}

/*Kierstin Additions */
/* FORMS ---------------- */
input[type=text] {
	padding: .2em;
	border: 1px dashed #000000;
	background: hsla(0,0%,100%,.7);
}
input[type=text]:focus {
	background: hsla(0,0%,100%,.9);
	outline: none;
}
input[type=submit] {
	padding: .1em .2em;
	border: 1px solid hsla(0,0%,0%,.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #2485A7;
	background-image: -moz-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,.3));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,.3)));
	color: #fff;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.8);
}