BODY	{
	margin: 0px;
	padding: 0px;
    text-align: center; /*This centers the "div wrappers" in older IEwin versions */
	border: #FFFFFF 0px solid;
/*    ADD THIS BACK IN IF WANT TO CHANGE TO A NON-WHITE PAGE BACKGROUND
    background-image: url("picts/background-PAGE digitalblue.jpg"); 
    **BUT** IT WILL CAUSE PROBLEM WITH COLLAGES OR IMAGES CREATED USING A WHITE BACKGROUND */
	}


/* PAGE LINK CODE */
/* COLORS WERE #996633 (link, visited, active) and #6699FF (hover) */
/* COLORS WERE #3366FF is the CHASER link color                    */


a:link		{ color: blue; text-decoration: none; }

a:visited	{ color: blue; text-decoration: none; }

a:active	{ color: blue; text-decoration: none; }

a:hover		{ color: navy; text-decoration: underline; }

.biglink 	{ FONT: 15px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none; }

.biglink:hover 	{ FONT: 15px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline; }





/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #000000; FONT: 14px verdana, arial, sans-serif; font-weight: normal; }

.title		{ COLOR: #1F356E; FONT: 26px verdana, arial, sans-serif; font-weight: bold; font-style: italic; text-align: left; margin-top: 25px; margin-bottom: 40px;}

.subtitle	{ COLOR: #1F356E; FONT: 17px verdana, arial, sans-serif; font-weight: bold; font-style: normal; text-align: left; margin-top: 40px; margin-bottom: 12px; clear: left;}

.smallsubtitle	{ COLOR: #1F356E; FONT: 15px verdana, arial, sans-serif; font-weight: bold; font-style: normal;}


.careertitle  { COLOR: #666666; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.phonetitle	{ COLOR: #1F356E; FONT: 12px arial, verdana, sans-serif ; font-weight: bold; }

.testimonial  {COLOR: #339900; font-weight: bold; font-style: italic; }

.copytext     { COLOR: #000000; FONT: 11px verdana, arial, sans-serif; }

/* BEST TO KEEP HEADERCONTACT FONT SIZE SPECIFIED IN PIXELS TO AVOID UGLY HEADER-WRAPPING PROBLEMS */
.headercontact { COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: normal; }

.date-font	{ COLOR: #636559; FONT: 10px arial, verdana, sans-serif; font-weight: normal; }

.tableindent { width: 85%; text-align: left; }

.just 		{ text-align: justify; } */



#flash 		{ z-index: 0; }


/* POPUP INTRO MESSAGE TEXT */
.messagetitle	{ COLOR: #777777; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }
.messagetext	{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: normal; }


/* HIDE MENU AND ITEMS FOR PRINTING */
@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}




/* MAIN PAGE TABLE AND IMAGE BACKGROUNDS */

/* NOTE:  FFFFFF=white   */
/* ORIGINAL===> .imagebackground	{ background-color: #D8D9D1; } */
/* ORIGINAL===> .tablebackground	{ background-color: #E2E3DE; } */
/* colors to try  D7D7DC  */
.imagebackground	{ background-color: #FFFFFF; }

/* .tablebackground	{ background-color: #FFFFFF; 
                    background-image: url("picts/gradient38695495.png")
                    } */



/* PAGE LINES AND IMAGE BORDERS */
/* ORIGINAL WAS:  .borders		{ border: #000000 1px solid; } */
.borders		{ border: #000066 1px solid; }
/*VOLVO ORIGINAL:  .page-splits	{ border-top: #C0C0C0 1px solid; background-color: #FFFFFF; color: #FFFFFF; height: 2px; } */
.page-splits	{ border: #999999 1px solid; background-color: #F0F0F0; color: #F0F0F0; height: 3px; width: 100%; margin-top: 15px; margin-bottom: 15px;}
/*CHASER STYLE .page-splits	{ border: #999999 1px solid; background-color: #F0F0F0; color: #F0F0F0; height: 2px; width: 100%; } */
/*CHASER_BLUE STYLE .page-splits	{ border: #1F356E 1px solid; background-color: #1F356E; color: #1F356E; height: 2px; width: 100%; } */
/*VOLVO_BLUE STYLE .page-splits	{ border-top: #1F356E 2px solid; background-color: #FFFFFF; color: #FFFFFF; height: 3px; } */



/* GALLERY BORDERS AND CODE */
.image-border		{ border: #FFFFFF 10px solid; margin-bottom: 4px; }
.image-borderon		{ LEFT: 3px; position: relative; top: 3px; border: #FFFFFF 10px solid; margin-bottom: 4px; z-index: 0; }
.viewer-border		{ border: #FFFFFF 20px solid; }
.smalltitle 		{ COLOR: #666666; FONT: 11px arial, verdana, sans-serif; font-weight: bold; }
.smallgrey          { COLOR: #666666; FONT: 12px verdana, arial, sans-serif; }
.picturetitle 		{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }
.price	 		{ COLOR: #CC6600; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }
.formmargin		{ margin: 0px; }


/* GALLERY MENU CODE */
.button-gallery 	{
			color: #A2A292;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #A2A292 1px solid;
			}

.buttonon-gallery	{
			color: #000000;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #000000 1px solid;
			}


/* VIDEO MESSAGE CODE */
.button-popups 		{
			color: #A2A292;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #A2A292 1px solid;
			}

.buttonon-popups 	{
			color: #000000;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #000000 1px solid;
			}




/* CONTACT PAGE CODE */
.shadeform	{ FONT: 13px verdana, arial, sans-serif;
        background-color: #F2F2F3;
		background-image: url("picts/shadeform.gif");
		text-align: left;
        padding: 1px 4px;  
		WIDTH: 250PX;
		BORDER: #000000 1px solid}

.dropdown {	COLOR: #333333;
		WIDTH: 250PX;
        background-color: #F2F2F3;
		FONT: 13px arial, verdana, sans-serif;
        padding: 2px 4px;  /* padding order is vertical, then horizontal */
  		BORDER: #000000 1px solid; }

.textarea	{ FONT: 13px verdana, arial, sans-serif;
        background-color: #F2F2F3;
		background-image: url("picts/shadeform.gif");
		text-align: left;
        padding: 2px 4px; 
		WIDTH: 320PX;
		HEIGHT: 150PX;
		BORDER: #000000 1px solid; }

.submitbutton 	{ FONT: 13px arial, verdana, sans-serif; }






/* LINKS PAGE CODE */
.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, verdana, helvetica, sans-serif;
		background-image: url("picts/shadeform.gif");
		BORDER: #000000 1px solid; }

.searchdrop { background-color: #F2F2F3;
		WIDTH: 60PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		}

.searchbutton { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		font-size: 9pt;
		width: 36px; }


 
/* JWE ADDED THIS PAGEBARS CLASS.... USED FOR BAR AT BOTTOM OF EACH PAGE */
/* border color of #000066 seems to match the black in the logo */
/* border color of #9999A0 matches menu button borders          */
.pagebars	{ border-top: #9999A0 1px solid; border-bottom: #9999A0 0px solid; border-left: #9999A0 0px solid; 
            border-right: #9999A0 0px solid; background-color: #1F356E; height: 8px; }

.bottom-shade  { background-image: url("picts/bottom-shade.gif") }            
        

/* JWE ADDED THIS CONTENT-TABLE **ID** (not class) to allow the main content to shrink way */
/* down for small screens (100%), stretch out for medium screens, but get no  */
/* wider than ~800px on really wide screens                                   */

#content-table {
  margin: 0 auto 0;
  max-width: 750px;
  min-width: 300px;
  width:  auto !important;
  /* THE FOLLOWING EXPRESSION IS A IE5/6 SPECIFIC WORKAROUND TO SET MAX-WIDTH */
  /* THE "auto !important" LINE ABOVE CAUSES IE7 TO IGNORE THE EXPRESSION     */
  /* SOOO, TO TEST EXPRESSION IN IE7, YOU HAVE TO TEMPORARILY DELETE THE LINE ABOVE. */
  /* FOR CURRENT MENU WIDTH, FIRST NUM SHOULD BE 200 GREATER THAN THE "px" NUM */         
  width: expression(document.body.clientWidth > 950 ? "750px" : "100%" );
  border: 0px;
  /* background-image: url("picts/bg_b MSN BACKGROUND PIC.gif") */
}
        
#split-table {
  border: 0px;
  background-image: url("picts/bg_b MSN BACKGROUND PIC.gif")
}

/* JWE ADDED "ONION SKINNED" DROP SHADOW classes to add shadows to images etc */
/* lifted this from...  http://www.alistapart.com/articles/onionskin/  */
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/}
.wrap1 {
  background:url("picts/dropshadow.gif") right bottom no-repeat;}
.wrap2 {
  background:url("picts/dropshadowcorner_bl.gif") -12px 100% no-repeat;}
.wrap3 {
  padding:0 9px 9px 0;
  background:url("picts/dropshadowcorner_tr.gif") 100% -12px no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}



/* JWE ADDED following "helper classes" to be used in combination with the DROP SHADOW */
/* These came from http://www.sixapart.com/pronet/articles/ydsf.css                    */
/* Linked to "ydnar Drop-Shadow-Fu" article                                            */   
/* I.E., SOMETHING LIKE <div class="wrap1 left">  */

/* .clear needs work, "wrap1 clear" images don't display at all */

.left {
	float: left;
    margin: 30px 45px 15px 0px;  /* margin order is top, right, bottom, left */
	display: inline; /* fixes ie double margin-left bug */
}

.leftflushtop {
	float: left;
    margin: 0px 45px 15px 0px;  /* margin order is top, right, bottom, left */
	display: inline; /* fixes ie double margin-left bug */
}

.leftflushbottom {
	float: left;
    margin: 30px 45px 0px 0px;  /* margin order is top, right, bottom, left */
	display: inline; /* fixes ie double margin-left bug */
}

.rightflushtop { 
    float: right;
    margin: 0px 0px 15px 60px; /* margin order is top, right, bottom, left */ 
}

.note {
	width: 200px;
	border: 1px solid #666;
	padding: 10px;
	background: #ffc;
	color: #333;
}

/* .clear is used thusly.. <div class="clear"></div> to force any subsequent HTML to **stay below** */
/* without creeping upwards on the page due as might happen if wrapping were allowed                */
.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0; 
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}