/* */
BODY,P,H1,H2,H3,LI,UL,FORM,TABLE,OBJECT		{	margin:0; padding:0;	}

BODY	{	background: #DED0BE url(../images/1bg.jpg) repeat; text-align:center  }

/* typography
------------------------------------------------------------------------*/
BODY,P,H1,H2,H3,H4,H5,H6,LI,UL
							{	font-family:Arial, Helvetica, sans-serif; color:#403F2E }
BODY,P, LI				{	font-size:11px; line-height:115%;}
P,H1,H2,H3,H4,H5,H6	{	margin: 0 35px;  }

a 				{	color:#674F29; font-weight:bold; text-decoration:underline; }
a:hover 		{	color:#674F29; font-weight:403F2E; }

H1,H3,H5		{	font-family:Georgia, "Times New Roman", Times, serif; color:#674F29 }
H2,H4			{	font-family:Arial, Helvetica, sans-serif; color:#403F2E }
H1				{	font-size:15px; text-transform:uppercase }
H2				{	font-size:14px; text-transform:uppercase }
H3				{	font-size:14px }
H4				{	font-size:13px }
H5				{	font-size:12px; text-transform:uppercase }
H6				{	font-size:11px; color:#674F29;}

FORM			{	margin:0;	}

/* Layout
------------------------------------------------------------------------ */
/* set CONTAINER inside CENTERME to align the page to CENTER */
#CONTAINER		{
	position:relative;
	width:740px;
	margin:0 auto;
	text-align:left;
	left: -1px;
}
	#HDRBOX			{ width:740px; height:139px; background-image:url(../images/1Top.jpg);}
	#FLABOX			{ background:url(../images/1flaBG.jpg) no-repeat; width:740px; height:250px;}
		#FLA			{ margin: 0 0 0 24px; height:240px; width:694px;}

			#NAVBOX{
			background:url(../images/Nav_BG.jpg);			
			position:relative;
			height:35px;
			width:740px;
			z-index:10; /* required to lay above the content box */
			}
				#Nav{
				margin:0 ;
				padding:10px 0 0 20px;				
				}
					#Nav li{
					background:url(../images/NavListDiv.jpg) no-repeat;
					list-style:none;
					float:left;
					height:20px;
					padding:0 5px 0 10px;
					}
						#Nav a{
						display:block;
						}
						#Nav a:hover{
						color:#48694A;
						}
			
			/* DROPDOWN STYLES
--------------------------------------------------------------------*/

#Nav li ul{ /* Hides dropdown menu */
position:absolute;
margin-left:-5000px;
}
#Nav li:hover ul{ /* Dropdown position in non IE browsers */
margin-left:-100px;
}
#Nav li.over ul{ /* Dropdown position in IE browsers, requires Suckerfish javascript */
margin-left:-100px;
}
#Nav li ul li{ /* Dropdown menu submenu style */
width:225px;
height:25px;
float:none; /* Makes submenus horizontal */
background:#dce2de;
border:1px solid white;
display:table; /* Fixes Hover position in FF */
}
#Nav li ul li a{
height:25px; /* Fixes height in IE */
padding:3px 0 0 5px; /* Positions text in submenu */
font:bold 11px Arial;
line-height:150%; /* Fixes Gap in nav */
color:#674f29;
}
#Nav li ul li a:hover{ /* Submenu hover styles */
color:#48694A;
background:#dce2de;
}


	/* CONTENT section 
	   The following group is for the home page only 
	   It's set to have to sections: the main text like WELCOME and the right/left side which is usually CONTACT or PROCEDURES
	-------------------------------------------------------------------------- */
	#CONTENTBOX		{ position:relative; margin:0; z-index:1;}
		#LEFTBOX			{	position:absolute; width: 249px; height: 594px; top: 0; left: 0; margin:0}
		#LEFTBOX P,#LEFTBOX H4			{	margin:0 15px 0 30px; line-height:110%;}
			#ABOUTBOX		{	position:relative; width: 249px; height: 290px; background:url(../images/1about.jpg)}
				#ABOUTBOX IMG.doc		{	float:right; margin:0 7px 0 5px}
				#ABOUTBTN { position:absolute; bottom:1px; right:6px}

			#CONTACTBOX			{	position:relative; width: 249px; height: 304px; background:url(../images/1cont.jpg)}
			.QCFORM				{	margin:5px 30px 0 30px}

		#RIGHTBOX		{	position:relative; width:491px; height:594px; top:0; left:249px; margin:0}
			#WELBOX		{	width: 491px; height: 290px; background:url(../images/1wel.jpg) }
			#RIGHTBOX P, #RIGHTBOX H1, #RIGHTBOX H3	{	margin:0 33px 0 24px; line-height:115%;}
			#PROCHDRBOX	{	position:relative; width: 491px; height: 38px; background:url(../images/1prochdrBG.jpg) }
				#WELBTN 	{	position:absolute; bottom:18px; right:23px}
			#PROCBOX		{	width: 491px; height: 266px; background:url(../images/1proc.jpg) }
			#PROCBOX .procPIC	{ margin-left:10px}
			#PROCBOX .procPIC P			{ margin:0 5px; text-align:center}
			#PROCBOX .procPIC A			{ font-weight:normal; text-decoration:none}
			#PROCBOX .procPIC A:hover	{ text-decoration:underline}
			#PROCBOX .procPIC P B 		{ font-size:12px; font-weight:bolder; font-family:Georgia, "Times New Roman", Times, serif; color:#674F29; line-height:150%; }
		#CONTENTBOXBTM		{ width:740; height:32px; margin:0; background:url(../images/1btm.jpg) no-repeat;}
		
		/*------------------------------------------------------------------------ */
		#TEXTBOX		{ width:740px; margin:0; background:url(../images/1TextBGRE.jpg) repeat-y}
		#QLINKBOX	{ width:740px; height:277px; margin:0; background:url(../images/1QlinksBG.jpg) no-repeat}
			#QLINKBOX P 	{	margin:0 35px; line-height:115%; text-align:center }
			#QLINKBOX P B	{	font-family:Georgia, "Times New Roman", Times, serif; }
			#QLINKBOX A		{	font-weight:normal; text-decoration:none }
			#QLINKBOX A:hover		{	background:#FFF }
		
		

	/* a separator between the content and the footer. Clear all the formatting from above and give the bottom a clean section */
	#CLRBOX	{	clear:both; height:10px;  }
	#FTRBOX	{	width:740px; margin:0; padding:0; }
		/* usually like to set formatting for the footer. */
		#FTRBOX P		{	text-align:center; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; line-height:125%; margin:0 15px 0 15px; }
		#FTRBOX A		{	font-weight:normal; text-decoration:none }
		#FTRBOX A:hover		{	background:#FFF }
	
/* other formats 
------------------------------------------------------------------------ */
.clrALL	{	clear:both}
.alignC	{	text-align:center;}
.alignL	{	text-align:left;}
.alignR	{	text-align:right;}
.floatL	{	float:left; margin-bottom:8px; margin-right:10px;}
.floatR	{	float:right; margin-bottom:8px; margin-left:10px;}


/* formatting for the FORM. class formQC is for setting the same formats for all the form elements.
Don't set global because INPUT buttons may be buttons (i.e. Submit or Clear) 
------------------------------------------------------------------------ */
form.CONSULT TABLE		{	margin:0 35px; font-size:11px;}
.formQC		{	margin:1px; border:1px solid #FFF; background:#ECE6DC;   }
INPUT, SELECT, TEXTAREA	{	padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#674F29	}

#CONTENTBOX UL, OL		{	padding-left:55px; }
#CONTENTBOX LI				{	list-style:square; margin-right:35px} 
#TEXTBOX LI           { list-style:NONE; }

.questionSTYLE		{ color:#674F29; font-weight:bold; line-height:135%;}
.articleSTYLE		{ background:#FFF; border:1px dotted #674F29}
.picSTYLE						{ margin:0 35px; background:#ECE6DC; border:1px solid #FFF}
.picSTYLE P, .picSTYLE H5	{ margin:2px 5px; }
.floatTBL						{ float:right; border:1px solid #FFF; background:#ECE6DC; margin:0 35px 5px 5px; }
.floatTBL P, .floatTBL H1	{ margin:0 15px; }
.floatTBL H1 I					{ text-transform:none; font-size:14px; }
.floatTBL a						{ text-decoration:none }
.floatTBL a:hover				{ text-decoration:underline }

#Parity{
display:none;
}