/* General styles */
	body {
		margin: 0 auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		background-color: white;
			/* max-width:1250px;	Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size: 14px;
		font-family: Verdana,Arial;
		color:#330066;
	}
	
	p {
	font-size:16px;
	}
					/* body.B {
							margin:0;
							padding:0;
							border:0;		
							background-color: black;
							max-width:3000px;		
										
						font-size: 14px;
							font-family: Verdana,Arial;
							color:#330066;
						}
						
						p {
						font-size:16px;
						} */

.buttonmenu2 {
	margin:0 0 0 25px;
	background-color: #005500;
	height:35px;
	cursor:pointer;
	font-family: Verdana,Arial; font-size: 14px; color:#C1B99B;
	}


a:link {
color: ;
text-decoration: underline;
font-size:14px;

}
a:visited {
color: ;
text-decoration: none;
font-size:14px;
}
a:hover {
color: #ff0066;
text-decoration: underline;
background:;
font-size:14px;
}
a:active {
color: ;
text-decoration: none;
background:;
font-size:14px;
}

a img { border: 0; }

a name {	
	text-decoration: none;
	}

h1 {font-family: Verdana,Arial; font-size: 26px; color: #c0c0c0}
h2 {font-family: Verdana,Arial; font-size: 15px; color: #330066;font-weight:bold}
h3 {font-family: Verdana,Arial; font-size:   12px; color: #FFFFFF}
h4 {font-family: Verdana,Arial; font-size:   10px; color: #005500}
h5 {font-family: Verdana,Arial; font-size: 18px; color: #FF0000}
h6 {font-family: Verdana,Arial; font-size: 26px; color: #005500}

	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:5;
		clear:both;
	}

	img { max-width: 100%; height: auto; }
	html { font-size:100%; }
	
		@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } 




	/*images*/
	img.align-right { 
	float:right; 
	margin: 0 0 15px 15px; 
	}
	img.align-left { 
	float:left; 
	margin: 0 15px 15px 0; 
	}
	img.frame { 
	padding: 5px; 
	border: 1px solid #aaa; 
	}

	/* download link */
	.download {
		clear:both;
		float:none;
		padding-top:10px;
	}
	.download a {
		padding:.3em .5em !important;
		margin-right:10px;
		background:#00bd3e;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		font-size:1.0em;
		-moz-border-radius:.3em;
		-webkit-border-radius:.3em;
		border-radius:.3em;
		line-height:2.0em;
		-moz-box-shadow: 1px  1px 2px #888;
		-webkit-box-shadow: 1px 1px 2px #888;
		box-shadow: 1px 1px 2px #888;
	}
	.download a:hover {
		background:#5f534f;
		text-shadow: 2px 2px 2px #000;
	}
 
	#container {
		max-width:1250px;
		width:100%;
		margin: 10px auto;
		}
	
	/* Header styles */
	#header {
		background:/images/wmxlogo2 ;
		display:inline;
		clear:both;
		float:left;
		width:100%;
		color:#336600;
		border-bottom:1px solid #000;
		background-color:#ffffff;
	}
	
	#header p,
	#header h1,
	#header h2, 
	#header h3
	{
		padding:.4em 15px 0 15px;
		margin:0;
	}


	#menu ul {
		background: ;
		float:left;
		width:90%;
		list-style:none;
		margin:10px 10px 0 0;
		padding-left: 0px;
		padding:0px;
				}

	#menu ul li {
		display:block;
		list-style:none;
		margin:0;
		padding:5px;
	}
	#menu ul li a {
		display:block;
		
		margin:10px 0px 0 10px;
		padding: 3px 8px;
		text-align:left;
		font-size: 16px;
		color:#200000;
		font-weight: bold;
		position:relative;
		left:5%;
		
	}
	#menu ul li a:hover {
		background:yellow;
		color:blue;
		
	}
	#menu ul li a.active,
	#menu ul li a.active:hover {
		color:#ffff66;
		background:#00ccff;
		font-weight:bold;
	}
	

		.big {
		list-style-type: none;
		font-weight: bold; 
		font-size:22px;
		color: darkslateblue;
		}

		.small {
		list-style-type: none;
		font-weight: bold; 
		font-size:16px;
		}


	
	/* Footer styles */
	#footer {
		background: #c0c0c0;
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
		font-family: Verdana,Arial; font-size: 10px; color: #005500;
	}
	
	

	
/*forms*/
form { 
  padding: 10px 5px; 
font-family: Verdana,Arial,Times New Roman; color: #005500;
background:#DCCAA6;
}


textarea { 
 background-color: #F9F4E6; 
 color: #005500;
 cursor:pointer;
}
select { 
 background-color: #F9F4E6; 
 color: #005500; 
 font-size: 14px;
 font-weight:bold;
}

input { 
 background-color: #F9F4E6; 
 color: #005500; 
 font-family:verdana arial;
 cursor:pointer;
}

 /* Sortable tables */
.sortable {
	background-color:#DCCAA6;
    color:#ff3333;
    font-weight: medium;
    cursor: default;
	}
table.sortable thead {
    background-color:#99FF66;
    color:#666666;
    font-weight: medium;
    cursor: default;
}

table.sortable tbody tr:nth-child(2n) td {
  background: #ffcccc;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #ccfffff;
}





#slideshow {
  width:363px;
  height:251px;
  background:transparent url(im/slideshow-bkg.gif) no-repeat;
  margin:20px auto 0 auto;
  padding:1px;
}

#img_box {
  background-color:#FFF;
  overflow:hidden;
  position:relative;
  margin-top:14px;
  margin-left:14px;
  width:332px;
  height:220px;
  display:none;
  z-index:0;
}

.image {
  position:absolute;
  top:-10px;
  left:-10px;
  padding:0;
  margin:0;
}

img#noscript {
  margin-top:14px;
  margin-left:14px;
}






/*CSS File For Sign-In webpage*/

#Sign-In{
margin-top:150px;
margin-bottom:150px;
margin-right:150px;
margin-left:450px;
border:3px solid #a1a1a1;
padding:9px 35px; 
background:#8000CC;
width:400px;
border-radius:20px;
box-shadow: 7px 7px 6px;
}
#Sign-In_button{
border-radius:10px;
width:100px;
height:40px;
background:#FF00FF;
font-weight:bold;
font-size:20px
}

table #calcA {
border: 2px solid black;
background:#ffffff

}




#calcA {
background-color:#c0c0c0; 
border: 2px solid black
}

table #calcA td{
background-color:#33ff44; 
border: 2px solid black
}

table.install {
border-width: 5px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white
}

table.install td {
border-width: 1px;
	
	border-style: inset;
	border-color: gray;
	background-color: white
	
	}

	.error {
	font-size:20px
	}


.responsive {
  width: 100%;
  max-width: 550px;
  height: auto;
}

/* Add a white background color to the top navigation */
.topnav2 {
  
  overflow: hidden;
  
}

/* Style the links inside the navigation bar */
.topnav2 a {
  
  color: red;
  text-align: right;
  padding-top: 25px;
    padding-right: 14px;
    padding-bottom: 5px;
    padding-left: 100px;
   text-decoration: none;
  font-size: 18px;
}

/* Change the color of links on hover */
.topnav2 a:hover {
  background-color: #c7c7c7;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav2 a.active {
  background-color: blue;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav2 .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav2 a {display: none;}
  .topnav2 a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav2.responsive {position: relative;}
  .topnav2.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav2.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}