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

/* comment: Includes position of Drop Down css only (see bottom)  */

html {  }

body { margin: 0px;
			padding: 0px;
		text-align: left;
		height: 100%; 
			}




/* 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#centerdiv { width: 948px; margin: 0px auto 30px auto;}

/*  adding a float tag here seemed to fix fill down! */
div#rightbgdiv { 	
				position: relative;
				float: left;
				margin: 0px;
				padding: 0px; }

div#pagediv { 
				float: left;
				width: 100%;
				border: 0px;
				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: 948px;
						padding: 0px;
						margin: 0px;
						border: 0px; 


						}
						

	/* 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; 
				}
				/* 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 14px; 
				}
				/* width count: 190 +14 +14 = 218 */
				
				/* width count: 730 + 218 = 948 */
				
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 */
.pictureright
	{	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;
padding: 0px;
position: absolute;
top: 3px;
width: 948px;
font-size: 90%;
z-index: 120;


}


/* 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 */
/* 425 = 2 columns, 316 - 3 col, 237 = 4 columns (948), 190 = 5 col, 158 = six col */
#navbar li {
float: left;
width: 237px;
text-align: left;
list-style: none;
}

/* all lists - set as 0s to reset. */
#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;

top: 0px;
left: 3px;
padding-top: .2em;
padding-left: .2em;
text-align: left;
width: 100%;
}




/* SUBLIST ITEMS attempt to not have BG image in sublists plus reset width to 100  */
#navbar li ul li {

text-align: left;
padding-left: 1em;
width: 100%;

}



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

#navbar a:link {padding: .2em 1em;}
#navbar a:visited { padding: .2em 1em;}
#navbar a:hover {padding: .2em 1em;	}
#navbar a:active {padding: .2em 1em; }




 /* not sure what this is  - allows for drop down to not overlap */
 /* mar 09 - fixd funky margin by setting left to 0px  */
#navbar li>ul { 
top: 1.75em;
left: 0px;
z-index: 100;	

}



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

}

 /* NAV BAR EOF  */