/* This is the css taken from http://apps.ciw.kennyt.com/css/basic.css for http://apps.ciw.kennyt.com/example/ on 1/8/08 */

html {
	padding: 0;
	margin: 0;
}

	body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: small;
		background: #000;  /* originally http://www.ciw.edu/sites/all/themes/carnegiehq/images/bkgd.gif */
}

#wrapper {
	width: 100%;
	background: transparent url(../images/wrapperBkgd.gif) repeat-y scroll 50% 0px; 
	padding: 0;
	text-align: center;
	height: auto;
	margin: 0; 
}

#wrapper:after {
	content: ".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}

#wrapper * {
	text-align: left;
	vertical-align: middle;
}

#header {
	width: 966px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/*	border-bottom: 1px solid #f0f0f0; */
	position: relative;
}

#header img{
  border:none;
}


/* primary navigation top
--------------------------------------------------------------------------------   */
#menu {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	background: #966f47;
	border-right: 1px solid #966f47;
	padding: 0;
}

#nav {
		float: left;
		width: 100%;
		margin: 0;
		font-family: "verdana", "arial", "helvetica", sans-serif;
		font-size: 12px;
		padding: 0;  /* needed for IE display so that menu bar won't expand to 20px for the both end */
		list-style: none;
		background: #966f47;
		/*		border-bottom: 1px solid #999; */
		}
	
#nav #first a {
		padding-left: 20px;
		}
	
#nav a:hover {
		color: #333300; 
		}

ul#nav li  {
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nav a {  
	color: #ffffff; 
	font-weight: bold;
	display: block;
	padding: 6px 30px 6px 15px; /* 5px 15px;  space between menu items */
	background: #966f47 url(../images/nav_slant.gif) no-repeat top right;
}


ul#nav ul {
	list-style: none;
	padding: 0;
	display: none;  /* only to show the expand menu when hoverring */
	position: absolute;  /* absolute gives vertical line up of the list, fixed gives horizontal line up of the menu without expanding 1st level menu while relative and inheret expands 1st level menu when the 2nd level expands  */
	background: #fff; /*controls the bkgd color of expand menu to show a rectangular block */
	margin: 0 20px 0 -20px;

}
ul#nav ul.expand a {  
	color: #5c743d; 
	font-weight: bold;
	padding: 4px 30px 6px 35px; /* 5px 15px;  space between menu items */
	white-space: nowrap; /*no wrap text for expanded menu */
	background: transparent url(https://pestrada.seti.org/images/nav-bg-active.gif) no-repeat top left;
	list-style: none;
	display: block;
	float: left;
}

ul#nav li:hover ul {
	display: block;  /*  this will show expand menu when hovering */

}
ul#nav li:hover ul.expand {
	display: block;  /*  this will show expand menu when hovering */
	
}
ul#nav ul li {
	float: none;  /* list vertical submenu  "float: left; can list multiple item if list are short and width of the display block is big */
}

ul#nav ul li a:hover {
/*	background-color: #f4ffe4 ;  /* originally #fcfcfc */
	color: #333300;  /* originally #d57a43 */  

}
ul#nav li {
	float: left; 
	list-style: none;
	background: #fff;
/*	display: block; */
}
ul#nav li a{
	display: block; 

}
#nav #first a {
		padding-left: 20px;
		}

	
/* content style 
------------------------------------------*/
#content {
	width: 872px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0;  
	clear: both;
}
#content:after {
	content: ".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:#7c743d; /* originally, #5c743d; */
	border: none;	
}
a:visited {
	text-decoration:none;
	color:#666633; /* originally  99cc66;  */

}	
a:hover {
	text-decoration:none;
	color: #333300; 

}

div.clear {
	clear:both;
}

/*#content h1 {
	color: #fff;  
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 250px 10px -45px; 
	padding: 3px 0px 3px 45px;
	background: #7c743d url(../images/title_slant.gif) no-repeat top right; */
	
 #content h1 {
	color: #000;  
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0; */

}

#content h2 {
	color: #663300;  /* originally #7c743d */
	font-size: 13px;
	margin: 0.9em 0 0.5em 0; /* originally, 0.9em 0 0.5em 0 */
}

#content h3 {
	color: #5c743d;  /* originally #cb5914 */
	font-size: 12px;
	margin: 0.9em 0 0.5em 0;
}	
#content p {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12 px;
}
/* FOOTER
-------------------------------------------------------------------*/

#footer {
	text-align:center;
    clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	background: #966f47;
	border-right: 1px solid #966f47;
	border-left: 1px solid #966f47;
	float: bottom;

	}
	
#footer a {
	text-decoration:none;
	}
	
#footer p.mainNav a:hover { /* p.mainNav added */
	color: #A0A0A4;
	}
	
#footer p.mainNav {
	color:#005288; /* originally	color: #c04a3f; */
	text-align:center;
	}
	
#footer p.mainNav a {
	color:#005288; /* originally	color: #c04a3f; */
	}

#footer p.address {
	font-size:90%;
	color: #fff;	  /* originally	color: #d57a43; */
	text-align:center;
	margin: 0;
	padding: 5px; 
	}
	
#footer p.copyright {
	font-size:10px;
	color: #bcc0c1;
	text-align:center;
	}
/* general ------------------*/

li {
	margin: 0 20px;
}
/* Minor Table  
------------------------------------------------------------------*/
table.minor th {
 	background-color:#996633;
	color: #000; 
	padding: 2px; 
	text-align: right;
/*	border: 0.5px #F5F5F5 solid; */
	margin: 2 px ;
	color: #fff;
	text-weight: bold;
	}
table.minor td {
 	background-color:#fff; 
	color: #663300; 
	padding: 2px; 
	text-align: center;
	border: 0.5px #F5F5F5 solid;
	margin: 2 px;
	}