/* *************************************************

Acutecare.com Cascading Style Sheet
infoAlchemists - david.taylor.moore@gmail.com

1.0 Site Layout
2.0 Generic Styles
3.0 Navigation
3.5 Page Navigation
4.0 Breadcrumbs
5.0 Grid
6.0 Accordion
7.0 BlockQuote
8.0 Image Slideshow
****************************************************/


/* *******************
1.0 Site Layout 
*********************/
body {background: url("/images/pageBG.jpg") repeat-x left top; font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
.background {background: url("/images/pageBG2.jpg") no-repeat center top; }	
.wrapper {background: #fff url("/images/pageBG2.jpg") no-repeat center top; width: 800px; margin: 0 auto; padding: 0;}	
.header {height: 175px;	width: 800px; position: relative;}	
.logo {position: absolute; top: 0; left: 0; margin: 0; padding: 0;}		
.nav {position: absolute; bottom: 65px; right: 0; width: 385px; height: 45px;}	
.contentWrap {width: 800px; color: #666; padding: 0; margin: 0;}	
.content {float: left; margin: 10px; padding: 0;}
.footerWrap { clear: both; background: #cacaca url("/images/footer.gif") repeat-x left top;	padding: 10px; margin: 0 0 0 0;	display: block;	}		
.footer { width: 760px; margin: 0 auto; text-align:center;  }		

	
/* *******************
2.0 Generic Styles
*********************/

.clearme { clear: both; }
img { border: 0; }
a:link, a:visited { color: #004c82; text-decoration: underline; }
a:hover { text-decoration: none; }
.content h1 { font: bold 16px Arial, Helvetica, sans-serif; color: #e12e29; border-bottom: 1px solid #999; display: block; margin: 0 0 15px 0; padding: 0; }	
.content h2 { font: normal 14px Arial, Helvetica, sans-serif; color: #004677;  display: block; margin: 0 0 5px 0; padding: 0; font-weight:bold; }	
.content h3 { font: normal 12px Arial, Helvetica, sans-serif; color: #004677;  display: block; margin:0; padding: 0; font-weight:bold; }	
.error { color: red; font-weight: bold;}
ul.spacedlist li {margin-top:3px;}
ol.spacedlist li {margin-top:3px;}
.pics { height:  200px; width:740px; padding:0; margin:0;  } 
.pics img {  padding: 0px; border:  1px solid #ccc; background-color: #eee;  width:  740px;  height: 200px; top:  0; left: 0 }
.error{	color: red;	font-weight: bold; } 
img.staffbio{border:5px solid #000;}

/* *******************
3.0 Navigation
*********************/

.navWrap { width: 374px;  position: absolute; right: 0; bottom: 65px; }
#nav {position: relative; width: 374px; height: 44px; margin: 0; background: url("/images/nav.jpg") no-repeat;}
#nav li {display: inline; float: left;}
#nav a:link, #nav a:visited { position: absolute; display: block; height: 44px; text-indent: -9999em; text-decoration: none; outline: none;}
	
/* ----- Nav Defaults ------ */
#profile a:link, #profile a:visited {width: 65px; left: 0px;}
#physicians a:link, #physicians a:visited {width: 156px; left: 95px;}
#hospitals a:link, #hospitals a:visited {width: 97px; left: 277px;}
		
/* ----- Nav Hover ------ */
#profile a:hover {background: url(/images/nav.jpg) no-repeat -0px -44px;}
#physicians a:hover {background: url(/images/nav.jpg) no-repeat -95px -44px ;}
#hospitals a:hover {background: url(/images/nav.jpg) no-repeat -277px -44px ;}
	
/* ----- Nav Selected ------ */
#profile a.selected:link, #profile a.selected:visited {	background: url(/images/nav.jpg) no-repeat -119px -44px;}
#physicians a.selected:link, #physicians a.selected:visited {background: url(/images/nav.jpg) no-repeat -95px -44px ;}
#hospitals a.selected:link, #hospitals a.selected:visited {background: url(/images/nav.jpg) no-repeat -277px -44px ;}


/* *******************
3.5 Navigation
*********************/
	
#menuDiv {width: 200px;}		
ul#menu {list-style-type:none; margin: 0; padding: 0; width: 200px;}
ul#menu ul { list-style-type:none; margin-left: 15px; padding: 0; width: 185px;}
ul#menu a { display: block; text-decoration: none; }
ul#menu li { margin-top: 1px;}
ul#menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit;height: 24px;	text-decoration: none;}
ul#menu li a:link, ul#menu li a:visited {color: #4D4D4D; display: block; background:  url(/images/menu10.gif); padding: 8px 0 0 10px;}
ul#menu li a:hover {color: #990000;	background:url(/images/menu10.gif) 0 -32px;	padding: 8px 0 0 10px;}
ul#menu li ul li a:link, ul#menu li ul li a:visited { background: #ccc; color: #000; padding-left: 20px;}
ul#menu li ul li a:hover {background: #aaa; border-left: 5px #000 solid; padding-left: 15px;}
	

/* *******************
4.0 Breadcrumbs
*********************/
#breadcrumb { font:13px Arial, Helvetica, sans-serif; color: #e12e29; border-bottom: 1px solid #999; display: block; margin: 0 0 13px 0; padding-bottom: 5px; }	
#breadcrumb a{text-decoration:none; color:#e12e29;}
#breadcrumb a:hover{ color:#004677;}
	
	
/* *******************
5.0 Grid
*********************/
	
.grid{margin:auto;}
.grid div ul{ list-style-type:none;}	
.gridHeader{background: #cacaca url("/images/gridHeadBG.gif") repeat-x left top; width:100%; height:20px; color:#FFFFFF; padding-top:5px; font-weight:bold;}
.gridHeader a{color:#FFF; text-decoration:none;}
.gridHeader a:hover{text-decoration:underline;}
.gridHeaderRed{background: #cacaca url("/images/gridHeadBGRed.gif") repeat-x left top; width:100%; height:20px; color:#FFFFFF; padding-top:5px; font-weight:bold;}
.gridHeaderRed a{color:#FFF; text-decoration:none;}
.gridHeaderRed a:hover{text-decoration:underline;}
.grid div ul{list-style-type: none; text-align: left; margin-left:0px; padding-left:0px;}
.grid div ul li{margin-left:0px;}
.grid div ul li a{background: transparent url(/images/list-off.gif) left center no-repeat; padding-left: 15px; text-align: left; text-decoration: none; color: #004B7F;}
.grid div ul li a:hover{background: transparent url(/images/list-on.gif) left center no-repeat;color: black;}
.grid div ul li a#current{background: transparent url(/images/list-active.gif) left center no-repeat;color: #666;}


/* *******************
6.0 Accordion
*********************/

.basic  {font-family: verdana; border: 1px solid black; margin:0px; padding:0px;}
.basic div {background-color: #eee;	padding:5px;}
.basic p { border: none; text-decoration: none; font-size: 10px; margin: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.basic a.head {	height:20px; cursor:pointer; display:block;	padding:5px; margin-top: 0;	text-decoration: none; font-weight: bold; font-size: 12px; color: #005693; background-color: #00a0c6; border-bottom: 1px solid #999; 	background-image: url(/images/glossyback.gif);}
.basic a.head:hover {color:#fff; background-color: white; background-image: url(/images/gridHeadBG.gif);}
.basic a.head.selected { color: #FFFFFF; background-color: #004677;	background-image: url("AccordionTab2.gif");}

/* *******************
7.0 BlockQuote
*********************/

blockquote {margin:22px 40px; padding:3px; color:#575757; padding: 0 50px; background: transparent url(/images/blockquote.gif) no-repeat 0 0;}
blockquote:before, blockquote:after { color: #69c; display: block; font-size: 600%; width: 50px;}
blockquote:before { content: open-quote; height: 0; padding-top:0px; margin-left: -0.55em;}
blockquote:after {content: close-quote; height: 30px; margin-top: -20px; margin-left: 360px;}


/* *******************
8.0 Image Slideshow
*********************/
#slider { width: 740px;  margin: 0 auto; position: relative; border: 1px solid black;}
.scroll { width:740px; height: 200px; overflow:auto; overflow-x:hidden; position: relative; clear: left;}
.scrollContainer div.panel { padding: 0px; height: 200px; width: 740px;}
.scrollContainer div.panel h2{display:none;}
.scrollButtons { position: absolute; top: 80px; cursor: pointer;}
.scrollButtons.left { left: -20px;}
.scrollButtons.right { right: -20px;}