body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #E2E0D3;
		text-align: center; /*centers page for IE5 */
		/*font-size: small; */ /*can this be eliminated?*/
		margin: 0;
		}
		
		p {
			/*font-size: small;*/
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 20px;
		}
		
		/*li a:link {
			color: ##0000CC;
			text-decoration:underline;
		}*/
		
		a:visited{
		color: #3399CC;
		text-decoration:underline;
		}
		
		a:link {
		color: #0000CC;
		text-decoration:underline;
		}
		
		a:visited {
		color: #3399CC;
		text-decoration:underline;
		}
		a:hover {
		color:#660033;
		}
	
		h1 {
		font-size:150%;
		font-weight: bold;
		color: #002200;
		border-bottom-color: #002000;
		border-bottom-style: double;
		margin-bottom: 20px;
		text-transform:capitalize;
		margin-left: 10px;
		margin-right: 10px;
		width: 570px;
		}
		h2 {
		font-size:130%;
		font-weight: bold;
		color: #002200;
		border-bottom-style: double;
		border-bottom-color: #002200;
		/*border-right-width: 2px;*/
		text-transform:capitalize;
		display: block; /* w/ inline border styles do not act as if a block level element e.g underline ends at end of text*/
		position: static; /*fixes weird ie issues with underlines that are next to leftnav ul*/
		/*padding-left: 10px;*/
		margin-left: 10px;
		margin-right: 10px;
		width: 570px;
			}
			
		h3 {
		font-size:120%;
		font-weight: bold;
		color: #002200;
		text-transform:capitalize;
		margin-left: 10px;
		margin-right: 10px;
		}
		
		h4 {
		margin-left: 10px;
		margin-right: 10px;
		}
		
		h5 {
		margin-left: 20px;
		margin-right: 20px;
		}
		
		#pagewrapper {
		position:relative;
		width: 760px;
		top:0px;
		margin-left: auto;
		margin-right: auto;
		border-color: #999999;
		border-style: solid;
		border-width: 1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
		text-align:left; /*resets text alignment.  centered in body to center page in IE5*/
		}
				
		#container {
		min-height: 450px;
		background-image: url(../images/leftnav_topo_border.jpg);
		background-repeat: repeat-y;
		background-color:#FFFFFF;
		border-left-color: #779966;
		border-left-style:solid;
		border-left-width: 4px;
		border-top-color: #779966;
		border-top-style:solid;
		border-top-width: 4px;
		font-size: small; /*find new solution-- FF does not anti-alias large text when set to small*/
			}
		
		#center  {
		margin-left: 157px; 
		/*border-left: 1px solid #002200;*/
		padding-bottom: 10px; /*check why without padding there is a gap between left/center and footer */
		background-color:#FFF;
		/*width: 596px*/
		}
		html>body #center {
		margin-left: 164px;
		/*width: 586px;*/
		}

		#center ul{
			font-size: small;
			margin-right: 20px;
			}
		#left {
			float: left;
			min-height:350px;
			width: 157px;
			margin: 0;	
			/*border-right: 1px solid #002200;*/ /*firefox prefers border-right on center div*/
			/*padding: 0px;*/
			/*background: #66F;*/
			}
		html>body #left {
			width: 161px; /* was 156 which = 161 with borders and margin*/
		}
		#left ul{
		padding-right: 2px;
		padding-left: 2px;
		margin: 0;
		list-style-type: none;
		font-size: small;
		color: #002200;
		font-family: Tahoma;
		font-style: normal;
		/*line-height: 2em;*/
		font-weight: bold;
			}
		#left li{
			/*padding: 1em 1em 0 1em;*/
			padding: 0.5em; /*test removal of ems for positioning to see if h2 underlines appear in ie6-- did not work!*/
			word-wrap: break-word; /*for IE bug so that long text strings do not expand the left div's width*/
			/*word-wrap was originally an ie css tag but is adopted by w3c in css3 draft*/
			}

		#left a:link, #left a:visited {
			text-decoration: none;
			color: #002200;
			}
		/*#left a:visited {
			text-decoration: none;
			color: #002000;
			}*/
		#left a:hover {
			text-decoration: underline; 
			color: #000000;
			}
		.leftcategory{
		background-color:#002200;
		/*width: 145px;*/
		color: #FFFFCC;
		font-weight: bold;
		margin-top: 1em;
			}
			
		#divs_programs, #dept_links, #nondept_links {
		/*all ids belong to left navigation list*/
		background-color:#002200;
		color: #FFFFCC;
		font-weight: bold;
		margin-top: 1em;
		}
		#dept_links {
		margin-top: 30px;
		}
		#nondept_links {
		margin-top: 60px;
		}
		#logo1 {
			position: relative;
			left: 5px;
			top: 2px;
			}
		#logo2 {
			display: none;
			position: relative;
			left: 45px;
			top: 5px;
			/*float:left;*/
			}
		#footer {
			clear: both;
			text-align:center;
			}
		
		#footer ul, #footer li {
			display: inline;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:95%;
			}
		#footer ul {
			padding: 0;
			margin: 0;
			}

		#footer a:link, #footer a:visited {
			color:#660000;
			text-decoration:none;
			}
		#footer a:hover {
			text-decoration:underline;
			}
		.depttext {
			color:#FFFFCC;
			padding: 0 10px;
			}

		.footerlinks {
			padding: 0 65px;
			}
			
		#header, #footer {
		font-size: small;
		padding: 0 0 0.3em 0;
		border-top-color: #002200;
		border-top-style: solid;
		border-top-width: thin;
		background: #779966;
				}

		#pagetitle {
			position: absolute;
			top:0;
			/*left: 0;
			top: 0;
			float:left;*/
			background-image:url(/dfwele/images/saltmarsh.jpg);
			}
	  #nav2 {
			display: none;
			float: left; /*all elements of nav must be floated - div, ul, & li?????*/
			width: 578px; /*was 588 */
			margin-left: 5px;
			margin-top: 0px;
			padding-top: 5px;
			margin-bottom: 25px;
			}	

		#nav2 ul {
			/*float: left;*/
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
			display: block;
			}


		#nav2 li {
			float: left;
			margin: 0;
			padding: 0;	
			font-family: "Lucinda Grande", sans-serif;
			font-size: 80%;
list-style: none;
			}

		#nav2 a {
			float: left; /*?? where do i need to float? does display: block take care of everything?*/
			display: block;
			margin: 0 1px 0 0;
			padding: 4px 8px;
			color: #FFFFCC;
			text-decoration: none;
			border: 1px solid black;
			background: #3c5e33;
			}
		#nav2 ul li a:hover{
			color: #000000;
			background: #E0EFC8;
			}

		#nav2 a:link, #nav2 a:visited {
			color: #FFFFCC;
			}

		.center_element {
		text-align:center;
		}
		
		#mgmasthead {
			margin-left: auto;/*do we need this since body set to align="center" and pagewrapper reset alignment to left?*/
			margin-right: auto;
			border-color: #999999;/*add border so same width as rest of page*/
			border-style: solid;
			border-width: 1px;
			text-align: left;
			/*font-size: 78%;*/
		}
		#clear {
			clear: left;
			color: FFF;
		}
		
		.redtext {
			color: #FF0000;
			}
			
		/* see http://www.alistapart.com/articles/cssdrop2 for fuzzy shadows css */
		.alpha-shadow {
  			float: left;
  			background: url(../images/shadow.gif) no-repeat bottom right;
  			/*IE ignores the important declaration so the following margin properties apply for IE*/
  			/*margin: 10px 20px 0 10px !important;*/
  			margin: 10px 20px 0 5px;
		}

		.alpha-shadow div {
		  background: url(../images/shadow2.png) no-repeat left top !important;
		  background: url(../images/shadow2.gif) no-repeat left top;
		  padding: 0px 5px 3px 0px !important;
		  padding: 0px 5px 5px 0px;
		}

		.alpha-shadow img {
		  background-color: #fff;
		  border: 1px solid #a9a9a9;
		  padding: 4px;
		}
		
		.programTitle {
	/*color:#BBBBBB;*/
	color: #002200;
	font-size: 150%;
	font-weight: 800;
	font-style: oblique;
	line-height: 50%;
}
	/*#mgnavbar {
	display: none;
	}*/
	
	#pressReleases li {
	padding-bottom: 3px;
	}
	
	#whatnew ul {
		border: #002200, solid, thin;
		padding: 5px;
		margin: -12px 20px 20px 20px;
		font-style: italic;
		width: 530px;
		border-color:#a9a9a9;
		border-style: solid;
		border-width: 1px;	
	}
	#whatnew li {
		font-size: 85%;
		list-style-image:url(../images/orange_asterisk.png);
		margin-left: 20px;
		margin-bottom: 5px;
		}
	#whatnew {
		margin-top: -15px;
	}
	#whatnew h4 {
		font-size: 85%;
	}
	#whatnew a {
		color: #000000;
		text-decoration: none;
	}
	#whatnew a:hover {
		text-decoration: underline;
		}
	#img_description {
		font-size: 65%;
	}