/* comment: two or three column with header, content top and bottom wrapped in div. */


html {
padding: 0;
margin: 0;

}

body {
padding: 10px;
	}


#wrapperdiv {
width: 950px;
margin: 0px auto;
padding: 20px 20px;
	}

#header { width: 950px;
		}

#maincontent {width: 950px;
		}
		
		
/* holds content below header and navigation make full width */
#content-top {width: 950px;
		}


/* optional, not used for now, split width among l,c,r  */
#content-left {
		}

/* use for main body - wider, split width among l,c,r  */
#content-center { 
			width: 700px;
			float: left;	
		}

/* use for side bar announcements, split width among l,c,r  */
#content-right { 
			width: 230px;
			float: right;
		}



/* optional, not used for now - make full width */
#content-bottom { 
			width: 950px;
			clear: both;
			}

/* stylized ID, not structure, see -style.css */
#footer { }

/* comment: special sidebar spacing IQidiocy+ */
	
.sidebar {
		padding: 0 1em;
		
	}
	

/* for general pictures */
.rightpic
	{	
		padding-right: 10px;
		padding-left: 10px; 
		float: right;
		display: inline;
		z-index: 100;
		}
			

/* comment: special sidebar spacing IQidiocy+ */
	
.sidebar {
padding: 8px;
margin: 5px;

}



/* DROP DOWN MENUS - full postion,style,color here  */

/* NAVBAR-position BOF */
/* Add top level navigation menu drop downs */

/* navbar ID: general characteristics of navigation */
/* nav bar width = a whole integer when divided by number of columns */
#navbar { margin: 0px;
width: 950px;
clear: both;
font-size: 90%;
z-index: 110;
background-color: transparent;
}


/* all list items */

/* unless overridden below by #navbar li ul li style */
/* put nav bar bg here */
/* nav bar width = alter to be whole integer evenly divisible into navbar width */
/* 237 = 4 columns, 190 = 5 col, 158 = six col */
#navbar li {
float: left;
position: relative;

width: 158px;
text-align: center;
list-style: none;
background-image: url('../TNGRAFX/navblendwhite-yel1.jpg');
				background-repeat: repeat-x;

			
}

/* all lists */
#navbar ul {
padding: 0px;
margin: 0px;
list-style: none;		
		
}



/* kp trying to fix for IE positioning - main culprit here */
/* second-level lists  - -  check 'top' on firefox... was 2 em, check padding top - was 2em 
border not seen??
 */
#navbar li ul {
display: none;
position: absolute;
top: 0px;
left: 0px;
padding-top: .5em;
padding-left: .3em;
text-align: left;
width: 100%;

}

/* SUBLIST ITEMS attempt to not have BG image in sublists plus reset width to 100 -- cream bg */
#navbar li ul li {
background-image: none; 
background-color: #ffff99;	
text-align: left;
padding-left: 0px;

}


/* This  works with IE7 which will position to the top right of the containing li, rather than bottom left  - - commented out, now, put top as 1.5em, zindex as 0, now left to 0
 - nav bar colors same as rest of links
*/
#navbar a {
text-decoration: none; font-weight: normal; display: block; 
padding-top: .5em; 
padding-bottom: .5em;
padding-left: .5em;
}




/* allows for drop down to not overlap and align boxes left */
#navbar li>ul { 
top: 1.6em;
left: 0;
z-index: 1000;


}


/* lists nested under hovered list items */
#navbar li:hover ul, li.over ul {
display: block;
padding-left: 0px;
overflow: hidden;

}

 /* NAV BAR position EOF  */