@charset "utf-8";
body {
	background-image: url(images/bkgrd.jpg);
	background-repeat: repeat-x;
	background-color: #497347;
	margin:8px 0 0 0;
	padding:0;
}
.text-center {
	text-align:center;
}
a:link {color:#497347}
a:active {color:#497347}
a:visited {color:#497347}
a:hover {color:#3C00BB}
#wrap {width:970px;margin:0 auto;}
.body-wrap {background:url(images/body-bkgrd.png) repeat-y;padding:0 10px 6px 10px;position:relative;}
.top-wrap {float:right;margin-right:17px;}
.top {background:url(images/jordan-health-clinic.png) no-repeat;width:970px;height:76px;}
.facebook {float:right;margin-right:105px;margin-top:40px;}
.google {float:right;margin-right:5px;margin-top:40px;}
.yelp {float:right;margin-right:30px;margin-top:40px;}
.top-left {float:left;margin-right:14px;}
.top-nav {position:relative;margin-left:17px;width:711px;}
.top-nav ul {list-style:none;padding:0;margin:0;}
.top-nav li {padding:0;margin:0;float:left;height:31px;}
.top-nav2 {margin-left:16px;width:919px;}
.top-nav2 ul {list-style:none;padding:0;margin:0;}
.top-nav2 li {padding:0;margin:0;float:left;height:57px;}
.left-nav {margin-left:19px;}
.left-nav ul {list-style:none;padding:0;margin:0;}
.body-main {float:right;margin-right:27px;width:715px;}
.footer {}
.bottomtxt {font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center;}
.copyright {font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;}
.bodytext {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:21px;}
.bodytext2 {font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.bodytext3 {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
h1 {font-family:Arial, Helvetica, sans-serif;font-size:21px;font-weight:bold;text-align:center;color:#497347; text-transform:uppercase;text-shadow:1px 1px 1px #bbbbbb;}
h4 {font-family:Arial, Helvetica, sans-serif;font-size:21px;font-weight:bold;text-align:center;color:#497347; text-transform:uppercase;text-shadow:1px 1px 1px #bbbbbb;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-align:left;padding:0;margin:0;}
.h2 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-align:left;padding:0;margin:0;}
h3 {font-family:Arial, Helvetica, sans-serif;font-size:17px;font-weight:bold;text-align:center;padding:0;margin:0;color:#3C00BB}
.header {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;text-align:center;color:#497347;padding-bottom:0;margin-bottom:0;}
table.table-border td, table.table-border th{border-left:1px solid #333333;border-top:1px solid #333333}
table.table-border { border: 1px solid #333333; border-collapse: collapse; }
/********left-navigation*************/

#navigation {width:172px;position:relative; z-index:1;padding:0; float:left;font-family:Arial, Helvetica, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:172px; w\idth:171px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {width:172px;position:relative;}
/* style the links for the top level */
#navigation a, #navigation a:visited {display:block; height:55px; background:url(images/navigation-new.gif) top left no-repeat; text-indent:-9000px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:172px; w\idth:172px;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#2d3d47}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#fff; color:#202c32;}
#navigation ul ul :hover > a.drop {background:#fff; color:#202c32;}
/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#navigation ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden;position:absolute;top:0px;left:172px;  padding:4px; background:#3c00bb; height:212px; width:172px; border-left:1px solid #999;}
/* another hack for IE5.5 */
* html #navigation ul ul {top:0px;t\op:-1px;}


/* style the table so that it takes no part in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#3c00bb; color:#fff; height:auto; line-height:14px; text-indent:0px; display:block; padding:8px; text-decoration:none; font-size:13px;}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:172px;w\idth:172px;}

/* style the top level hover */
#navigation :hover > a, #navigation ul ul :hover > a {background:url(images/navigation-new.gif) top left no-repeat;}

/* top level image background placements */
#navigation a.link1:hover {background-position:-172px 0px;}
#navigation a.link2 {background-position:0px -55px;}
/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#navigation a.link2:hover {background-position:-172px -55px;}
#navigation :hover > a.link2, #navigation ul ul :hover > a.link2  {background-position:-172px -55px;}
#navigation a.link3 {background-position:0px -110px;height:36px;}
#navigation a.link3:hover{background-position:-172px -110px;height:36px;}
#navigation :hover > a.link3, #navigation ul ul :hover > a.link3  {background-position:-172px -110px;}
#navigation a.link4 {background-position:0px -146px;height:35px;}
#navigation a.link4:hover {background-position:-172px -146px;height:35px;}
#navigation :hover > a.link4, #navigation ul ul :hover > a.link4  {background-position:-172px -146px;}
#navigation a.link5 {background-color:#3c00bb;color:#FFFFFF;background-image:none;text-indent:0;text-decoration:none;padding:8px 0 0 17px;font-size:13px;font-weight:bold;}
#navigation a.link5:hover {background-color:#3c00bb;color:#ffffff;background-image:none;}
#navigation a.link6 {background-position:0px -235px;}
#navigation a.link6:hover {background-position:-172px -235px;}
#navigation a.link7 {background-position:0px -282px;}
#navigation a.link7:hover {background-position:-172px -282px;}
#navigation a.link8 {background-position:0px -329px;}
#navigation a.link8:hover {background-position:-172px -329px;}
#navigation a.link9 {background-position:0px -375px; height:65px;}
#navigation a.link9:hover {background-position:-172px -375px;}
#navigation a.email {text-indent:0;background:none;}

#navigation ul ul a:hover {background:#fff; color:#202c32;}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}
.slideshow {margin-top:31px;}