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

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

html {  }

body { 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. 3, 4 and 6 = 948, 5 = 950, adjust below*/

div#centerdiv { width: 948px; margin: 30px auto;}

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

div#pagediv { 
				float: left;
				width: 100%;
				border: 0px;
				margin: 0px;
				padding: 0px;

				}
				
/* width count: 948 +0 + 0 = 948 = 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 OR right 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: 188px;
				float: right;
				position: relative;
				height: 100%;
				margin: 0px;
				padding: 0px 15px; 
				}
				/* width count: 188 +15 +15 = 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 right column include */
.navlist {
		
		text-align: left;
		padding-left: 20px;
		padding-right: 5px;
		line-height: 250%;

		}
		
* html .navlist {
		padding-left: 0px;
		margin-left: 20px;}	



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


/* expand line height  */	
.linespace100 { line-height: 100%; }
.linespace110 { line-height: 110%; }

.linespace120 { line-height: 120%; }
.linespace130 { line-height: 130%; }
.linespace140 { line-height: 140%; }
.linespace150 { line-height: 150%; }
.linespace200 { line-height: 200%; }

.linespace90 { line-height: 90%; }
.linespace80 { line-height: 80%; }
.linespace70 { line-height: 70%; }
.linespace60 { line-height: 60%; }
.linespace50 { line-height: 50%; }
.linespace40 { line-height: 40%; }
.linespace30 { line-height: 30%; }
.linespace20 { line-height: 20%; }
.linespace0 { 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: 948px;
padding-top: 3px;
font-size: 90%;
z-index: 120;
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 */
/* 316 = 3 col, 237 = 4 columns, 190 = 5 col, 158 = six col */
#navbar li {
float: left;
position: relative;
padding-top: .5em;
padding-bottom: .5em;
width: 316px;
text-align: center;
list-style: none;	


}

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



/* SUBLIST List  */
/* 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: 3px;
padding-top: .5em;
padding-left: .5em;
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: #ccd6ff;	
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 currently same as rest of links
*/
#navbar a {text-decoration: none; font-weight: normal;}

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




 /* not sure what this is  - allows for drop down to not overlap change background as needed. */
#navbar li>ul
{ 
top: 1.75em;
left: 3px;
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  */