@charset "utf-8";

/* 
    AUTHOR: Zechariah Tanner
            ztanner@newvisualsolutions.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; background-color: #cee4a3; }
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(images/transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#container {
	position: relative;
	width: 725px;
	height: 580px;
	margin: 0 auto;
	background-color: #fff;
}
#header {
	width: 725px;
	height: 110px;
	text-indent: -8000px;
	background: url(images/header_inside.png);
}
#home #header {
	height: 135px;
	background: url(images/header.png);
}
#nav1 {
	position: relative;
	width: 725px;
	height: 30px;
	background: url(images/bluebox.png) center left no-repeat #e4eecc;
	z-index: 100;
}
#nav1 ul {
	position: relative;
	left: 131px;
}
#nav1 li {
	position: relative;
	float: left;
	width: 118px;
	height: 30px;
	text-indent: -8000px;
	margin-right: 35px;
}
#nav1 li#navHome {
	margin-right: 10px;
}
#nav1 a {
	display: block;
	width: 118px;
	height: 30px;
}
#navHome {
	background: url(images/nav_home.png);
}
#navHome:hover, #navHome.current {
	background-position: -119px;
}
#navOurmission {
	background: url(images/nav_ourmission.png);
}
#navOurmission:hover, #navOurmission.current {
	background-position: -119px;
}
#navOurphysicians {
	background: url(images/nav_ourphysicians.png);
}
#navOurphysicians:hover, #navOurphysicians.current {
	background-position: -118px;
}
#navOurservices {
	background: url(images/nav_ourservices.png);
}
#navOurservices:hover, #navOurservices.current {
	background-position: -118px;
}
#nav1 ul ul {
	position: absolute;
	top: 30px;
	left: -56px;
	display: none;
	z-index: 100;
}
#nav1 ul ul li {
	float: none;
	text-indent: 0;
	height: auto;
	margin: 0;
}
#nav1 ul ul a {
	width: 185px;
	height: auto;
	padding: 5px 10px 5px 0;
	color: #000;
	background: #e4eecc;
	border: 1px solid #666;
	border-top: none;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	letter-spacing: 1px;
}
#nav1 ul ul a:hover {
	background: #b2dbeb;/*#8bbed2*/
}
#nav1 ul ul a.top {
	border-top: 1px solid #666;
}
#nav1 ul li:hover ul {
	display: block;
}
#nav2 {
	position: absolute;
	top: 140px;
	left: 0;
	width: 130px;
	height: 415px;
	border-right: 2px solid #f2f6e5;
	z-index: 100;
}
#home #nav2 {
	top: 165px;
}
#nav2 ul {
	position: relative;
	top: 22px;
	left: 0;
}
#nav2 li {
	position: relative;	
	margin-bottom: 15px;
}
#nav2 a {
	display: block;
	width: 110px;
	padding: 10px;
	color: #959595;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
#nav2 li:hover {
	background-color: #e4eecc;
}
#nav2 a:hover, #nav2 li .current {
	background-color: #e4eecc;
	color: #718512;
}
#nav2 ul ul a:hover {
	color: #000;
}
#nav2 ul ul {
	position: absolute;
	top: 0;
	left: 130px;
	display: none;
	z-index: 100;
}
#nav2 ul ul li {
	float: none;
	text-indent: 0;
	height: auto;
	margin: 0;
}
#nav2 ul ul li:hover a {
	background-color: #e4eecc;
}
#nav2 ul ul li:hover ul a {
	background-color: #b2dbeb;
}
#nav2 ul ul li:hover ul a:hover {
	background-color: #e4eecc;
}
#nav2 ul ul a {
	width: 190px;
	height: auto;
	padding: 5px 10px 5px 0;
	color: #000;
	background: #b2dbeb;
	border: 1px solid #666;
	border-top: none;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	letter-spacing: 1px;
}
#nav2 ul ul a.top {
	border-top: 1px solid #666;
}
div#nav2 ul ul ul {
	left: 201px;
}
div#nav2 li:hover ul ul {
	display: none;
}
#nav2 ul li:hover ul, div#nav2 li li:hover ul {
	display: block;
}
#content {
	position: absolute;
	top: 140px;
	left: 131px;
	width: 493px;
	height: 371px;
	padding: 20px 50px 15px 51px;
	column-count: 2;
	column-gap: 20px;
	color: #345984;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	overflow-y: scroll;
	overflow-x: hidden;
	line-height: 1.5em;
	/*border-bottom: 2px solid #f2f6e5;*/
	z-index: 50;
}
#content h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	color: #0086bc;
	text-transform: uppercase;
}
#content h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 25px 0 15px 0;
	color: #0086bc;
}
#content ul {
	list-style: circle outside;
	margin-bottom: 2em;
}
#content li {
	margin: 0 0 0 20px;
	line-height: 1.5em;
}
#content a {
	color: #0086BC;
}
#content a:hover {
	text-decoration: none;
}
#home #content {
	top: 165px;
	width: 314px;
	height: 336px;
	padding: 30px 35px 15px 245px;
	border: none;
}
#home #content ul {
	margin-bottom: 0.3em;
}
#pic {
	/*position: absolute;
	top: 337px;
	left: 131px;*/
	float: left;
	margin: 0 25px 10px -51px;
	width: 286px;
	height: 204px;
	background: url(images/pic_forpatients.jpg) no-repeat;
}
#home #pic {
	position: absolute;
	float: none;
	margin: 0;
	top: 165px;
	left: 131px;
	width: 340px;
	height: 425px;
	background: url(images/pic_home.jpg) no-repeat;
	/*z-index: 45;*/
}
/*#mission #pic {
	background: url(images/pic_mission.jpg) no-repeat;
}
#gallbladder #pic, #hernia #pic, #melanoma #pic, #hemorrhoid #pic {
	background: url(images/pic_didyouknow.jpg) no-repeat;
}
#breastcare #pic, #gastrointestinal #pic, #skinlesion #pic, #herniarepair #pic {
	background: url(images/pic_services.jpg) no-repeat;
}
#whattobring #pic, #questionstoask #pic, #whattoexpect #pic, #ourbillingpolicies #pic, #waitingtime #pic, #letusknow #pic, #ourcommitment #pic {
	background: url(images/pic_forpatients.jpg) no-repeat;
}*/
#list {
	position: relative;
	top: 20px;
	left: 30px;
	padding-bottom: 20px;
	width: 295px;
	color: #444;
}
#list h3 {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	color: #0086bc;
}
#list ul {
	list-style: square outside;
	font-size: 9px;
	font-weight: normal;
}
#list li {
	margin: 8px 10px 0 15px;
}
#footer {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 593px;
	height: 34px;
	background: #66b6d7;
}
/* END STRUCTURE */