/* topBar styles */
#topBar { 
          background-color: #FDE8AE;
		  padding: 10px;
		  text-align: right;
		}

#topBarNav {
			font-size: 10px;
		  	text-transform: uppercase;
			font-family: Verdana, Arial, Helvetica, Sans-Serif;
			letter-spacing: 0.05em;
			font-weight: bold;
		   }
		   
#topBarNav b { visibility: hidden; }
/* ---------------- */

html>body #logo {   /* This style is hidden from Internet Explorer. This is aka Child Selector. */
 		  background: url(images/IT4P_logo.png) top left no-repeat;
		  height: 125px; width: 300px; position:relative; z-index: 101;
		  behavior: url(png-opacity.htc);
		  }

#logo { 	
		  top:15px; 
		  height: 125px; width: 300px; position:relative; z-index:101;
		  behavior: url("pngbehavior.htc");
	  }

body { text-align: center; 
	   letter-spacing: 0.0125em;
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 12px;
	   line-height: 20px;	
	 }
	 
#content table { text-align: left; 
	   letter-spacing: 0.0125em;
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 12px;
	   line-height: 20px;	
	 }

#leftNav ul { 
			list-style: none;
			margin: 15px 0 0 0; 
			padding: 0 0 15px 0em; 
   			}
#leftNav li {
			margin: 0 0 0 25px;
			padding: 0.5em 0.75em 0.25em 0;
			background-color: #E1E1E1;
			border-bottom: 1px solid #E1E1E1;
			white-space: nowrap;
			/* background: url(images/elements/right_arrow_up.gif) center right no-repeat; */
			}
			
#leftNav li.down {
					background-color: #FFFFFF;
			   	 }


#leftNav li a:hover { 
						color: #8D8D8D;
					}


#leftNav img { margin: 0 0 0 3px; }
			 
#leftNav a { 
			text-decoration: none; 
		   }

#logo_container { /* Without this style, the top bar where the logo sits is blue. This is just a nested tag for #logo */
                  text-align: left;
				  background-color: #FFFFFF; 
				}
#container{
			width: 718px;
			margin: 20px auto;
			background-color: #94B7DD;
			color: #333;
		  }

#top{
	height: 176px;
	}
	
#leftCol{
		margin-top: -4px; /* margin adjusts for the gap - IE fix */
		float: left;
		width: 170px;
		background-color: #94B7DD;
		}

#leftNav{
		text-align: right;
		padding: 10px 0 10px 0;
		background-color: #C9C9C9;
		}

#leftNav li.category { font-weight:bold; padding-right: 10px; border-top: 10px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; text-transform:uppercase; }

#content{
		padding: 20px 20px 20px 40px;
		margin-top: -4px; /* margin adjusts the gap below the banner - IE fix */
		text-align: left;
		margin-left: 170px;
		background-color: #FFFFFF;
		border-right: 1px #CCCCCC solid;
		}

#footer{
		text-transform: upperCase;
		clear: both;
		margin: 0;
		padding: .5em;
		color: #333;
		background-color: #C9C9C9;
		font-size: 10px;
		}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 10px 0 -.5em -10px; }
#content h3 { margin: 0 0 -.5em -10px; }
#content h3.subhead { font-size: 100%; margin-top: 10px; color: #333; font-weight: bold;}
#content img { margin-bottom: 20px; }