/*must be used to prevent blue links in IE*/
a img { border-style:none; }

body {
	background-color: #cccccc;
	/*background-image: url(../images/bodybg.png);
	background-repeat: repeat;*/
	height: auto;
	width: auto;
}

.container {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 1000px;
}

.header {
	height: 150px;
	width: 1000px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-bottom: none;
	background-image: url(../images/banner3.png);
}

.content {
	width: 1000px;
	height: auto;
	float: left;
	background-image: url(../../MADE/images/blurdot-lightgrey.jpg);
	background-repeat: repeat-x;
	background-color: #515151;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
}

.center {
	background-color: #ffffff;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	margin-top: 50px;
	float: left;
	height: auto;
	/*The following describes the minimum height of the center box*/
	min-height: 400px;
	width: 698px;
}

.left {
	height: auto;
	width: 150px;
	float: left;
	background-repeat: repeat-x;
	background-color: #515151;
	margin-top: 100px;
}

.right {
	margin-top: 100px;
	height: auto;
	width: 150px;
	float: left;
	background-color: #ffd400;
}

.footer {
	font-family: "Times New Roman";
	font-size: small;
	color: #a75a1c;
	height: auto;
	text-align: center;
	width: 1000px;
	float: left;
}

/*
The following script describes the CSS drop shadow effect (Not currently in use)
========================================================
*/

.shadow-container {
	margin-top: 50px;
	badding: 0;
	float: left;
	height: 100%;
	width: 700px;
}
 
.shadow1 {
	background: #606060;
	float: left;
}
 
.shadow2 {
	background: #303030;
	margin-right: 1px;
	margin-top: 1px;
	float: left;
}

.shadow3 {
	background: #000000;
	margin-right: 1px;
	margin-top: 1px;
	float: left;
}
/*End Drop Shadow effect scripting*/

/*
The following script describes the menu functions
=================================================
*/

/*This style will be applied to the div element holding the menu*/
.menu {
  width: 100%;
  height: auto;
  background-color: #ffd400;
  border: none;
}

/* Unnecessary
(Links themselves are not text and do not change on ":hover". They are static images.)
-----------------
.menu a {
  border: none;
}

.menu a:hover {
	
}
-----------------
*/

/* Hide bullets in unordered list*/
.menu ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Set li styles*/

.menu li {
  background-image: url(../images/menu/background.png);
  width: 150px;
  height: 30px;
  /* this is to make the submenus position relative to this li */
  position: relative; 
}

/* Mouseover li style*/
.menu li:hover {   
  background-image: url(../images/menu/hover.png);
}

/*Initially hide second level (or higher) pop-up*/
.menu ul ul {
  position: absolute;
  left: 150px;
  top: 0;
  visibility: hidden;
}

/*Mouseover: display second level (or higher) pop-up*/
.menu li:hover > ul {
  visibility: visible;
}

/*Second subnav class used to change the width of the second level menu*/
.submenu li {
  /*edit second level width*/
  width: 300px;
  height: 30px;
  /* this is to make the subsubmenus position relative to this li */
  position: relative;
}

p {
	padding-left: 20px;
}

h2 {
	padding: 10px;
	text-decoration: none;
}