/*
|
| TITLE:	JPMC Master Style Sheet
| AUTHOR:	Eric Shiarla, emshiarla@gmail.com
|			Erik Smith, erik@pendergraphics.com	
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	August 24th 2006
| MODIFIED: 	---------------
|
*/


html,body{ 
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: transparent url(../../images/bg-body.gif) repeat-x top left;
}

/* e9e4d6 */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 2px;
	width: 800px;
	background-color: #fff;
}

body { behavior: url(assets/css/hacks/csshover.htc); }


/* GLOBAL ELEMENTS 
----------------------------------------------------*/
hr {
	display: none;
}

h1, h2, h3, h4, h5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #5b5c52;
}

h2.homepage {
	margin: 0;
}

.pdf {
	height: 17px;
	padding-right: 20px;
	background: url(../../images/pdficon_small.gif) no-repeat center right;
	}


/* GLOBAL CLASSES 
----------------------------------------------------*/
.hidden {
	display: none;
}

.separate {
	text-transform: uppercase;
	border-bottom: 1px solid #f3e9ce;
}

.linktext {
	color: #CCC;
}

img.physician {
	float: right;
	margin: 0 10px 10px 10px;
	padding: 8px;
	background-color: #f2efe6;
	border-top: 1px solid #d3d2bf;
	border-bottom: 1px solid #d3d2bf; 
}

p.apply {
	padding: 8px;
	color: #333;
	background-color: #f7f4ec;
	border-top: 1px solid #e5e0d1;
	border-bottom: 1px solid #e5e0d1;
}

/* HEADER
----------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	width: 800px;
	background-color: #fff;
}

	#header img {
		margin: 0;
		padding: 0;
		float: left;
		clear: left;
	}
	
		#gallery {
			position: relative;
			clear: left;
			margin: 0;
			width: 800px;
			height: 195px;
			background: #ccc;
		}
 
		#progress {
			position: absolute;
			top: 90px;
			left: 300px;
			width: 200px;
			height: 15px;
			padding: 2px;
			border: 2px solid #dfdfdf;
		}
		 
		#progress .bar {
			width: 0px;
			text-align: center;
			font-size: 10px;
			height: 15px;
			background: #2a2a2f;
			color: #fff;
			font-weight: bold;
		}

	#identity {
		float: left;
		margin: 0;
		padding: 0;
		width: 800px;
	}
	
		#identity a img {
			border: none;
		}
		
		#identity img {
			float: none;
		}
		
		#identity h1 {
			margin: 0 0 0 7px;
			float: left;
		}
		
		#identity ol {
			float: right;
			margin: 5px 10px 0 0;
			padding: 0;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			list-style-type: none;
			text-align: right;
		}
		
			#identity ol a {
				color: #000;
				font-size: 85%;
			}


/* NAVIGATION
----------------------------------------------------*/
#navigation {
	clear: left;
	margin: 0;
	padding: 0;
}

/*--[Main Navigation]------*/

#mainNav {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	font-size: 80%;
	line-height: normal;
	background: transparent url(../../images/bg-nav.jpg) repeat-x left top;
}

	#mainNav ul {
		margin: 0;
    	padding: 0;
	    list-style: none;
		z-index: 99;
    }
	
		#mainNav ul ul {
			display: none;
			z-index: 999;
		}
		
			#mainNav ul ul li.level-2 ul, 
			#mainNav ul ul ul li.level-3 ul,
			#mainNav ul ul ul ul li.level-4 ul,
			#mainNav ul ul ul ul ul li.level-5 ul {
				display: none;
			}
		
		
		#mainNav ul li:hover ul {
			display: block;
		}		
		
			#mainNav ul ul li:hover ul,
			#mainNav ul ul ul li:hover ul,
			#mainNav ul ul ul ul li:hover ul,
			#mainNav ul ul ul ul ul li:hover ul {
				display: block;
			} 
			
		#mainNav ul ul {
			position: absolute;
			top: 100%;
			left: 0;
			width: 200px;
			margin: 0;
			padding: 0 0 5px 0;
			background-color: #f2efe6;
			opacity: .95;
			border: 2px solid #fff;	
		}
		
	
			#mainNav ul ul ul{
				top: 0;
				left: 100%;
				border-left: 2px solid #fff;
			}
		

	#mainNav li {
    	float: left;
		position: relative;
	    margin: 0;
    	padding: 10px 10px 0 10px;
		height: 22px;
    	background: black url(../../images/sub-navs/1000.jpg) no-repeat right top;
		z-index: 99; /*  Important, without IE will mess up z-indexing. */		
    }
	
				#mainNav ul li ul {
					background-color: #e8ecf7;
				}

				#mainNav ul li ul li a:hover {
					background-color: #f2f4fa;
				}															
				
	
		#mainNav li ul li {
			clear: left;
			background: none;
		}
		
			#mainNav li li.parent {
				background: transparent url(../../images/icon-arrows-sm.gif) no-repeat 98% 50%;
			}
	
		/*
		#mainNav li.cParent {
			background: transparent url(../../images/navigation/main-left-door-active.gif) no-repeat left top;	
		}
		*/
	

	#mainNav a {
		display: block;
		color: #252622;
		text-decoration: none;
   		padding: 0;		
	}
	
		#mainNav li li a {
			margin: 3px 0;
			padding: 3px;
			width: 175px;
			color: #333333;
			font-weight: bold;
			background: none;
			border-bottom: 1px solid #fff;
		}
		

			#mainNav li li a:hover, #mainNav li.cParent li a:hover {
				color: #333;
				background-color: #fff;
				border-bottom: 1px solid #fff;
			}
			
	
		#mainNav li.cParent a {
			background: transparent url(../../images/navigation/main-right-door-active.gif) no-repeat right top;	
		}
		
		#mainNav li.cParent li a{
			background: none;
		}		
	

	 div#mainNav ul li.wide-nav ul  {
			height: 400px;
			width: 520px;
			position: absolute;
			left: -460px;
			}

   div#mainNav ul li.wide-nav li  {
	   width: 230px;
	   float: left;
   	   clear: none;
   }


   div#mainNav ul li.wide-nav li a {
	width: 230px;			
   }

	
	
/* Content
----------------------------------------------------*/	
#content {
	clear: both;
	float: right;
	margin:0;
	padding: 0;
	width: 615px;
	background: #fff url(../../images/bg-content.jpg) repeat-x top right;
}

	.home #content {
		width: 550px;	
	}

#content a {
	font-size:95%;
	color: #215899;
	text-decoration: none;
}

#contentFull {
	clear: both;
	float: right;
	margin:0;
	padding: 1;
	width: 800px;
	background: #fff url(../../images/bg-content.jpg) repeat-x top right;
}
	#contentFull .inner{
		padding:15px;
	}
	#contentFull a {
	font-size:95%;
	color: #215899;
	text-decoration: none;
	}
	 #contentFull hr{
		width: 95%;
		height: 1px;
	}
#mainBody {
	float:left;
	margin:20px 0 0 0;
	width:270px;
	font-size:85%;
	font-weight:normal;
	padding:0 10px 0 10px;
	border-right:1px solid #d9d9d9;
}

	.home #mainBody {
		width: 340px;
		background-color: #f5f1f1;
		border: 1px solid #dad7d5;
	}

	#mainBodyFull {
		float:left;
		margin:20px 0 0 0;
		width:580px;
		font-size:85%;
		font-weight:normal;
		padding:0 10px 0 10px;
	}


	#mainBody h2, #mainBodyFull h2 {
		margin-bottom: 0;
		font-size: 155%;
	}
	
	#mainBody h3.description,  #mainBodyFull h3.description {
		margin: 0;
		font-size: 100%;
		font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	#mainBody h4, #mainBodyFull h4 {
		margin: 25px 0 0 0;
		padding: 0;
		color: #000;
		font-size: 100%;
	}
	
	#mainBody h5, #mainBodyFull h5 {
		margin: 25px 0 0 0;
		font-size: 100%;
		color: #000;
	}

	#mainBody p, #mainBody ul, #mainBody ol, #mainBodyFull p, #mainBodyFull ul, #mainBodyFull ol {
		line-height: 18px;
		font-size: 100%;
	}
	
		#mainBody p.homepage {
			line-height: normal;
		}
	
	#mainBody ul ul, #mainBodyFull ul ul {
		padding-left: 5px;
	}
	
	
	#mainBody li, #mainBodyFull li {
		padding-left: 25px;
		list-style-type: none;
		background: transparent url(../../images/bg-li.gif) no-repeat 0 3px;
	}
	
		#mainBody form li, #mainBodyFull form li {
			padding-left: 0;
			background: none;
		}
		


	#mainBody hr, #mainBodyFull hr  {
		display: block;
		width: 100%;
		height: 1px;
		color: #f3e9ce;
		background-color: #f3e9ce;
		border: none;
	}
	
	#mainBody #breadcrumbs, #mainBodyFull #breadcrumbs {
		margin: 5px 0;
		padding: 8px;
		color: #5b5c52;
		font-size: 90%;
		border-top: 1px solid #EEE5E6;
		border-bottom: 1px solid #EEE5E6;		
	}
	
	#mainBody th, #mainBodyFull th {
		text-align: right;
		vertical-align: top;
	}
	

#mainBody ul.homeNews {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
}	

	#mainBody ul.homeNews li {
		padding: 7px 10px;
		background: #fdfcfc url(../../images/bg_home-news.jpg) repeat-x top left;
	}
	
	#mainBody ul.homeNews li:hover {
		background-image: none;
		background-color: #C6D9F1;
	}
	
.home #mainBody h2 {
	margin: 3px 0;
	padding: 0;
	font-size: 140%;
	font-weight: bold;
}	

.home #mainBody h3.homeNews {
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}	

.home #mainBody h3.more {
	text-transform: lowercase;
}

.home p.homeNews {
	margin: 0;
}

#homeEvents {
	float: left;
	margin: -93px 0 0 8px;
	width: 600px;
	z-index: 99;
}

#homeEvents h2 {
	float: left;
	width: 248px;
	height: 50px;
	background: transparent url(../../images/hd_jpevents.gif) no-repeat top left;
}

	#homeEvents h2 span {
		display: none;
	}
	
#homeEvents ul {
	float: left;
	width: 300px;
	color: #444;
	list-style: url(../../images/icon-arrows-sm-grey.gif);
	font-size: 80%;
	padding-left: 22px;
	margin-top: 25px;
}

#homeEvents a {
	color: #444;
	text-decoration: none;
}

#homeEvents a:hover {
	color: #215899;
}
	
/*--|| Publications || ---------*/

#brochures{
	width:550px;
	display:block;
	float:left;
	display:inline;
	overflow: hidden;
	position: relative;
}

	#brochures img{
		border:none;
	}

div.brochure{
	width:130px;
	height:310px;
	float:left;
	text-align:center;
	display:inline;
	font-size:11px;
}

div.brochure p.brochureCaption {
		margin:0px 9px;
		padding:0px;
	}

#publications{
	width:580px;
	display:block;	
	float:left;
	display:inline;
}
	#publications{
		margin-top: 20px;
	}

	#publications img{
		border:none;
		width:128px;
	}
	
div.publication{
	width:130px;
	height:218px;
	float:left;
	text-align:center;
	display:inline;
	font-size:11px;
}

	p.publicationCaption{
		margin:0px;
		padding:0px;
	}

	/* Archives, added 8-18-10 by Johnathan Warlick */
	#publ_archived {
		background: #f1f1f1;
		clear: both;
		width: 562px;		
		border: 1px solid #ccc;
		-moz-box-shadow: 0px 0px 10px #ccc;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0px 0px 10px #ccc;
		-webkit-border-radius: 5px;
		overflow: hidden;
		position: relative;
		}

	#publ_archived h2 {
		text-align: center;
		margin: 10px 0;
		}

	.show_all, .hide_all {
		display: none;		
		left:0px;
		bottom: 0px;
		padding:5px 0;
		position:absolute;
		text-align:center;
		cursor: pointer;
		width:100%;
		background: #ccc;
		
		}
	
		

	#publ_archived .show_all, .hide_all {
		
		}

	#brochures .show_all, #brochures .hide_all {
		width: 506px;
		}

/*		
	#brochures .show_all {
		background: white url(../../images/down.png) no-repeat 41% 53%;
		}	

	#brochures .hide_all {
		background: white url(../../images/up.png) no-repeat 41% 53%;
		}	
*/
	#publ_archived .publication {
		margin: 5px;
		height: 218px;
		}



/*--|| Archives || -------------*/
#archives-search {
  	margin: 0;
  	padding: 0;
}

#archives-search.physicians {
	float: right;
	padding: 0 5px;
	margin: 0 15px 0 0;
	width: 250px;
	text-align: right;
	border-left: 1px solid #e5e0d1;	
	height: 400px;
	padding-left: 15px;
}

	#archives-search.physicians h4{
	  	margin: 0;
		padding: 0;
		font-size: 100%;
		color: #5b5c52;
		text-transform: capitalize;
		background-color: #fff;
	}	

	#archives-search form{
		margin: 0 5px;
		padding: 7px 0 20px 0;
	}	

	#archives-search.physicians input, #archives-search.physicians select {
		margin-bottom: 5px;
		font-size: 100%;
		text-align: right;
		width: 240px;
	}
	
		#archives-search.physicians input.submit {
			width: auto;
			text-align: center;
		}
	
	
	 
#archives-frame {
	margin: 0 5px;
	padding: 0;
	background: url(../../images/bg-archives.jpg) no-repeat;
}	

#archives-monthly {
  	float: left;
  	margin: 0;
  	padding: 0;
  	width: 150px;
}

	#archives-monthly h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		color: #5b5c52;
		font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		font-size: 100%;
		text-transform: uppercase;
		text-align: right;
	}
	
	#archives-monthly a {
		display: block;
		margin: 10px 0 0 0;
		padding: 10px;
		font-size: 90%;
		color: #3c3c3c;
		text-align: right;
		font-weight: bold;
		text-decoration: none;
		background-color: #f2efe6;
		border-right: 10px solid #f2efe6;
	}
	
		#archives-monthly a.current {
			color: 4e3d5c;
			background-color: #e7e1ec;
			border-right: 10px solid #e7e1ec;
		}
	
	#archives-monthly a:hover {
		border: none;
		border-right: 10px solid #9271aa;		
	}

	
#archives {
	margin: 0 0 0 180px;
	padding: 0;
}
	
	#archives a {
		color: #5b5c52;
		font-weight: bold;
		text-decoration: none;
	}

	#archives h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		color: #5b5c52;
		font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		font-size: 100%;
		text-transform: uppercase;
	}
	
	#archives h4{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 100%;
		color: #3A5183;
		text-transform: capitalize;
		background-color: #f2efe6;
	}	
	
	#archives h4 a {
		
	}
	
		#archives h4 a:hover {
			background-color: #E8ECF5;
			border: none; 
		}
	
	#archives div.frame {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #fbfbfb;
		border: 1px solid #f2efe6;
		border-bottom: 1px solid #f2efe6; 
		border-right: 1px solid #f2efe6; 
	}
	
	#archives p {
		margin: 10px;
	}


/*--|| Search || -------------*/
#search div.resultsbox {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #F9F9F9;
		border: 1px solid #CED8ED;
		border-bottom: 1px solid #AAB8D6; 
		border-right: 1px solid #AAB8D6;
}

	#search div.resultsbox h3{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 100%;
		color: #3A5183;
		text-transform: capitalize;
		background: #CED8ED url(../../images/bg-event-box.jpg) repeat-x top left;
	}	
	
	#search div.resultsbox h3 a {
		
	}
	
		#search div.resultsbox h3 a:hover {
			background-color: #E8ECF5;
			border: none; 
		}
		
	#search div.resultsbox p {
		margin: 10px;
	}	
	

#mainCallouts {
	float:left;
	margin:0;
	padding:0;
	width: 175px;
	font-size:11px;
}

#nursery, #directory, #team, #region {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin: 0 0 0 5px;
	width: 175px;
	height: 140px;
}

#nursery h3, #team h3, #directory h3, #nursery span, #team span, #directory span, #saddleup, #regions h3 {
	display: none;
}

#nursery img, #directory img, #team img, #saddleup, #regions img {
	border: none;
}

#nursery {
	left: 1px;
}

#team {
	left: -3px;
}

#directory {
	left: 4px;
}
#saddleup{
	margin-left: 13px;
}

#nursery {
	margin-top: 15px;
}
#regions{
	margin: 0 0 0 7px;
}


#survey {
	position:relative;
	margin:0;
	padding:20px 0 20px 10px;
}


/* ------ [ Nursery ] ------ */
#nursery h3 {
	position:absolute;
	left:90px;
	top:30px;
	padding:3px;
	margin:0;
}

#nursery p {
	position:absolute;
	left:90px;
	top:60px;
	padding:0;
	margin:0;
}



/* ------ [ Team ] ------ */
#team img {		
	margin-bottom:-20px;
	float: right;
}


#team h3 {
	position:absolute;
	left:10px;
	top:30px;
	padding:3px;
	margin-left: 5px;
}

#team p {
	position:absolute;
	left:10px;
	top:60px;
	width:110px;
	padding:0;
	margin-left: 5px;
}



/* ------ [ Directory ] ------ */
#directory h3 {
	position:absolute;
	top:20px;
	left:120px;
	padding:3px;
	margin:0;
}

#directory p {
	position:absolute;
	left:120px;
	top:50px;
	padding:0;
	margin:0;
}


img.cornerimg {
	margin-right: 10px;
	margin-left:140px;
}

/* ------ [ Directory ] ------ */
#directory h3 {
	position:absolute;
	top:20px;
	left:120px;
	padding:3px;
	margin:0;
}

#directory p {
	position:absolute;
	left:120px;
	top:50px;
	padding:0;
	margin:0;
}


img.cornerimg {
	margin-right: 10px;
	margin-left:140px;
}







/* Subcontent
----------------------------------------------------*/	
#subcontent {
	clear: left;
	margin:0;
	padding: 10px;
	width: 164px;
	color: #5b5c52;
	background: #f8f5f5 url(../../images/bg-subcontent.jpg) repeat-x top left;
	border-right: 1px solid #c5c0bd;
	border-top: 4px solid #DFDFD3;
	border-bottom: 1px solid #c5c0bd;
}

	.home #subcontent {
		margin: 0;
		padding: 0;
		width: 250px;
		background: #fff url(../../images/bg-content.jpg) repeat-x 0 -4px;
		border-right: none;
		border-bottom: none;
	}

	#subcontent h2 {
		margin: 10px 0 0 0;
		padding: 0 0 2px 0;
		font-size: 90%;
		color: #1c5595;
		border-bottom: 1px solid #d5d5d5;
	}
	
	#subcontent ul {
		margin: 0 10px 0 0;
		padding: 0;
		font-size: 85%;
	}
	
		#subcontent ul ul {
			display: none;
		}
	
		#subcontent li {
			margin: 5px 0;
			padding: 2px 0;
			list-style-type: none;
			border-bottom: 1px solid #d5d5d5;			
		}

	#subcontent a {
		color: #5b5c52;
		text-decoration: none;
	}
	
		#subcontent .cCategory, #subcontent .cPage {
			font-weight: bold;
		}
	

	
	#subcontent p {
		font-size: 85%;
	}
	



/* Caption generated from JS
----------------------------------------------------*/	
div.caption {
	color: #555;
	font: normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 2px 0 0 5px;
	text-align: center;
}


	
	
/* Footer
----------------------------------------------------*/	
#footer {
	clear: both;
	margin: 0;
	padding: 6px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #444;
}

#footer dl {
	margin: 10px 50px;
}

#footer dt {
	float: left;
}

#footer dd {
	padding: 0 !important;
	margin: 0 3px !important;
	float: left;
}

	#footer a {
		font-weight: bold;
		color: #444;
	}
	
#footer img {
	margin: 20px 0;
	border: none;
}	
	

	#jplogo img{
		display:none;
	}
	
	#jplogo span{
		display:none;
	}
	
.clear{
	clear: both;
	}
	
	
	#videoCont{
		width:235px;
		height: 325px;
		margin-left:8px;
		margin-right:5px;
		margin-top:16px;
		background-color: #f5f1f1;
		border: 1px solid #dad7d5;
		z-index: 1;
	}
	
	
		#innerVideoCont{
			padding:4px;
		}
		
		#innerVideoCont p{ 
			margin: 85px 8px 0 8px;
			text-align: center;
		}
		
		#innerVideoCont a {
			font-weight: bold;
		}