/* comment: POSITION css: margins, padding, alignment, boxes, line height  */

/* comment: Includes FULL Drop Down css (see bottom)  */

html { 	float: left;
				width: 100%;
				border: 0px;
				margin: 0px;
				padding: 0px; }

body { 
		height: 100%; 
			}


/* ie 8 hack for image links so they don't 'jump' on hover */
img {vertical-align: bottom;}


/* top and bottom margins / padding set in page div*/
/* only main box side to side set here in page div */

/* Main Widths = number divisible by nav bar colums. 4 and 6 = 948, 5 = 950, adjust below*/

div#wrapper { width: 950px; margin: 30px auto;}

div#wrapper-pic {float: right;}

/*  (June 2010 - abco - check Probity for sample about ) adding a float tag here seemed to fix fill down! */
div#rightbgdiv { 	
				position: relative;
				float: left;
				margin: 0px;
				padding: 0px; }



				
/* width count: 950 +0 + 0 = 950 = evenly divisible by nav bar column #  */
		

/* text side to side margins specified in content divs as padding */
div#nameplate {overflow: hidden;}

div#content-top { float: left;
						position: relative;
						width: 950px;
						padding: 0px;
						margin: 0px;
						border: 0px; 
						z-index: 100;

						}
						

	/* width count: Alter content-left div width to match required width per nav bar columns */

div#content-left { 
				width: 670px;
				float: left;
				height: 100%;
				position: relative;
				margin: 0px;
				padding: 0px 30px; 
				z-index: 10;
				}
				/* width count: 670 +30 +30 = 730 */

/* IE hack - kp to vertical center lines, doesn't seem to affect compliant browsers */
/* IE hack - DOES affect 2nd line run over -  */
div#content-left h2 { line-height: 100%; vertical-align: middle;  }		



div#content-left p { line-height: 160%;}		
				
div#content-right { 
				width: 190px;
				float: right;
				position: relative;
				height: 100%;
				margin: 0px;
				padding: 0px 15px; 
				}
				/* width count: 190 +15 +15 = 220 */
				
				/* width count: 730 + 220 = 950 */
				
div#footer { margin: 0px;
				padding: 10px 15px; 
				text-align: center;
				clear: both;}

#contact a:link { padding: 1em 1em 0px 1em; text-align: bottom; }
#contact a:visited { padding: 1em 1em 0px 1em; }
#contact a:hover { padding: 1em 1em 0px 1em; }
#contact a:active { padding: 1em 1em 0px 1em; }	

#ani-gif a:link { padding: 0px; }
#ani-gif a:visited { padding: 0px; }
#ani-gif a:hover { padding: 0px; background: none;}
#ani-gif a:active { padding: 0px; }	


/* for general pictures */
.rightpic
	{	text-align: center;
		padding-right: 10px;
		padding-left: 10px; 
		float: right;
		display: inline;
		z-index: 100;
		font-size: 75%;
		font-weight: bold;
		}
			
				
ul.smallindent 
      { margin-left: 0px;
		padding-left: 15px; }


.right { text-align: right; }
.center { text-align: center;	}
.left { text-align: left; }
.justify { text-align: justify; }


/* Collapse line height  */	

.collapse90 { line-height: 90%; }
.collapse80 { line-height: 80%; }
.collapse70 { line-height: 70%; }
.collapse60 { line-height: 60%; }
.collapse50 { line-height: 50%; }
.collapse40 { line-height: 40%; }
.collapse30 { line-height: 30%; }
.collapse20 { line-height: 20%; }
.collapse0 { line-height: 0%; }




/* DROP DOWN MENUS  */

/* NAVBAR 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;

font-size: 90%;
z-index: 110;
background-color: transparent;
}


/* all list items */

/* unless overridden below by #navbar li ul li style */

/* 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: 190px;
text-align: center;
list-style: none;
						

				
}



/* 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  */
#navbar li ul li {
background-image: none; 
background-color: #ccccdd;	
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 EOF  */