/* THIS STYLESHEET IS FOR THE PAGES
------------------------------------------------------------------------*/
BODY,P,H1,H2,H3,LI,UL,FORM,TABLE,OBJECT		{	margin:0; padding:0;	}
BODY	{	background: url(../images/1bgre.jpg) repeat-x; background-color:#001E41;  }


/* typography
------------------------------------------------------------------------*/
BODY,P,H1,H2,H3,H4,LI,UL
				{	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #001E41; }
BODY,P			{	font-size:11px;}

P 	{	text-align:left; }
H1 	{	font-size:15px; text-transform:uppercase; font-weight:bold; color:#CC8D13; font-family:Georgia, "Times New Roman", Times, serif;	}
H2 	{	font-size:13px; font-weight:bold; color: #CC8D13;	}
H3 	{	font-size:12px; font-weight:bold;}

A		{	color: #CC8D13;	font-weight:bold; text-decoration:none; }
A:hover	{	color: #CC8D13; font-weight:bold; text-decoration:underline; }

HR	{	border:1px solid #405A81; }

FORM			{	margin:0;	}

/* Layout
------------------------------------------------------------------------ */
#CONTAINER		{ position:relative; width:750px; background:url('../images/2contentBG.jpg') repeat-y; text-align:left   }
	#HDRBOX			{ position:relative; width:750px; height:79px; margin:0; background:url('../images/1TOP.jpg'); }
	#MIDBOX			{ position: relative; width:750px; height:265px; background:url('../images/1MID.jpg');}
	#NAVBOX			{ position:relative; width: 213px; height: 253px; top:0; left:0; background:url(../images/1NAV.jpg); }
		/* This is the nav (placed vertically)  
		------------------------------------------------------------------------ */
		#NAV		{ position: absolute; top:0; left:0; width:213px; height:253px }
			#NNEW A, #NMEET A, #NEXPECT A, #NPROC A, #NPHOTOS A, #NTEST A, #NFINANCE A  		{	display:block; width:213px; height: 27px;}
			#NHOME A, #NCONT A  		{	height: 32px; display:block; width:213px;}
			#NHOME A:hover		{	top: 0; background:url(../images/1Nhome0.jpg); }
			#NNEW A:hover		{	top: 30px; background:url(../images/1Nnew0.jpg); }
			#NMEET A:hover		{	top: 57px; background:url(../images/1Nmeet0.jpg); }
			#NEXPECT A:hover	{	top: 84px; background:url(../images/1Nexpect0.jpg); }
			#NPROC A:hover		{	top: 111px; background:url(../images/1Nproc0.jpg); }
			#NPHOTOS A:hover	{	top: 138px; background:url(../images/1Nphotos0.jpg); }
			#NTEST A:hover		{	top: 165px; background:url(../images/1Ntest0.jpg); }
			#NFINANCE A:hover	{	top: 192px; background:url(../images/1Nfinance0.jpg); }
			#NCONT A:hover		{	top: 229px; top: 0;background:url(../images/1Ncont0.jpg); }

	#FLABOX			{ position:absolute; width:537px; height:252px; left:213px; top:0}

	/* CONTENT section for the site PAGES. 
	-------------------------------------------------------------------------- */
	#CONTENTBOX		{ position:relative; width:750px; top:0; left:0; margin-left:0; text-align:left}
		#HEADERBAR	{ position:relative; top:0; left:0; width:750px; height:75px; text-align:right; background-image:url(../images/2HDR.jpg);}
		#TEXTBOX	{ position:relative; top:0; left:255px; width: 485px; margin:0; }
		#SIDEBOX	{ position:absolute; width: 230px; top:75px; left:9px;}
			#PROCBOX	{	position:relative; margin:0; left:0; width:230px; height:295px; background:url(../images/2PROC.jpg)}
				#PROCLIST	{ position:relative; margin-left:60px; top:2px; left:0;  width:170px; height:275px}
			#ASSOCBOX	{ position:relative; top:0; left:0; width:230px; background:url(../images/2SIDEgoldbg.jpg) repeat-y; }
			#CONTACTBOX		{ position:relative; top: 0; left:0; background:url(../images/2CONTbg.jpg) repeat-y; }
				#CONTFORM	{ position:relative; width:200px; margin-left:20px;}
			

		/* format the SIDE and MAIN CONTENT area margin, font, etc...  
		-------------------------------------------------------------------------- */
		#TEXTBOX P			{ line-height:140%;}
		/* set the formatting for UL, OL, LI, DL, etc specific to the section rather than global.  */
		#TEXTBOX UL, #TEXTBOX OL		{	padding-left:25px;}
		#TEXTBOX LI			{	list-style:circle;} 
	
		#PROCLIST P			{ margin-left:5px;line-height:135%; color:#000000; }
		#PROCLIST A			{ color: #000000; font-weight:normal}
		#PROCLIST A:hover	{ color: #1E3D6B; text-decoration:underline; font-weight:bold; font-size:10px}
		/* procedure image links with rollover  */
		#PROCFACE A, #PROCBODY A, #PROCBREAST A, #PROCOTHER A	{	
							  display:block; width:123px; height:22px;}
		#PROCFACE A			{ background:url(../images/1PROCface.jpg); }
		#PROCBODY A			{ background:url(../images/1PROCbody.jpg); }
		#PROCBREAST A		{ background:url(../images/1PROCbreast.jpg); }
		#PROCOTHER A		{ background:url(../images/1PROCother.jpg); }
		#PROCFACE A:hover	{ background:url(../images/1PROCface0.jpg); }
		#PROCBODY A:hover	{ background:url(../images/1PROCbody0.jpg); }
		#PROCBREAST A:hover	{ background:url(../images/1PROCbreast0.jpg); }
		#PROCOTHER A:hover	{ background:url(../images/1PROCother0.jpg); }
			
		#ASSOCBOX P			{ text-align:center; line-height:140%; }
		#ASSOCBOX A			{ color: #001E41; font-weight:normal; text-decoration:none; }
		#ASSOCBOX A:hover	{  color: #001E41; text-decoration:none; }
	
		#CONTACTBOX P		{ margin-left:25px; color:#FFFFFF  }
		#CONTACTBOX A		{ color: #FFFFFF; font-weight:bold; text-decoration:none; }
		#CONTACTBOX A:hover	{ color: #FFFFFF; text-decoration:underline; }
		/*------------------------------------------------------------------------ */



	#FTRBOX	{	position:relative; left:0; width:750px ; margin:0; padding:0; background:#1E3D6B}
			#FTRBTM	{ width:750px; height:25px; background: url("../images/2FTRtop.jpg") no-repeat;}
		/* usually like to set formatting for the footer. */
		#FTRBOX P		{ font-size:9px; line-height:150%; text-align:center; color: #FFFFFF; }
		#FTRBOX A		{ color: #FFFFFF; font-weight:bold; text-decoration:none; }
		#FTRBOX A:hover	{ text-decoration:underline overline; }
	/*------------------------------------------------------------------------ */



/* other formats 
------------------------------------------------------------------------ */
/* This sets the top and/or bottom background, header, etc of the side boxes */
.TOPBTM  	{position:relative; margin:0; padding:0}
/* ---------------------------------------------------------------------- */

.clrALL	{	clear:both}
.alignC	{	text-align:center;}
.alignL	{	text-align:left;}
.alignR	{	text-align:right;}
.floatL	{	float:left; margin:0 10px 5px 10px; }
.floatR	{	float:right; margin:0 10px 5px 10px; }

/* formatting for the FORM. class formQC is for setting the same formats for all the form elements for the Quick Contact.
FORMstyle is for the Consultation Form
------------------------------------------------------------------------ */
.formQC		{	margin:0 0 3px 10px; border:1px solid #294773; padding:1px; width:170px;
				font-family:"Courier New", Courier, mono; font-size:11px; }
.formSUBMIT	{ 	margin:0 0 3px 10px; padding:1px; background:#F0DDB8; border:1px solid #294773; width:60px;
				font-family:"Courier New", Courier, mono; font-size:11px; }
/*-------------------------------*/

/* page sub-navigations */
.subNAV		{ border:1px solid #1E3D6B; background:#DFDFDF; width:475px; }
.subNAV P	{ padding:8px; text-align:center }
.subNAV A	{ color:#1E3D6B;}

/* Table formatting procedures page... */
#PROCDESC IMG	{ margin:10px 8px 0 0}
#PROCDESC A,#PROCDESC A:hover	{ font-weight:normal; text-decoration:underline}

/* Table formatting testimonials page */
#TESTDESC IMG	{ margin:8px}
.testimonials	{ background:#F0DDB8; }

#CONSULTFORM TABLE		{	font-family:"Courier New", Courier, mono; font-size:11px; background:#F0DDB8 }
#CONSULTFORM .form		{	margin:0 0 3px 10px; border:1px solid #294773; padding:1px;
	font-family:"Courier New", Courier, mono; font-size:11px; }
#CONSULTFORM .formSUBMIT	{ 	margin:0 0 3px 10px; padding:1px; background:#1E3D6B; border:1px solid #FFFFFF; width:60px;
				font-family:"Courier New", Courier, mono; font-size:12px; text-transform:uppercase; color:#FFFFFF }

/* PHOTO GALLERY TABLE FORMAT -------------------------------*/
#GALLERYTBL TABLE TR TD	{ font-size:12px;}
#GALLERYTBL A	{ font-size:12px; font-weight:normal;}