body {
	margin:0;
	padding:0;
	border:0; /*This removes the border around the viewport in old 		versions of IE */
	width:100%;
	background:#fff;
	min-width:600px; /*Minimum width of layout - remove line if not 	required */	/* The 	min-width property does not work in old		versions of Internet Explorer */
	font-size:70%;
	font-family: verdana, arial, sans-serif;
	}

a
	{
	color: #369; /*blue*/
	}

a:link
	{
	color:#369; /*blue*/
	}

a:visited
	{
	color: #330099; /*purple*/
	}
	
a:hover
	{
	color: #000; /*black text on link hover*/
	background: #369; /*blue background on hover*/
	}



/*STYLE FAQ PAGE LISTS*/

.faq
	{
	list-style: none;
	text-decoration: none;
	padding: 0;
	line-height: 60%;
	}

/*FAQ PAGE - LIST OF QUESTIONS GREEN ON HOVER*/

.faq li a:hover
	{
	color: #009933; /*List of questions in green*/
	margin-left: 0;
	}

/*RETURNS FAQ PAGE LIST OF QUESTIONS BACK TO ORIGINAL BLUE AFTER VISITED*/

.faq li a
	{
	color: #369; /*blue*/
	}



h1, h2, h3 
	{
	margin:.8em 0 .2em 0;
	padding:0;
	}

/*PARAGRAPH REGULAR*/
p.style1 	
	{
	margin:.4em 0 .8em 0;

	padding-right: 6px;
	text-align: justify;
	}

/*PARAGRAPH HIGHLIGHTED BLUE WITH WHITE TEXT*/
p.style2
	{
	margin:.4em 0 .8em 0;

	padding-right: 6px;
	text-align: justify;
	color: #001F5C; /*ANDREWS PERRY DARK BLUE*/
	/*color: #ffffff; WHITE*/
	background: #3399ff; /*BRIGHT SKY BLUE*/
	font-family: verdana sans-serif;
	font-size: 130%;
	}
p.style2 i
	{
	color: yellow;
	font-weight: bold;
	}

img	
	{
	margin:10px 0 5px;
	}

#ads img
	{
	display:block;
	padding-top:10px;
	}

/* Header styles */
#header 
	{
	clear:both;
	float:left;
	width:100%;
	}

#header 
	{
	/*border-bottom:1px solid #000; Pam tried the code below*/
	border: 3px solid #000066; /*dark navy blue border*/
	}

#header p,
#header h1,
#header h2 
	{
	padding:.4em 15px 0 15px;
	margin:0;
	/*font-size: 130%; Pam added and this actually reduces the text 	size from what it would be without this code-inactivated and 	using h1 formatting found below*/
	}

#header ul 
	{
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;	
	padding:0;
	}

#header ul li 
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	}

#header ul li a 
	{
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
	}

#header ul li a:hover
	{
	background:#369;
	color:#fff;
	}

#header ul li a.active,
#header ul li a.active:hover 
	{
	color:#fff;
	background:#000;
	font-weight:bold;
	}

#header ul li a span 
	{
	display:block;
	}

/* 'widths' sub menu */
#layoutdims
	 {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important; 
	text-align:right;
	}

/* column container */
.colmask 
	{
	position:relative; /* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;	/* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
	}

/* common column settings */
.colright,
.colmid,
.colleft
	{
	float:left;
	width:100%;	/* width of page */
	position:relative;
	}

.col1,
.col2,
.col3 
	{
	float:left;
	position:relative;
	padding:0 0 1em 0;/* no left and right padding on columns, we 	just make them narrower instead only padding top and bottom is 		included here, make it whatever value you need */
	overflow:hidden;
	}



/* 3 Column settings */
.threecol 
	{
	/*background:#eee;*/ /*original right column background color 		was light grey */
	background:#DDDDDD; /*Pam changed background color to 		slightly darker light grey*/
	}

.threecol .colmid 
	{
	right:25%; /* width of the right column */
	background:#fff; /* center column background colour */
	}

.threecol .colleft 
	{
	right:50%; /* width of the middle column */
	/*background:#f4f4f4;*/ /* original left column background 	colour */
	background: #DDDDDD; /*Pam changed background color*/
	}

.threecol .col1
	{
	width:46%; /* width of center column content (column width 	minus padding on either side) */
	left:102%; /* 100% plus left padding of center column */
	}

.threecol .col2 
	{
	width:21%; /* Width of left column content (column width minus 		padding on either side) */
	left:31%; /* width of (right column) plus (center column left 	and right padding) plus (left column left 	padding) */
	}

.threecol .col3 
	{
	width:21%; /* Width of right column content (column width minus 	padding on either side) */
	left:85%; /* Please make note of the brackets here:(100% - left 	column 	width) plus (center 		column left and right 	padding) plus (left column left and right padding) plus (right 		column left padding) */
	}

/* Footer styles */
#footer 
	{
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	}

#footer p 
	{
	padding:4px; /*WAS 10px*/
	margin:0;
	}

/*PAM ADDED THE FOLLOWING CODE*/


dd	{
	text-align: justify;
	padding-right: 6px;
	}


.scrollbar 
	{
	position: relative;
	width: 99%;
	height: 30em; /*WAS 25em*/
	padding: .25em;
	overflow: auto;
	}

.photoscrollbar 
	{
	position: relative;
	width: 99%;
	height: 35em;
	padding: 0; /*WAS .25em*/
	overflow: scroll;
	}
	
img.main 
	{
	height: 9em;
	border: .2em solid;
	padding: 1em;
	display: inline;
	}

#float
	{
	clear: both;
	}

#header img
	{
	padding: .5em; /*adds padding around header logo and images*/
	}

/*EXCAVATION SERVICES PAGE
.listwithphotos
	{
	position: relative;
	}

.listwithphotos ul li
	{
	float: left;
	}
*/

.listwithphotos
	{
	padding: 0;
	margin: 0;
	}

.listwithphotos li
	{
	list-style: none;
	padding: 0;
	}
	
#lowerleftcol ul li
	{
	font-size: 70%;
	list-style: none;
	font-family: verdana, arial, sans-serif;
	}

/*CHANGES FONT SIZE ON HEADER IN NAVIGATION COLUMN*/
.col2 h2
	{
	font-size: 100%;
	}

/*CHANGES FONT COLOR ON HEADER IN CENTER COLUMN*/
.col1 h2
	{
	/*color: #000066; dark navy blue*/
	color: #3399ff; /*bright sky blue*/
	}

/*ADDS DARK BLUE BACKGROUND AND SKY BLUE FONT TO HEADER*/
h1
	{
	background-color: #001F5C; /*AndrewsPerry Dark Blue*/
	/*color: #ffffff; white font*/
	color: #3399ff; /*bright sky blue font*/
	font-size: 148%;
	}



/*NAVIGATION BUTTONS*/
.buttonmenu
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 190px;
	}

.buttonmenu ul
	{
	list-style: none;
	}

.buttonmenu li a
	{
	color: white;
	display: block;
	width: 100%;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-color: #001F5C #3399ff #3399ff #001F5C; /*light dark 	dark light*/	
	/*border-color: #D5BFD0 #5A3A54 #5A3A54 	#D5BFD0; light dark dark light*/
	background-color: #999999; /*medium grey*/
	text-align: center;
	border-radius: 0 0 9px 9px; /*added rounded corners to 		buttons*/
	}

.buttonmenu li a:visited
	{
	color: white;
	}

.buttonmenu li a:hover, .buttonmenu li a:active
	{
	color: black;
	background-color: #3399ff; /*bright sky blue*/
	}