/* ---- GENERAL ELEMENTS ----------------*/

html, body { height: 100%; }
body {font-size: 1em; margin:auto; padding: 0; background: #ffffff; color: #141515; font-family:  Arial, Helvetica, sans-serif;}

#page {font-size: 72%; width: 750px; margin: 0 auto; background: #ffffff;  height: auto !important;}
#disclaimer_page {font-size: 72%; margin: 0 auto; background: #ffffff;  height: auto !important;}

#title { display:none;}
#caption { display:none;}
#contact_info { display:none;}

#content { clear: both; background: white; padding: 0 0 20px; position: relative; text-align:left; }

#footer { border-top: 1px solid #98bf0c; position: relative; clear: both; text-align:left; font-size: 95%; background: white; padding-top: 5px; margin-top: 10px;  }
#footer a { color: #98bf0c; }
#footer a:hover { color: #98bf0c; }

.small {font-size: 100%; color: #666666; padding-bottom: 20px;}
.disclaimer {position: relative; clear: both; text-align:left; font-size: 90%; padding-top: 20px; margin-top: 10px;}
.contact li{list-style: none outside none;}

.quote {font-style:italic; color: #666666;}

.main { color: #98bf0c; text-decoration: none;}



.green { color: #98bf0c;}
.apf_question { color: #98bf0c; font-weight:bolder; padding-right: 10px;}

.img { letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block; background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */}
a img { border: none; }
.clear { clear: both; height: 1px; font-size: 1px; }

/* ---- TYPOGRAPHY ----------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0;}
h1 { font-size: 1.3em; margin-bottom: .5em; }
h2 { font-size: 1.2em; margin-bottom: .3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em;}
p { margin: 0em 0em 0em; padding-top: 6px; padding-bottom: 6px;}

ul { list-style-type: none; float: left;}
li, table {}
hr { margin: 0.1em 0; }

ul, ol { }
ul { list-style: none; margin: 0em 0em 1em 0em; padding: 0; }
ul li { margin-bottom: .2em; }

a { color: #98bf0c; text-decoration: none;}
a:hover { color: #98bf0c; text-decoration: underline;}

strong {font-weight: bold; }

/* ---- FORMs -------------------------- */

fieldset { border: none; padding: 0; }
fieldset legend { display: none; }
label { font-weight: normal; color: #666666; font-size: .85em;  }
label:hover { cursor: pointer;  }
textarea { border: 1px solid #666666; }
input [type="text"] { border: 1px solid #666666; height: 1.6em; margin: .2em 0 .2em; padding-right: 2em; }
input [type="radio"] {border: 0px solid #666666;}

fieldset strong { color: #8F8F8F; }
fieldset label { margin-bottom: 1em; font-weight: normal; color: #666666; cursor: pointer; }

body.patients form {
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	height: 100%;
}
body.patients form text { height: 10px; width: 250px; }
body.patients form textarea { height: 100px; width: 400px; }
body.patients div#description { padding-top: 1.3em; }
body.patients #pagetitle { font-size: 2.5em; }


body.practice form { width: 300px; float: left; margin-left: 0px; margin-right: 0px; }
body.practice form text { height: 10px; width: 250px; }
body.practice form textarea { height: 100px; width: 400px; }
body.practice div#description { padding-top: 1.3em; }
body.practice #pagetitle { font-size: 2.5em; }


/* ---- HOME -------------------------------- */

body.home #header { position: relative; width:750px; background: white; padding-bottom: 10px; padding-top: 10px;  }
body.home #header h1 { background: url("images/logo_120.jpg") no-repeat left; width: 750px; height: 70px; margin: 6px 0 0; }

body.home #cta { position: relative; width:740px; background: #98bf0c; border-top: 2px solid #ffffff; padding-left: 10px;  }
body.home #cta h1 { background: url("images/banner_home.gif") no-repeat left; width: 730px; width: 730px; height: 47px; margin: 0px 0 0; }

body.home #content { border: none; margin-bottom: 0em; padding-bottom: 1em; }
body.home #content ul { position: relative; width:100%;}

body.home #column1 { position: relative; padding-bottom: 10px; padding-top: 20px; width: 480px; float: left; }
body.home #column2 { position: relative; padding-bottom: 5px; padding-top: 10px; width: 230px; float: right;}
body.home #column2 li { list-style: circle outside none}

body.home .patients { position: relative; padding-bottom: 10px; padding-top: 10px; width: 230px; float: left;  }

body.home .practice { position: relative; padding-bottom: 10px; padding-top: 10px; width: 230px; float: right; }

body.home .resources { position: relative; background: #eef6e4; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; width: 230px; float: right; margin-bottom: 10px; }
body.home .promo { position: relative; background: #eef6e4; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; width: 230px; float: right; margin-bottom: 10px;}

body.home #promo1 { background: url("images/promo01.gif") no-repeat left top; padding-left: 0px; height: 80px ;margin-bottom: 0px; }
body.home #calltoaction { background: url("images/call_to_action.gif") no-repeat left top; padding-left: 0px; height: 100px; margin-bottom: 0px; }

body.home #banner { background: url("images/banner_home.jpg") no-repeat left top; padding-left: 0px; height: 190px; margin-bottom: 0px; }
body.home #banner2 { background: url("images/banner_home2.jpg") no-repeat left top; padding-left: 0px; height: 190px; margin-bottom: 0px; }

/* ---- PATIENTS -------------------------------- */

body.patients #header {position: relative; padding-bottom: 10px; padding-top: 10px;  float: left; width: 200px; height: 70px; }
body.patients #header h1 { background: url("images/logo_120.jpg") no-repeat left; width: 200px; height: 70px; }
body.patients #header h1 a { height: 70px; }

body.patients #navtop {
	position: relative;
	height: 30px;
	float:right;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}
body.patients #navtop p { width: 200px; }
body.patients #navtop a { color: #666666; text-decoration: none; }
body.patients #navtop a:hover { color: #98bf0c; text-decoration: underline; }

body.patients #navigation { position: relative; margin-top: 5px; margin-right: 0px; padding-bottom: 20px;  float: left; }

body.patients #navigation li { width: 180px; border-bottom: 1px solid #ffffff; color: #98bf0c; }
body.patients #navigation li a { display: block; color: #98bf0c; text-decoration: none; background-color: #eef6e4; padding-left: 10px;  padding-top: 2px; padding-bottom: 2px;}
body.patients #navigation li a:hover { display: block; color: #ffffff; font-weight: bold; text-decoration: none; background-color: #98bf0c; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;}
body.patients #active { display: block; color: #ffffff; font-weight: bold; background-color: #98bf0c; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;}

body.patients #content { padding-bottom: 1em; }

body.patients #supplementary { clear: both; background: white; padding: 0 0 20px; position: relative; text-align:left;}
body.patients #supplementary p{ position: relative; width: 750px; float: left;  }

body.patients #supplementary ul{
	position: relative;
	list-style-position: inside;
	list-style-type: disc;
	float: left;
	width: 750px;
	padding-bottom: 10px;
}

body.patients .column2 { position: relative; padding-bottom: 10px; padding-top: 20px; width: 530px; padding-left: 20px; margin-left: 0px; float: right;}
body.patients .column2 p{ position: relative; width: 530px; float: left;  }



body.patients .column2 ul{
	position: relative;
	list-style-position: outside;
	list-style-type: circle;
!important
	float: right;
	width: 500px;
	padding-bottom: 0px;
	list-style: outside circle none;
	margin-bottom: 30px;
}

body.patients .column2 .testimonial {background-color: #666666;}

body.patients #column3 { position: relative; width:250px; float: left;  }

body.patients #column3 p{ position: relative; padding-bottom: 10px; padding-top: 10px; width: 250px; float: left;  }

body.patients #column3 ul{
	position: relative;
	list-style-position: inside;
	list-style-type: disc;
	float: left;
	width: 250px;
	padding-bottom: 10px;
}

body.patients #column4 { position: relative; width: 250px; float: right;  }

body.patients #column4 p{ position: relative; padding-bottom: 10px; padding-top: 10px; width: 250px; float: left;  }
body.patients #column4 ul{
	position: relative;
	list-style-position: inside;
	list-style-type: disc;
	float: left;
	width: 250px;
	padding-bottom: 10px;
}

body.patients #banner1 { clear:both; background: url("images/banner01.jpg") no-repeat left top; height: 100px; }
body.patients #banner2 { clear:both; background: url("images/banner02.jpg") no-repeat left top; height: 100px; }
body.patients #banner3 { clear:both; background: url("images/banner03.jpg") no-repeat left top; height: 100px; }
body.patients #banner4 { clear:both; background: url("images/banner04.jpg") no-repeat left top; height: 100px; }
body.patients #banner5 { clear:both; background: url("images/banner05.jpg") no-repeat left top; height: 100px; }
body.patients #banner6 { clear:both; background: url("images/banner06.jpg") no-repeat left top; height: 100px; }
body.patients #banner7 { clear:both; background: url("images/banner07.jpg") no-repeat left top; height: 100px; }
body.patients #banner8 { clear:both; background: url("images/banner08.jpg") no-repeat left top; height: 100px; }
body.patients #banner9 { clear:both; background: url("images/banner09.jpg") no-repeat left top; height: 100px; }
body.patients #banner10 { clear:both; background: url("images/banner10.jpg") no-repeat left top; height: 100px; }
body.patients #banner11 { clear:both; background: url("images/banner11.jpg") no-repeat left top; height: 100px; }
body.patients #banner12 { clear:both; background: url("images/banner12.jpg") no-repeat left top; height: 100px; }

body.patients #maincontent { position: relative; padding-left: 15px; padding-top: 10px; width: 500px; float: right; }
body.patients #maincontent li { list-style: disc inside none; margin-left: 10px;}

body.patients #promo { position: relative; background: #eef6e4; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; width: 500px; float: right; margin-bottom: 10px;}

body.patients #promo li { list-style-image: url("images/bullet_green.gif"); list-style-position:inside; margin-left: 10px;}

body.patients .question a { color: #000000; font-weight: normal; text-decoration:none; padding-top:10px; line-height: 2.0em;}
body.patients .question a:hover { color:#98bf0c; text-decoration:underline; padding-top:10px;}
body.patients .question a:active { color:#98bf0c; text-decoration:underline; padding-top:10px;}

body.patients #calltoaction { background: url("images/call_to_action2.gif") no-repeat left top; margin-top: 20px; padding-left: 0px; height: 100px; }


.style20 {color: #414042; font-weight:bold;}
.style22 {color: #333333}



/* ---- CALCULATOR -------------------------------- */

body.calculator #column1 { position: relative; background: #ffffff; padding-bottom: 10px; padding-top: 10px; width: 230px; float: left; }
body.calculator #column2 { position: relative; background: #ffffff; padding-bottom: 10px; padding-top: 10px; width: 480px; float: right;  }
body.calculator #column2 h2 { background-image: url(""); width: 224px; height: 25px; margin-bottom: 10px; margin-top: 20px;}

body.calculator #banner { background: url("images/banner_patients.jpg") no-repeat left top; padding-left: 0px; min-height: 100px; height: 100px; margin-bottom: 0px; }

body.calculator #content { border: none; margin-bottom: 0em; padding-bottom: 1em; }

body.calculator #maincontent { position: relative; background: white; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; width: 480px; float: right; margin-bottom: 10px; }
body.calculator #maincontent li { list-style: disc inside none; margin-left: 10px;}


body.calculator #promo { position: relative; background: #ecf3da; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; width: 480px; float: right; margin-bottom: 10px;}
body.calculator #promo li { list-style: disc inside none; margin-left: 10px;}


body.calculator #banner p { font-size: .95em; margin: 0; }
body.calculator #banner p a { font-size: .9em; }


/* ---- Error Pages ----------------------------------- */

.error #content { padding-left: 42px; }