/*  service guys - style sheet */


html {	text-align: left;
		font-family: verdana, arial, helvetica, sansserrif, sans-serif;
		background-color: #ddecff;	

}

body { 

}
#wrapper {
	
	width: 852px;
	background-color: #ffffff;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}



#content {
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	z-index: 100;
	}

#footer {text-align: center;

			padding-top: 0px;
			padding-bottom: 30px; }

.copyright { font-size: 85%; }
	
/* lt yellow */	
.boxed { position: relative;
			width: 90%;
			margin: 0 auto;
			padding: 5px 15px;
			background-color: #FCFACC;
			text-align: levt;
				z-index: 10;

}

.bodyindent {padding-left: 120px;}

/* main page headers - set inside H2 */
.pageheader { text-align: center;
					padding-top: 10px;
					padding-bottom: 10px; }




/* links - general */
a {font-weight: bold; }


/* dark grey blue  - aka 'sapphire'  */
a:link {
	color: #163279;
	text-decoration: none;
		}
		
/* dark grey - hint of blue */
a:visited {
	color: #596A70;
	text-decoration: none;
	}
	
	
/* med green - tried black - told to go back to green */
a:hover {
	color: #1A6933;
	text-decoration: none;
	}
	
	
/* crazy limey green - not... chggd to sapphire */
a:active {
	color: #163279;
	text-decoration: none;
	}



/* dark blue */
h1 {
	font-size: 140%;
	color: #163279;

	}


/* green */
h2 {
font-size: 130%;
	color: #2F783C;
	}

		
h3 {
	font-size: 115%;
		}
		
	
/* dark blue */
h4 {
	color: #163279;
	}
	
.small75 {font-size: 75%;}
.small80 {font-size: 80%;}	
.small85 {font-size: 85%;}
.small90 {font-size: 90%;}

.big110 {font-size: 110%;}
.big120 {font-size: 120%;}	
.big135 {font-size: 135%;}
.big150 {font-size: 150%;}



.bold {font-weight: bold; }


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

/* darkish for headers */
.red { color: #991A2E; }
.redred { color: #ff0000; }

.rose	{ color: #FDD2D2;}

.yellow { color: #FCFACC; }


/* green for accent: color: #0033ff; OR...  */
.green { color: #1A6933; }

.blue { color: #111199; }


.darkblue {	color: #163279;}

.grey {color: #666666; }


/* 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 {


width: 852px;


font-size: 90%;
z-index: 1000;
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 */
/*  2-col 426@852;  122 = 7 columns - width= 854 6 col = 142@852  */
#navbar li {
	float: left;
	position: relative;

	width: 426px;
	text-align: center;
	list-style: none;
						
	background-image: url('../graphics/WhiteLtBlueVertGrad40v.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  */
#navbar li ul li {
background-image: none; 
background-color: #ddecff;	
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  */