/* LAYOUT =================================
=========================================== */


/* GLOBAL STYLES -------------------------  */

body, h1, h2, p, ul, li {
	margin:0px;
	padding:0px;
}

body {
	background:url(../images/1_bg.jpg) 0 0 repeat-x;
}
a	{
	color:#000;
	text-decoration:underline
}
a:hover	{
	color:#2C4B7C;
}
img {
	border:0;
}

#master {
	position:relative;
	margin:0 auto;
	width:760px;
	background:#FFF;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
}

/* NAVIGATION   -------------------------  */

#nav-box {
	width:760px;
	height:40px;
	background:url(../images/1-nav.gif) no-repeat;
	text-align:right;
}

	#nav {
		position:absolute;
		width:563px;
		height:40px;
		right:0;
	}
		/* Navigation Links 
		------------------------------------------------------------------------ */
		#NDR, #NPROC, #NTEST, #NPHOTOS, #NCONT { position:absolute; left:0 }
		#NDR A, #NPROC A, #NTEST A, #NPHOTOS A, #NCONT A { display:block; height:40px; top:0; }
		#NDR { width: 120px; margin-left:0;  }
		#NDR a:hover {background:url(../images/1-navProfile0.gif); }
		#NPROC { width: 97px; margin-left:120px; }
		#NPROC a:hover {background: url(../images/1-navProc0.gif);}
		#NTEST {width:103px; margin-left:217px;}
		#NTEST a:hover {background: url(../images/1-navTest0.gif);} 
		#NPHOTOS {width:150px; margin-left:320px;}
		#NPHOTOS a:hover {background: url(../images/1-navBA0.gif);} 
		#NCONT {width:93px; margin-left:470px;}
		#NCONT a:hover {background: url(../images/1-navContact0.gif);} 


/* LOGO AND FLASH BOX  ------------------  */

#hero-box {
	height:290px;
}

	#logo {
		float:left;
		width:168px;
		height:290px;
		background:url(../images/1_logo001.jpg) 0 0 no-repeat;	
	}
	
	#flash {
		width:592px;
		float:right;	
	}



/* CONTENT AREA -------------------------  */

#content-box {
	position:relative;
}

	#left-box { /* Contains Welcome, Buttons, and Footer */
		width:515px;
	}
		#left-box #flash {
			background:url(../images/1-flashbg.jpg) no-repeat;
		}
	
		#left-box #welcome-box {
			width:515px;
			height:537px;
			background:url(../images/1-welcome.jpg) no-repeat; 
		}
		
		#left-box #welcome-box #welcomehdr{
			position:relative;
			width:454px;
			height:70px;
			top:75px;
			margin:0 auto;
			padding:0;
		}
		/* USE for home page only -------------------------  */
		#left-box #welcome-box #welcome{
			position:relative;
			top:59px;
			width:470px;
			height:280px;
			margin-left:30px;
			padding:0;
			z-index:10;
		}
		#left-box #welcome-box #btns {
			position:relative;
			width:515px;
			height:103px;
			top:85px;
		}
		#left-box #welcome-box #img {
			float:right;
			padding:0 0 0 0;
			margin: 0 0 0 0;
		}
		/* USE for pages -------------------------  */
		#left-box #welcome-box #scrolltext{
	position:relative;
	top:85px;
	width:470px;
	height:375px;
	margin-left:30px;
	padding:0;
	overflow:auto;
	z-index:10;
	visibility: visible;
		}
		
		#left-box #footer {
			height:133px;
			background:url(../images/1-footer.jpg) 0 0 no-repeat;
		}	

	#right-box {/* Contains Mini-Contact Form and Procedures List */
		width:245px;
		height:670px;
		position:absolute;
		background:url(../images/1-contact.jpg) 0 0 no-repeat;
		right:0;
		top:0;
	}
	
		#right-box #contact {
			position:absolute;
			width:195px;
			height:250px;
			top:115px;
			left:22px;
		}
			
		#right-box #procedures {
			position:absolute;
			top:420px;
			left:22px;
			text-align:center;
			margin:0;
			width:195px;
			
		}



/* FONTS  =================================
=========================================== */
body {
	font:11px Verdana, Arial, sans-serif;
}

#welcome h2, #scrolltext h2 {
	font:bold 12px Arial, sans-serif;
	padding:15px 0
}
#scrolltext h3	{
	color:#212E47;
	text-transform:none;
	margin:5px 0 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.italics {
	font:italic bold 12px Verdana, Arial, sans-serif;
}

#welcome, #scrolltext {
	line-height:15px;
}

#right-box #contact {
	font-weight:bold;
}

#left-box #footer {
	color:#FFF;
	line-height:150%;
	font-size:10px;
	text-align:center;
}

#left-box #footer a{
	color:#FFF;
	text-transform:uppercase;
}

#left-box #footer a:hover{
	color:#CCC;
}

#right-box #procedures a{
	color:#000;
	line-height:18px;
}

#right-box #procedures a:hover{
	color:#666;
}





/* FORMS  =================================
=========================================== */

.home-form {
	font:bold 11px Arial;
	text-transform:uppercase;
	color:#666;
	padding:2px;
	margin: 2px 0;
	width:180px;
	background:#B4BDCC;
	border:1px solid #003;
}

.form {
	font:normal 11px Arial;
	color:#000;
	padding:2px;
	margin: 2px 0;
	background:#D5DBE2;
	border:1px solid #333;
}

/* this is for the popup gallery window */
#POPBG	{ background:#DDE2E7; width:450px; height:425px; border:4px solid #FFFFFF;}

/* Procedures  =================================
=========================================== */
#procedtable {
	width: 140px;
	height:auto;
	display:inherit;
}	
#procedtable1 {
	width: 140px;
	height:auto;
	margin:-175px 200px 0 150px;
	display:inherit;
}	
#procedtable3 {
	width: 140px;
	height:auto;
	margin:-175px 0 0 300px;
	display:inherit;
}	




/* Procedures  =================================
=========================================== */