/*###################### NEW STYLES ############################################*/

a img {
	border: 0;
}

img.float {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #ccc;
	padding: 1px;
}
	
img.float_right {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #ccc;
	padding: 1px;
}

.home #pano {
	border: 0 !important;
	height: 241px;
	background:#000;
	}

.home #pano-sub {
	height: 245px;
	background:transparent url(../i/pano_home1.jpg) no-repeat scroll 0 0;
}	


a { font-weight: normal !important; }

.hide {
	display: none;
	visibility: hidden;
	}
	
p { /*add some nice margin to the p tags in the entire site*/
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 11px;
	line-height: 16px;
	}
	
body.home p { /*take away the margin on the home page p's */
	margin: 0;
	padding: 0;
}


#header h2
{
	position: absolute;
	top: 32px;
	right: 0;
	width: 431px;
	height: 22px;
	background: url(../i/home/h2_title.gif) no-repeat 0 0;
}

#header h2 {background: url(../i/home/h2_title.gif) no-repeat 0 0;}


.box-dashed {
	border:#026860 1px dashed;
	background: #fcfcdd;
	padding: 0 15px 10px 15px;
}

/* ####################################################### PATIENTS SITE NAV ####################################################### */
 #nav-main li,  #nav-main li a:hover { background: url(../i/home/nav_main.gif) no-repeat 0 0; }
/* ##### */
 li#nav-main1,  li#nav-main1 a { 
	width: 88px; 
}

 .section1 li#nav-main1,  li#nav-main1 a:hover { background-position: 0 -29px; }
/* ##### */
 li#nav-main2,  li#nav-main2 a {
	width: 155px;
	background-position: -88px 0;
}

 .section2 li#nav-main2,  li#nav-main2 a:hover { background-position: -88px -29px; }
/* ##### */
 li#nav-main3,  li#nav-main3 a {
	width: 175px;
	background-position: -245px 0;
}

 .section3 li#nav-main3,  li#nav-main3 a:hover { background-position: -245px -29px; }
/* ##### */
 li#nav-main4,  li#nav-main4 a {
	width: 165px;
	background-position: -410px 0;
}

 .section4 li#nav-main4,  li#nav-main4 a:hover { background-position: -410px -29px; }
/* ##### */

 li#nav-main5 {
	width: 90px;
	background-position: -573px 0;
}

 .section5 li#nav-main5,  li#nav-main5 a:hover { background-position: -573px -29px; }
 /* ##### */
 
li#nav-main6 {
	width: 177px;
	background-position: -658px 0;
}

 .section6 li#nav-main6,  li#nav-main6 a:hover { background-position: -658px -29px; }



/* ####################################################### PANOS ####################################################### */



.sections #pano { background-color: #c7b8aa; }
.section1 #pano { background-color: #c7b8aa; }
.section2 #pano { background-color: #c7b8aa; }
.section3 #pano { background-color: #c7b8aa; }
.section4 #pano { background-color: #c7b8aa; }
.section5 #pano { background-color: #c7b8aa; }
.section6 #pano { background-color: #c7b8aa; }
.sections #pano-sub { background: url(../i/home/pano.jpg) no-repeat 0 0; }
.section1 #pano-sub { background: url(../i/pano_one.jpg) no-repeat 0 0; }
.section2 #pano-sub { background: url(../i/pano_two.jpg) no-repeat 0 0; }
.section3 #pano-sub { background: url(../i/pano_three.jpg) no-repeat 0 0; }
.section4 #pano-sub { background: url(../i/pano_four.jpg) no-repeat 0 0; }
.section5 #pano-sub { background: url(../i/pano_five.jpg) no-repeat 0 0; }
.section6 #pano-sub { background: url(../i/pano_six.jpg) no-repeat 0 0; }


body.home .bar { height: 1px; }

body#wmc .bar { height: 5px; background-color: #603b1a; }

/* ####################################################### PANOS - NON FLASH ####################################################### */


/* ####################################################### NAV TOOLBAR - NON FLASH ####################################################### */
#nav-toolbar
{
	width: 370px;
	height: 40px;
	background: white url(../i/nav_toolbar_launch.gif) no-repeat 0 0;
	margin-top: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#nav-toolbar li
{
	float: left;
	height: 20px;
}

#tools1 { width: 276px; }
#tools2 { width: 94px; }
#tools3 { width: 141px; }
#tools4 { width: 103px; }
#tools5 { width: 126px; }

/* ####################################################### MAIN CONTENT ####################################################### */

body.home, #content {
	background:url(../i/home/body_bg.gif) repeat-x left 330px;
	_background:url(../i/home/body_bg.gif) repeat-x left 0px;
	#background:url(../i/home/body_bg.gif) repeat-x left 0px;
	background-color: #b8ccd4;
}



body.#content .content-sub {
	width:970px;
	background:#fff;
}

img.right
{
	float: right;
	margin: 0px 0px 10px 10px;
}

img.left
{
	float: left;
	margin: 0px 10px 10px 0px;
}

#featured, #col1, #col2, .welcome {
float:left;
}



/* ####################################################### WELCOME CONTENT ####################################################### */

.welcome {
	width: 700px;
	height:190px;
	margin-bottom: 2px;
	background:#f9fcfd;
}


.welcome h4 {
	color: #545454;
	font-weight: normal;
	font-size: 20px;
	padding: 20px 0 5px 0 !important;
	margin: 0;
	font-family:Trebuchet MS, Helvetica;
}

.welcome img {
	float: left;
	margin-top:15px;
	margin-left:30px;
	margin-right:25px;
}

.welcome .welcome_txt {
	float: left;
	width: 480px;
}
	

.find_faculty {
	width:270px; 
	background:white; 
	float:left; 
	height:170px;
	text-align:left;
	padding-top:20px;
}

.find_faculty h6 {
	font-family:Trebuchet MS, Verdana;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:6px;
}

#home_content {
	float:left; 
	width:970px; 
	background:white; 
	padding-bottom:20px; 
	overflow:hidden
}



/* ####################################################### FEATURE CONTENT ####################################################### */

#featured {
	width: 258px;
	background:#f9f9ec;
	border-right:#d1ccc3;
}

#featured h3 {
	background: url(../i/home/training_education_txt.gif) no-repeat;
	height: 23px;
	width:230px;
	float:left;
	margin-left:13px;
	margin-bottom:10px;
}
#featured  h3 span { display: none; }

#featured_item {
	color: #585858;
	float:left;
	background:url(../i/home/featured_item_bg.gif) repeat-x;
	padding-top:17px;
	margin-top:17px;
	width: 258px;
}

	#featured_item_first {
		color: #585858;
		float:left;
		background:url(../i/home/featured_item_bg.gif) repeat-x;
		padding-bottom:23px;
		padding-top:17px;
		}

#featured p, #featured img, #featured h4 {
	padding-left:10px;
	padding-right:15px;
}

#featured img {
	padding-top:5px;
}

#featured p {
	margin-left:5px;
	color: #585858;
}

#featured h4 {
	color: #ad7202;
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
}

#featured  a:hover h4 {
	color: #ad7202;
	font-weight:bold;
	text-decoration:underline
}


	


/* ####################################################### MAIN CONTENT - Left Column ############################################## */


#col1 {
	margin:0px;
	width: 514px;
	_width:505px;
}

.home .news {
	padding: 0px;
	width:463px;
	margin:auto;
	text-align:left
}

.news h3 {
	background: url(../i/home/news_events_txt.gif) no-repeat;
	height: 23px;
	width:170px;
	float:left;
	margin-top:17px;
	margin-bottom:15px;
}
.news h3 span { display: none; }

.news .viewCalendar {
	height: 23px;
	width:230px;
	padding-top: 5px;
	float:right;
	margin-top:17px;
}


#col1 .news_item {
	float: left;
	width:100%;
}

.news_item .news_thumb {
	float:left;
	width:95px;
	padding-top:3px;
}
	.news_item .news_thumb  span {
	font-size:10px;
	padding-top:3px;
	}
	
.news_item .news_txt {
	float: left;
	width: 75%;
}
	.news_item .news_txt2 {
		float: left;
		width: 100%;
	}

#col1 .news_item h4 {
	color: #346383;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0;
	font-family:verdana, Helvetica;
}


		/* Newsletter */
		.news_item .newsletter {
			float:left;
			width:140px;
			padding-top:3px;
		}
		
		.news_item .newsletter_txt {
			float: left;
			width: 69%;
			font-size:11px;
		}
		
		/* Newsletter END */

.news_item a h4  {
	color: #e3ffff;
	text-decoration: none;
}

.news_item a:hover h4 {
	color: #e3ffff;
	text-decoration: underline !important;
}

.news_item .date {
	color: #4e4e4e;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight:bold;
}

.news .dotted {
	background:url(../i/home/dotted.gif) repeat-x center left;
	height:40px;
	width:100%;
	float:left;
	margin-top:8px;
}

	
.news_item ul {
	list-style-image:url(../i/home/arrow_bullet.gif);
	line-height:19px;
	margin-top:5px;
	padding-left:12px;
}



.consultation {
	background:#f7f7f7;
	border:1px solid #d4d4d4;
	float:left;
	padding-left:17px;
	padding-top:15px;
	padding-bottom:20px;
	padding-right:15px;
	margin-top:20px;
}

div.consultation h5 {
	color:#5b5c5c;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}





/* ####################################################### MAIN CONTENT - Right Column ################################################## */

#col2 {
	width: 198px;
	float: left;
	margin: 0;
	padding:0px;
}

#col2 img {
	padding-bottom:7px;
	margin:0px;
}
	
#col2_featured {
	width:198px;
	padding-bottom:20px;
	float:left;
	margin:0;
	background: #e9eef3;
}

#col2_featured_white {
	width:198px;
	float:left;
	margin-top:20px;
}

	
.feat_content {
padding:10px 10px;
}

	
	#col2 h4 {
		background:#dcdcdc;
		width:202px;
		float:left;
		padding-bottom:10px;
	}

	#col2_featured h4 span, #col2_featured_white h4 span { display: none; }
	
		#col2_featured .new_core{
			background: url(../i/home/new_core.gif) no-repeat;
			height: 46px;
		}

		#col2_featured .exp_pathology {
			background: url(../i/home/experimental_pathology_title.gif) no-repeat;
			height: 46px;
		}
		
		#col2_featured .trans_research {
			background: url(../i/home/translational_research_title.gif) no-repeat;
			height: 33px;
		}
		
		#col2_featured .rec_publications {
			background: url(../i/home/recent_publications_title.gif) no-repeat;
			height: 33px;
		}
		
		#col2_featured_white .rec_publications {
			background: url(../i/home/pro_opportunities.gif) no-repeat;
			height: 15px;
		}



/*########################### Change Footer Styles #################################*/

div#featured, div#col1 {
		padding-bottom: 32767px;
		margin-bottom: -32767px;
	}




div#footer { 
		width: 100%;
		float: left;
		background-color: #dedbdb;
		
		/* To stretch columns 100% height and place footer at bottom*/
		position: relative;
	}




#footer-sub {
	padding: 20px 0 0 18px;	
	height: 60px;
}

#footer-sub h5 {
	color: #915851;
	font-weight: normal;
	font-size: 12px;
}

#footer-sub ul#nav-info,
#footer-sub ul#nav-info a {
	font-size: 10px;
	color: #666 !important;
}

#footer-sub ul#nav-info { margin-top: 2px; }