/*  Wellman Center for Photomedicine Style Sheet */
/*  interior pages - see separate style sheet for home page  */
/*  see additional style sheets for IE6 and IE7 exceptions  */
/*  Derwin Hyde 07/29/09  */

/*  define global tags  */

p, ul, ol, li
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		line-height: 160%;
		margin-top: 0;
		color: #39393a;
	}
	
hr
	{
		width: 156px;
		margin: 0;
		size: 1px;
		color: #000000;		
	}

/* center page in browser window for IE */

body
	{
		text-align: center;
		margin: 0;
		/* background-color: #03647d; */
	}

/* then center page in browser window for other browsers */

#container
	{	
		margin: 0 auto;
		padding: 0;
 		width: 900px;
		text-align: left;
		background-color: #ffffff;
	}

/* wrappers for page content in three parts - all are 900px width */

#topwrapper, #bodywrapper
	{	
		position: relative;
	}

#bodywrapper
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		min-height: 400px;
	}

#bottomwrapper
	{
		clear: both;
	}

/* banner */

#spectrum
	{
		z-index: 1;
	}

a img
	{
		border: none;
		cursor: pointer;
	}
	
/* default link styles */

a:link, a:visited, a:active, a:hover
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		text-decoration: none;
		cursor: pointer;
		color: #032b53;
	} 

a:link, a:visited
	{
		cursor: default;
	}

a:active.pointer, a:hover.pointer
	{
		cursor: pointer;
		color: #032b53;
	}
	
a:link.textdkblueitalic, a:visited.textdkblueitalic
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #002b93;
		font-style: italic;
		font-weight: normal;
	}

a:hover.textdkblueitalic, a:active.textdkblueitalic
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #000000;
		font-style: italic;
		font-weight: normal;
	}
	
#pointer
	{
		cursor: pointer;
	}
	
/* search engine box and button padding */

#search
	{
	padding: 0;
	}
	
/* text links */

a:link.textlink, a:visited.textlink, a:active.textlink, a:hover.textlink
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		text-decoration: none;
		color: #0055a1;
		cursor: pointer;
	}
	
/*  unordered list links  */

li.listlink a
	{
		color: #0055a1 !important;
		padding-left: 0;
 		line-height: 20px;
		margin-top: 3px;
	}

li.listlink a:hover, a:active
	{		
		color: #000000 !important;
		cursor: pointer;
	}

/*  primary navigation bar  */

#navcontainer
	{
		position: relative;
		margin-top: 4px;
		left: 0;
		height: 30px;
		width: 900px;
	}

#about, #aboutover, #faculty, #facultyover, #research, #researchover,
#clinicalimpact, #clinicalimpactover, #opportunities,
#opportunitiesover, #news, #newsover, #giving, #givingover,
#contact, #contactover
	{
		float: left;
		margin-left: 4px;
		height: 30px;
		cursor: pointer;
		z-index: 400;
	}
#about, #aboutover
	{
		margin-left: 0;
	}
	
/*  search box and button  */

#search
	{
		position: absolute;
		right: 18px;
		top: 142px;
	}
	
/*  fonts  */

#intro
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		color: #39393a;
		line-height: 130%;
		display: inline;
	}
	
#text
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #39393a;
		margin-right: 180px;		
	}
	
/* heads */

#pagetitle
	{
		margin-top: 52px;
		height: 50px;
		width: 640px;
		margin-left: 0;
		margin-bottom: 4px;
	}
	
/*  two titles are long, so this exception is needed  */

#pagetitlelong
	{
		margin-top: 52px;
		margin-left: -2px;
		height: 50px;
		width: 686px;
		margin-left: 0;
	}

.ltbluehead, .dkbluehead
	{
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		margin-bottom: 2px;
		margin-top: 0;
	}

.ltbluehead
	{
		
		color: #0d7cb1;
	}

.dkbluehead
	{
		color: #423474;
	}
.researchorangehead
	{
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		margin-bottom: 2px;
		margin-top: 0;
	}
.researchorangehead, .researchorangeheadBOLD
	{

		color: #f1592a;
	}
.researchorangeheadBOLD
	{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom: 2px;
	margin-top: 0;
	font-weight: bolder;
	}

/*  column definitions */
/*  space between columns is 22 pixels */
/*  space at left and right sides of page is 23 pixels  */

#navcolumn
	{
		float: left;
		width: 156px;
		margin-top: 62px;
		margin-left: 23px;
		margin-right: 0;
	}

.col20, .col156, .col197, .col211, .col211left, .col238, .col312, .col327, .col498, .col600, .col667
	{
		float: left;	
		margin-top: 8px;
	}
	
.col20
	{
		width: 20px;
	}

.col156
	{
		width: 156px;
	}

.col197
	{
		width: 197px;		
	}
	
.col211left
	{
		width: 211px;
	}
	
.col211
	{
		width: 211px;
		margin-left: 19px;
	}
	
.col238
	{
		width: 238px;
	}
	
.col312
	{
		width: 312px;		
	}
		
.col327
	{
		width: 327px;		
	}
	
.col498
	{		
		width: 480px;
		margin-right: 12px;
	}

.col600
	{		
		width: 600px;
		margin-left: 0;
	}

.col630
	{
	width: 630px;
	margin-left: 0;
	table-layout: fixed;
	}

.col667
	{		
		width: 667px;
		margin-left: 0;
	}
	
#clear
	{
		clear: both;
	}
	
/*  defaults for lists  */

ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
li
	{
		list-style: none;	
	}

/*  ordered list  */

ol.ordered
	{
		margin: 0;
		padding: 0;
	}
	
li.ordered
	{
		list-style: decimal;
		margin-left: 20px;
	}
	
/*  navigation bar on left side of most internal pages  */

ul.leftnav
	{		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		color: #666666;
		width: 172px;
		list-style-type: none;
		margin-top: 0;
		margin-left: 0;
		padding-left: 0;
	}
	
li.leftnav a
	{
		font-family: Verdana, Arial, Helvetica, sans-serif !important;
		font-size: 11px !important;
		text-transform: uppercase;
		color: #666666;
		padding-left: 0;
 		line-height: 20px;
		margin-top: 3px;
	}
	
#microscopy
	{
		line-height: 94%;
	}

li.leftnav a:hover, a:active
	{		
		cursor: pointer;
		text-decoration: underline;
	}
	
.labhead
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #666666;
		padding-left: 0;
 		line-height: 20px;
		margin-top: 3px;
	}

.space10px
	{
		width: 10px;
	}
	
/*  "more>>" link  */

a:link.more, a:visited.more, a:hover.more, a:active.more
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		color: #10699d;
		display: inline;
		cursor: pointer;
	}
	
/*  main content of page  */

.content
	{
		position: relative;
		margin-top: 0;
		margin-left: 211px;		
	}
	
/* text fonts  */

.textgray, .textboldgray, .textitalicgray, .textboldgrayitalic, .capsgray
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #39393a;
		text-align: left;
		line-height: 120%;
	}

.textboldgray
	{
		font-weight: bold;
	}

.textitalicgray
	{
		font-style: italic;
	}

.textboldgrayitalic
	{
		font-weight: bold;
		font-style: italic;
	}

.capsgray
	{
		text-transform: uppercase;
	}

.textblack, .textboldblack, .textitalicblack
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #000000;
		text-align: left;
		line-height: 15px;
	}
	
.textltblueitalic
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		color: #0055a1;
	}

.textltblueitalicbold
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		color: #0055a1;
		margin-top: 4px;
	}

.textltblueitalic-pi
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		color: #0055a1;
	}

.textltblueitalicbold-pi
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		color: #0055a1;
		margin-top: 4px;
	}
	
.textdkbluebold
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #032b53;		
	}

.textdkblueitalic
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #032b53;	
		font-style: italic;
	}

.textdkbluebold-pi
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #032b53;	
	}

.textdkblueitalic-pi
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #032b53;	
		font-style: italic;
	}

/* italic text   */

.textitalic
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
	}

/* color classes for use with other classes  */

/*  basic black  */

.black
	{
 		color: #000000;
	}

/*  gray for text and navbar  */
.gray
	{
 		color: #39393a;
	}
	
/*  Wellman headline and link color in blue text  */
.wellmanblue
	{
		color: #10699d;
	}
	
/*  blue for subheads  */
.subheadblue
	{
		color: #0082b0;
	}
	
/*  about blue - need both class and id */
.aboutblue
	{
		color: #00899b;
		
	}
	
#aboutblue
	{
		color: #00899b;
	}
	
/*  faculty green - class and id  */
.facultygreen
	{
		color: #68bd44;	
	}

#facultygreen
	{
		color: #68bd44;	
	}

/*  green for subheads  */
.subheadgreen
	{
		color: #018a4a;
	}

/*  research bright orange  */

.researchorange
	{
		color: #f1592a;
	}

#researchorange
	{
		color: #f1592a;
	}

/*  clinical impact light orange  */
.impactorange
	{
		color: #f68934;	
	}

#impactorange
	{
		color: #f68934;
	}
	
/*  opportunities blue  */
.opportunitiesblue
	{
		color: #0d7cb1;
	}

#opportunitiesblue
	{
		color: #0d7cb1;
	}

/*  news and events green  */
.newseventsgreen
	{
		color: #00a457;
	}

#newseventsgreen
	{
		color: #00a457;
	}
	
/*  giving purple  */
.givingpurple
	{
		color: #2c2366;
	}	
	
#givingpurple
	{
		color: #2c2366;
	}

/*  lab focus green  */
.labfocusgreen
	{
		color: #008c44;
	}
	
/*  affiliations blue  */
.affiliationsblue
	{
		color: #375896;
	}
	
/*  Support Wellman blue  */

.supportblue
	{
		color: #423474;
	}

/*  images and caption text  */

/*  this 156-pixel-wide image is used at the right side of some pages  */
.image-156px
	{
		width: 156px;
		height: 225px;
		margin-top: 4px;
	}
	
.image-197px
	{
		padding-bottom: 12px;
		width: 197px;
	}

.image-211px
	{
		height: 235px;
		width: 211px;
		border: none;
	}
	
.image-300px
	{
		float: right;
		height: 225px;
		width: 300px;
		margin-bottom: 8px;
	}

/*  the large photo of the lab members at the top of the team page  */	
.image-495px
	{
		width: 495px;
		margin-left: 3px;
		margin-top: 4px;
		margin-bottom: 12px;
	}

/*  the large photo of the Wellman Faculty on the faculty page  */
#wellmanfaculty
	{
		width: 600px;
		height: 400px;
		padding-top: 6px;
	}

/*  the individual portrait of the team member  */	
.image-team
	{
		width: 100px;
		height: 125px;
	}

.caption, .captionwide, .captionnarrow, .captionnarrowbold
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		color: #0055a1;
		margin-top: 6px;
	}

.captionwide
	{
		width: 300px;
		margin-left: 28px;
	}
.captionnarrowbold
	{
		width: 156px;
		margin-left: 28px;
		font-weight: bold;
		margin-left: 0;
	}
.captionnarrow
	{
		width: 156px;
	}

/*  for the About section main page  */
	
#aboutimage
	{
		float: left;
		height: 270px;
		width: 200px;
		padding-top: 12px;
	}

#aboutblock	
	{
		float: left;
		margin-left: 0;
		margin-top: 16px;
		margin-bottom: 8px;
		height: 270px;
		width: 667px;
		background-color: #10699d;		
	}
	
#bluebox
	{
		float: left;
		width: 440px;
		height: 270px;
		padding-top: 12px;
	}

ul.why
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		line-height: 120%;
	}

li.why
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		margin: 8px;
		list-style-type: disc;
	}

/*  for the team members' pages  */

.teamhead
	{
		font-size: 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align:left;
		padding: 8px 0;
		color: #214d8a;	
		
	}

.name, .name a
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: bold;
		color: #214d8a;
	}
	
.title
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		color: #214d8a;
		line-height: 100%;
	}
	
.biosketch
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #39393a;
		line-height: 120%;
	}
	
/*  for the Giving section page  */
	
#giving1
	{
		
		float: left;
		width: 667px;
		height: 400px;
		margin-right: 4px;
		margin-top: 8px;
	}

#giving2
	{
		float: left;
		width: 272px;
		height: 400px;
		margin-top: 8px;
	}

#giving3
	{
		
		float: left;
		width: 390px;
		height: 400px;
		margin-right: 4px;
		margin-top: 8px;
	}

/*  for the Contact section page  */

#contact1
	{
		float: left;
		width: 272px;
		height: 400px;
		margin-right: 4px;
		margin-top: 8px;
	}

#contact2
	{
		float: left;
		width: 390px;
		height: 400px;
		margin-top: 8px;
	}
		
/*  color blocks for research section page  */

#researchdiagram
	{
		height: 487px;
		width: 487px;
		margin-left: 46px;
	}
	
/*  clinical impact section page images  */

#impactsmall1, #impactsmall2, #impactsmall3, #impactsmall4, #impactsmall5
	{
		position: absolute;
		left: -78px;
		width: 75px;
		height: 75px;
	}

#impactsmall1
	{
		top: 59px;
	}

#impactsmall2
	{
		top: 137px;
	}
	
#impactsmall3
	{
		top: 216px;
	}

#impactsmall4
	{
		top: 295px;
	}

#impactsmall5
	{
		top: 374px;
	}
	
#impactbig
	{
		float: left;
		margin-top: 5px;
		width: 676px;
		height: 390px;
	}
	
/*  logos and how to donate in bottomwrapper  */

#bottompartnerslogo 
	{
		float: left;
		margin-left: 16px;
		height: 46px;
		width: 103px;		
	}

#bottomhstlogo 
	{		
		float: left;
		margin-top: 14px;
		margin-left: 28px;
		height: 30px;
		width: 170px;			
	}

#howtodonate 
	{
		margin-left: 718px;
		margin-bottom: 0;
		height: 26px;
		width: 156px;			
	}

#spacer
	{
		color: #ffffff;
		width: 900px;
		height: 24px;
	}
/* bottom navbar links */

a:link.bottom, a:visited.bottom, a:active.bottom, a:hover.bottom
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		font-weight: normal;
	}

a:link.bottom, a:visited.bottom
	{
		cursor: pointer;
		color: #39393a;
	}

a:active.bottom, a:hover.bottom
	{
		cursor: pointer;
		color: #000000;
	}

#homebottom, #aboutbottom, #facultybottom, #researchbottom,
#clinicalimpactbottom, #opportunitiesbottom, #newsbottom, #givingbottom,
#contactbottom, #sitemapbottom, #privacypolicybottom
	{
		clear: both;
		display: inline;
		margin-left: 22px;
	}
	
#homebottom
	{
		margin-left: 23px;
	}
	
/*  bottom spectrum  */

#bottomspectrum
	{
		position: relative;
		height: 30px;
		width: 900px;
	}
	
/*  footer on every page  */

#copyright
	{
		position: relative;
		margin-left: 640px;
		margin-top: -14px;
		font-size: 9px;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		z-index: 2;
	}	

/* end of style sheet */