/* CSS Document */
body {font-family: Helvetica, sans-serif; font-size:100%; margin:0px; padding:0px; 
	  background-color: #fff;}
	  
* {margin:0; padding:0;}

p {font-size:.8em; line-height:1.5em;}
h1 {font-size:.1em}
h3 {font-size:.8em; font-family:"Times New Roman", Times, serif;}
ol {font-size:.75em}
ul {font-size:.75em}
a {font-size:.75em}
ul a {font-size: 120%} /* "ul a {font-size:inherit}" did not work in IE7 */

p { padding:1em;}

/*POSITIONING OF DOCUMENT STRUCTURE*/
	div#mainwrap {min-width:900px; max-width:900px; 
				  margin-left: auto; margin-right:auto; /*Keeps webpage center*/
				  border: solid groove #000000;
				  background-color:#FFFFFF;}
	
	#header {position:relative;
			 width:900px; height:225px;
			 margin-left:auto;margin-right:auto;
			 /*background-image:url(images/header1000x2000.jpg);*/
			 z-index:+33;}
	
	div#container {position:relative;
				   width:900px;
				   margin-left:auto; margin-right:auto;
				   z-index:+20;}
	* html div#container {height:1%;} /*IE6 HACK: left Column was positioned over middle column*/
	
	#nav { float:right;
			margin-top:30px;}
		
	div#leftcolumn {position:absolute;
					width:150px;
					left:0px; top:0px; 
					margin-right:5px;
					padding:5px;
					background-color:#800000;}
	
	div#middlecolumn {padding-top:30px; 
					  margin: 30px 355px 0px 5px;
					  overflow:hidden;}
	* html div#middlecolumn {height:1%;} /*IE6 HACK: left Column was positioned over middle column*/				  
	
	div#rightcolumn {padding-top:10px; 
					 position:absolute;
					 top: 20px; right:0px;
					 width:350px; }	
	
	div#footer {margin-top:50px;
				clear:both; 
				text-align:center; 
				background-color:#fff;
				font-size: 20px;}				 			  
				
/* HEADER STYLES */	
	/* Being used for the Top Most Valley EMS Logo*/	
	#replacelogo {
	float:left;
	width: 250px; height: 74px;
	background: url("images/VEMSName1.jpg") no-repeat;
	}

	#replacelogo h4, #replacelogo a {
		float:left;
		display: block;
		width: 250px; height: 74px;
		text-indent: -9999px;
		background: none;
		text-decoration: none;
		} 
/* STYLES for the navigation bar (this nav bar appears on every web page)*/

	#sddm
	{	margin: 0;
		padding: 0;
		z-index: 30}
	
	#sddm li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 16px "Lucida Grande", tahoma, sans-serif;
		}
	
	#sddm li a
	{	display: block;
		width: 100px;
		margin: 0 1px 0 0;
		padding: 4px 10px;
		color: #009;
		text-align: center;
		text-decoration: none;}
	
	/* Link Text Changes Color */
	#sddm li a:hover {color:#000000} 
	
	/* Drop Down Box Properties */   
	#sddm div{	      
		 position: absolute;
		 visibility: hidden;
		 margin: 0;
		 padding: 0;
		 border-left:1px solid #000;
		 border-right:1px solid #000;
		 border-bottom:1px solid #000;}
	
		/* Properties for the Links inside the drop down box */
		#sddm div a	{	
			position: relative;
			display: block;
			width: auto;
			margin: 0;
			padding: 5px 10px;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background: #fff;
			color: #000;
			font: 11px arial}
		
		/* Property of the Link inside drop down box you are Hovering your Mouse over */
		#sddm div a:hover {	
			background: #000080;
			color: #fff}

/* MID CONTAINER STYLES */    /*I Place this one after the header and before the conatiner*/

	#midContainer h3 { font-variant: small-caps; 
						font-size: 85%; 
						letter-spacing:.1em;                 
						color: #000;}

	.floatLeft { float:left;}
	.floatRight { float:right;}
	

/*FOOTER STYLES*/
	div#footer ul { margin-top:2em; 
					font-size:1em;}
					
	div#footer li {display:inline;
				   border-right: 1px solid #000;
				   padding: 0 .3em;
				   color:#000;}
				   
	div#footer li:first-child {border-left: 1px solid #000;} /*Does not work in IE6*/