/**************************************/
/* Web Site: ARMGHI.com               */
/* Author: David A. Wank, SHD, LLC    */
/* File: styles.css                   */
/* Date:                              */
/**************************************/

/*///////////////////////// Normalization ////////////////////////*/
h1, h2, h3, h4, h5, h6, p, ul, li
{
padding: 0;
margin: 0;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
}

ul, li
{
list-style: none;
}

/*///////////////////////// Layout and Structures ////////////////////////*/

body 
{
	margin: 0, auto;
	padding: 0;
	text-align: center;
	/* background-color: #DCDCDC; */
	background-color: #FFDFFF;
	background-image: url(../images/bkGrad-2.jpg);
	position: relative;
	background-repeat: repeat-x;
}

#wrapper
{
	width: 760px;
	/* height: 1000px; */
	/* this marign: 0 automatically sets the horizontal margins */
    margin: 0 auto;
	/* text-align is for IE 5.x/6 --> because we set the body
    /* text-align to center, the left property realigns the text
    /* back to the left */ 
    text-align: left;
	background-color: white; 
	border: 1px  #999999 solid; /* was black */
	border-left: 2px   #CCCCCC solid; /* added for ds effect*/
	border-right: 3px  #CCCCCC solid; /* added for ds effect */
	/* background-image: url(../images/bg_760.png); */
	/* apply with text???  padding: 0px 10px 0px 10px; */
}

/****************** HEADER AREA STYLES**********************************************/
#branding 
{
	height: 110px; /* 120 */
	position: relative;
	/* border: thin solid yellow; */
	background-image: url(../images/branding3.jpg);
	position: relative;
	background-repeat: no-repeat;
}

.logo /* positioning of logo */ {
	position: absolute;
	top: 10px;
	left: 18px;
	border: 0;
}
/****************** BASELINE PROPERTIES OF NAVIGATON DIV ***************************/
/* #navigation {position: relative}; */  /* breaks design */

#navigation
{
float: left;
width: 232px;
height: 230px;
background-color: white;
background-image:url(../images/navLeftContent.jpg);
background-repeat: no-repeat;
}

#navigation.home
{
background-image:url(../images/navLeftHome.jpg);
background-repeat: no-repeat;
}

/******* sets up the ul for the site's main navigation ****************************/
ul#mainNav
{
/* position: relative; */
margin-top: 14px;
margin-left: 24px;
}

ul#mainNav li
{
/* border-right: solid 1px #990000; */
/*padding: 0px 8px 0px 4px;  */
line-height: 23px;
}

/******************************* CONTENT *******************************************/
#content
{
/* border: 1px solid red; */
margin-top: 0px; /* levels content and navigation areas */
/* unsure if this will be needed (margin-top) */
/* background-color: blue; */
width: 528px; /* 760-200 = 560 orig */ /* nav changed to 232 so 760-232= 528; */
float: right;

/* added to test boxes below - can delete if no boxes below - 0.4*/
/* margin-bottom: 20px; */
}

#content.contentHome
{
background-image:url(../images/homeImageBaby2.jpg); 
background-repeat: no-repeat;
height: 230px;
width: 528px;
}

#content.contentHomeTest
{
background-image:url(../images/homeImageBaby3.jpg); 
background-repeat: no-repeat;
height: 230px;
width: 528px;
}

/***************************** home columns ***************************************/
#homeColumns {
/* for shaping of area */
/* to make room for thin line on top */
background-color: orange;
clear: both;
}


#leftCol {margin-top: 15px; margin-bottom: 15px;}
#rightCol {margin-top: 15px; margin-bottom: 15px;}

#leftCol {
float: left;
width: 310px;
/* background-color: red; */
padding-left: 20px;  /* was 12px */

}

#rightCol {
float: right;
width: 420px;
/* background-color: green; */
padding-right: 4px;
}


/*********************************FOOTER *******************************************/
#footer
{
	margin-top: 10px;
	height: 120px;
	position: relative;
	background-image:url(../images/footerImg.jpg);
	background-repeat: no-repeat;
	clear: both;
}   

/*////////////////////////////  Typography  ///////////////////////////////////*/
/***************************** Branding Area ***************************************/
#branding h1 {  /* ARMGHI text */
font-family: "Times New Roman", Times, serif;
font-size: 23px;
padding: 15px 0px 0px 123px; /* 15 0 0 130 */
color: #666666;
} 

#branding h2 { /* LCF and JLF text */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px; /* was 18px, but overtook header text */
color: white;
/* visibility: visible; */
 }

h2.left { /* left text */
position: absolute;
left: 130px;
top: 55px;
/* background-color: red; */
width: 300px;
}

h2.right { /* right text */
position: absolute;
left: 430px;
top:  55px;
/* background-color: green; */
width: 285px; /* 200 */
}

#branding h3 { /* LCF/JLF description text */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;  /* was 16px, but JLF was too big */
color: white;
}

h3.left2 { /* left subText */
position: absolute;
left: 130px;  /* 130 */
top: 80px;  /* 80 */
/* background-color: red; */
width: 270px; /* 270 */
}

h3.right2 { /* right subText */
position: absolute;
left: 430px;  /* 440 */
top: 80px;  /* 80 */
/* background-color: green; */
width: 280px; /* 280 */
}

/************************  Home Page Columns **************************************/
h3.colTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;  /* was 16px, but JLF was too big */
color: #666666;
padding-bottom: 8px;
}

/************************  Main Content Area *************************************/
#content {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}

#content h2 {  /* main title of page */
font: Verdana, Arial, Helvetica, sans-serif;
font-size:  22px;  /* 18px; */
margin-left: 15px;
padding: 10px 0px 16px 0px;  /* was 10, 0, 12, 0 */
}

#content h3 {  /* subtitle of page*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;  /* 16px */
margin-left: 15px;
padding: 0px 0px 12px 0px;  
color: #666666; /* black */
}

#content h3.sub {padding-top: 15px;}

#content h3.sub2 {font-weight: bold;}

#content h4 { /* sub-subtitle of page */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;  /* 16px */
margin-left: 15px;
padding: 5px 0px 12px 0px; /* 0,0,12,0 */  
color: black; /* black */
}

#content p {
font:Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px 20px 10px 15px;  /* was 0,12,0,15 */
line-height: 22px; /* 25 */
}

#content p.thin {line-height: 10px;} /* good for contact page only */

/*********************************  LISTS ******************************/

/************************  ULs ****************************************/
#content ul {
	font-size: 14px;
	padding-left: 18px;
	margin: 10px 20px 10px 15px;  /* was 0,12,0,15 */
	/* above is the space between the p and the ul */
	line-height: 25px;
    }

#content ul li {
	margin: 10px 0px 0px 0px; /* spacing within the list */
	list-style: disc;
	}

#content ul.index {
	list-style: none;
	}
/******************************  OLs ********************************/
#content ol {
	font-size: 14px;
	padding-left: 25px;  /* 18px */
	margin: 10px 20px 10px 15px;  /* was 0,12,0,15 */
	/* above is the space between the p and the ol */
	line-height: 25px;
	}

#content ol li {
	margin: 10px 0px 0px 0px; /* spacing within the list */
	list-style: decimal;
	}
	
#content p.olFix { /* added to fix the OL nesting problem */

	line-height: 25px;
	color: red;
	}




/**********************************************************************/
#leftCol  p, #rightCol p {
font:Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px 20px 10px 0px;  /* was 0,12,0,15 */
line-height: 22px;
}
/************************ Footer **************************************************/
#footer h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px; /* 19 */
	margin-left: 10px;
	text-align: center;
	color: #666666;
}

.footerTop {
padding-top: 16px;
}


/*************** hyperlinks *****************************/
#content a:link {color: #800080;}
#content a:visited {color: #999999;}
#content ul a:link {color: #800080;}
#content ul a:visited {color: #999999;}
h4.footer3 a:link {color: #800080;}
h4.footer3 a:visited {color: #999999;}

/************** tables ************************/
/* for Ca2+ table */
table {
margin-left: 20px;
border: 1px solid #999999;
margin-bottom: 15px;
border-collapse: collapse;
}


tr.top {
	border-top: 1px solid  #000099;
	border-bottom: 1px solid  #000099;
	background: #CCCCCC;
	color: black;
	}

td {
padding: 0.2em 0 0.2em 0.4em;;
}


/* and now for Analysis table */
#analysis {
margin-left: 20px;
border: 1px solid #999999;
margin-bottom: 15px;
border-collapse: collapse;
}

#analysis td {
  font-size: 14px;
  border-bottom: 1px solid #CCCCCC;
}

/************************8************************************/

/*************   Contact Form Styles **********************/
.bodyText {padding-top: 10px;}

/* #contactForm {background-color: green;} */


#contactForm fieldset {
margin: 1em 1em 1em /* 2em */ 1em;
padding: 1em 1em 1em 1em;
border: 1px solid #ccc;
background: #f8f8f8; 
}

#contactForm legend {
font-weight: bold;
color: #666666;
font-size: 16px;
}

#contactForm label {display: block;} 
/* #contactForm input {width: 200px;} */

#contactForm textarea {
width: 400px;
height: 100px;
}

* html fieldset{
position: relative;
}

* html legend{
position:absolute;
top: -.5em;
left: .5em;
}

* html fieldset{
position: relative;
margin-top:1em;
padding-top:.75em;
}	
	
ul.IVF3 li  {list-style-type: none;}


/**** for success rates page and table ****/


/* success rates tables */
#content #tblSuccess {
border: 1px solid  #CCCCCC; 
border-collapse: collapse;
width: 420px;
margin-bottom: 20px;
}

#content tr.tblHeader td {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #edf0f4;
background: #EDF0F4;
}

#content #tblSuccess td {
padding: 0.1 0.1em;
border-bottom: 1px solid #CCCCCC;
}

#content #tblSuccess p {
	font-size: 16px; /*16*/
	margin-top: 8px;
	text-align: left;
}





/*** table 2 ****/
#content #tblSuccess2 {
}

	

#content tr.tblHeader2 td {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #edf0f4;
background: #EDF0F4; 
}


#content #tblSuccess2 td {
padding: 0px 0px; 
}

#content #tblSuccess2 p {
font-size: 12px;
}

#buttonIMG {
position: relative; 
top: 250px; 
left: -218px;
}

#button {
/*position: absolute; */

}

#buttonIE6 {
position: relative;
margin-bottom: 20px;
border: 1px solid green;
}