/* global navigation */

/*-------------------------------------------------------------------------------*/

/* -- global nav -- *//* SELECTED */



#about li#aboutNav  {background:url(../img/nav.gif) 0px -30px no-repeat;}



#admission li#admissionNav {background:url(../img/nav.gif) -148px -30px no-repeat;}



#academics li#academicsNav {background:url(../img/nav.gif) -278px -30px no-repeat;}



#research li#researchNav {background:url(../img/nav.gif) -404px -30px no-repeat;}



#life li#lifeNav {background:url(../img/nav.gif) -523px -30px no-repeat;}



#community li#communityNav {background:url(../img/nav.gif) -666px -30px no-repeat;}



#news li#newsNav {background:url(../img/nav.gif) -803px -30px no-repeat;}



/* interior styles

/*-------------------------------------------------------------------------------*/



div#midCol {float:left;color:#333;width:534px;margin:10px 17px 45px 18px;overflow:hidden;}



div#midCol #content p.breadcrumbs {height:20px;margin-bottom:10px;}



.innerCol h2 span.rss {position:absolute;top:7px;right:10px;}



/* interior module specific

/*-------------------------------------------------------------------------------*/

div#midCol div#content div.annotatedList ol { float: left; margin-bottom: 20px;  }



div#midCol div#content div.annotatedList ol li { float: left; width: 261px; list-style: none; }



div#midCol div#content div.annotatedList dl { clear: both; line-height: normal; }



div#midCol div#content div.annotatedList dt { font-weight: bold; font-size: 1.1em; }



div#midCol div#content div.annotatedList dt { margin-top: 10px; }



p.backToTop { text-align: right; }



/* news listing

/*-------------------------------------------------------------------------------*/



dl.news-listing {margin:10px 0 10px 0;padding:0;display:block;}

	

dl.news-listing dt {color:#666;font-weight:bold;float:left;margin:0;display:inline;width:100px;line-height:1.4em}



dl.news-listing dd {float:left;line-height:1.4em;margin:0 0 15px 0;display:inline;width:423px;}





/* For the EMERGENCY ANNOUNCEMENT system-region */

div.emergencyAnnouncement{
  margin-left: 10px;
  padding: 10px;
  width: 940px;
  background-color: #FF0000;
  color: White;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: White;
  line-height: normal;
}


div span.header, div.emergencyAnnouncement h1 {
  font-size: 1.25em;
  font-weight: bold;
  font-style: normal;
  margin-top: 1em;
  margin-bottom: .5em;
}

div.emergencyAnnouncement h2 {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: .5em;
}

div.emergencyAnnouncement h3 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: .5em;
}

div.emergencyAnnouncement p {
  margin-top: .5em;
  margin-bottom: .5em;
}

div.emergencyAnnouncement ul, div.emergencyAnnouncement ol {
 margin-left: 15px;
 }
 
div.emergencyAnnouncement ul li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 15px;
}

div.emergencyAnnouncement ol li {
  list-style: decimal;
  list-style-position: outside;
  margin-left: 15px;
}


span.emergencyAnnouncement{
  color: #002878;
}



div.homepageEmergencyAnnouncement{

  width: 695px;

  height: 314px;

  background-color: #002878;

  color: White;

  padding: 10px;

  margin-left: 10px;

}



div#explorePrimary div.homepageEmergencyAnnouncement p{

  color: White;

}

/* END OF "For the EMERGENCY ANNOUNCEMENT system-region" */

/* FAQ */

.faq-wrapper {margin:0; padding:0; font-size: 13px; color: #696969;}

.faq-nav a{ color: #696969; }

.faq-wrapper h3{ font-size: 17px; color: #696969; margin: 5px 0 15px; padding: 0; font-weight: bold;}

.faq { margin: 0 0 15px; padding: 0; }

.faq-quest{ display: block; color: #333333; font-size: 1em; font-weight: bold; cursor:pointer; line-height: 1.25em;}

.faq-answer{ color: #0D0D0D; display: none; margin-top:10px; margin-left: 1em;}

.faq-quest .faq-img{ color: #2066CF; font-size: 16px; }

.faq-hr {color: #FFB90F; background-color: #FFB90F; border: 0; height:2px;}

/* END FAQ */

/* For the Section Homepage title treatment */

h1.indexTitle {
 
  height: 200px;

  width: 100%;

  padding-left: .5em;

  background-repeat: no-repeat;

}

/* END OF "For the Section Homepage title treatment" */

/* For Section homepages with titles after the image/flash element */

div.titleAfter {

  margin-bottom: 4px;

}

/* END OF For Section homepages with titles after the image/flash element */

/* For the Section Homepage index-callout treatment */

div.index-callout, div.index-slideshow { 

  width: 200px;

  height: 200px;

  padding-top: 24px;

  }

div.index-slideshow {

  background-image: URL(../img/adobe-flash-logo.jpg);

  background-repeat: no-repeat;

  background-position: 0 24px;


  }

/* END OF "For the Section Homepage index-callout treatment" */

/* For picture-with-description block */

div.picDesc {

  width: 100%;

  clear: both;

  }

div.picDescPic {

  width: 100px;

  float: left;

  margin-bottom: 10px;

  padding-bottom: 10px;

  }

div.picDescDesc {

  width: 413px;

  float: right;

  margin-bottom: 10px;

  padding-bottom: 10px;

  }

/* END OF "For picture-with-description block" */

/* Improved picture-with-description block */

div.picBio {

  width: 100%;

  clear: both;

  }

div.picBio img {

  width: 100px;

  float: left;

  margin: .25em 0 10px 0;

  padding: 0 0 10px 0;

  }

div.picBio p {

  width: 413px;

  float: right;

  margin: 0 0 10px 0;

  padding: 0 0 10px 0;
  }

/* END "Improved picture-with-description block" */

/* Wider-picture-with-description block */

div.biggerpicBio {

  width: 100%;

  clear: both;

  }

div.biggerpicBio img {

  width: 200px;

  float: left;

  margin: .25em 0 10px 0;

  padding: 0 0 10px 0;

  }

div.biggerpicBio p {

  width: 313px;

  float: right;

  margin: 0 0 10px 0;

  padding: 0 0 10px 0;
  }

/* END Wider-picture-with-description block */


/* For picture-with-caption-below block */

div.picCapt {

  width: 200px;

  float: right;

  margin: 0 0 10px 10px;

  }

div.picCapt img {

  float: left;

  margin: 0 0 5px 0;

  }

div.picCapt p {

  font-style: italic;

  font-size: .9em;

  float: left;

  margin: 0;

  }

/* END "For picture-with-caption-below block" */

/* Two pics side-by side, with a gutter between */

div.twopics, div.multipics {

  width: 100%;

  float: left;

  }

div.twopics img, div.twopics .picCapt, div.twopics .picCapt p, div.multipics img, div.multipics .picCapt, div.multipics .picCapt p, div.multipics div, div.multipics div p  {

  border: none;
  margin: 0 5px;
  float: left;
  }

div.multipics img, div.multipics .picCapt, div.multipics .picCapt p, div.multipics div, div.multipics div p {
  margin: 0 15px 0 0;
  }

div.multipics div p {
  padding-top: 10px;
  clear: both;
  width: 135px;
  }

/* END Two pics side-by side, with a gutter between */
  


/* override midCol spacing for action pages */

body.action div#midCol {

  float: left;

  position: relative;

  left: 17px;

  width: 743px;

  margin: 10px 17px 45px 0;

  }

/* END override midCol spacing for action pages */

/* override midCol spacing for widescreen pages */

body.widescreen div#midCol, body.pi-form div#midCol {

  float: left;

  position: relative;

  left: 0;

  width: 930px;

  margin: 10px 0 45px 40px;

  }

/* END override midCol spacing for widescreen pages */

/* override midCol spacing for wide-midcolumn pages */

body.wide-midcolumn div#midCol {

  width: 720px;

  }

/* END override midCol spacing for wide-midcolumn pages */

/* No global nav buttons for form pages */
body.pi-form div#globalNav, body.no-global div#globalNav {

  height: 10px;
  background-color: #C79000;
  
  }
/* END No global nav buttons for form pages */

/* Centered narrower midCol for form pages */
body.pi-form div#midCol {

  float: left;

  position: relative;

  left: 0;

  width: 534px;

  margin: 10px 0 45px 218px;

  }
/* END Centered narrower midCol for form pages */


/* Add on line-spacing for left nav subnav items */

ul#interiorNav li ul li {margin-top: 4px; margin-bottom: 4px; line-height: 12px;}

/* END Add on line-spacing for left nav subnav items */

/* reduce spacing between left nav and first callout */

ul#interiorNav {

  padding-bottom:15px;
  
  }
  
/* END reduce spacing between left nav and first callout */


/* Add on line-spacing for spotlight headings */

.innerCol h2 span {line-height: 1.25em; }

/* END Add on line-spacing for spotlight headings */

/* generic left-or-right callout */

div.callout {

  margin-top: 15px;

  }

/* END generic left-or-right callout */

/* youtube embedded videos */

div.youtube {

  width: 320px;

  float: left;

  margin: 0 10px 10px 0;

  }

/* END youtube embedded videos */

/* Allows h2 to wrap around a right-aligned image */

h2.wrap-head {

  width: normal;

  float: left;

  }

/* END Allows h2 to wrap around a right-aligned image */

/* Put some whitespace around images embedded in paragraphs */

div#midCol p img {
  
  margin: 10px;
  
  }
  
 /* END Put some whitespace around images embedded in paragraphs */

/* Adjust spacing in left subfolder navigation */

ul#interiorNav li ul li a {

  height: 100%;
 
  padding: 1px 0 6px 14px;

  }

/* END Adjust spacing in left subfolder navigation */

/* Override z-index so shadowbox will work in facial-center pages */

img#logo {z-index:0;}
img#phone {z-index:0;}

/* END of Override z-index so shadowbox will work in facial-center pages */

/* Make text in tables behave like it's in a paragraph */

table {line-height:1.37em;font-size:1em;}
table p {
  margin: 5px;
  }

/* END Make text in tables behave like it's in a paragraph */

/* Close up whitespace in bottom of left column */

div.leftCallout {height:auto;}

/* END close up whitespace in bottom of left column */

/* Make space for double WHSC/Emory links in footer */
div#copyright {

   width: 590px;
   
   float: left;

   margin-right: 10px;
   
   }
   
/* END Make space for double WHSC/Emory links in footer */

/* Let footer logos float normally */

div#footer img.logoLink {

   position: relative;

   top: 0;

   right: 0;

   }

/* END Let footer logos float normally */
/* more linespace for h2s so left nav headers aren't crowded */
h2 {

  line-height: 1.1em;

  }
/* END more linespace for h2s so left nav headers aren't crowded */
/* for Google search results with indention */
div.blockquote {

  margin-left: 3em;

  }
/* END for Google search results with indention */

div#homeRight {

  background:url("../img/right-col-bg-tall.gif") no-repeat scroll 0 0 transparent;

  }
/* END Temporarily remove bottom-right block on homepage */

/* format blog descriptions for snapshots and spotlights */
span.blogdesc, p.blogdesc {

  font-style: italic;
  
  font-weight: normal;

  text-transform: none;
  
  }
/* END format blog descriptions for snapshots and spotlights */

/* adjust annotated list: if changed, check tec/clinic-ab list */

div#midCol div#content div.annotatedList ol li { 

  width: 300px; 
  line-height: 1.25em;
  
  }
/* END adjust annotated list */

/* make rss icons float to the right in blog feed headings */
img.rss-icon {

  float: right;
  
  padding-right: 5px;
  
  }
/* END make rss icons float to the right in blog feed headings */  

/* "annotated" bulleted lists */
div#midCol div#content div.annotatedList ul { float: left; margin-bottom: 20px;  }



div#midCol div#content div.annotatedList ul li { float: left; width: 261px; list-style: none; }

/* style multi-video player */

#ytvideo,#ytvideo2 {

  float:left;

  margin-right:10px;

  margin-bottom:15px;
  }

.yt_holder {
  
  background:#f3f3f3;

  padding:10px;

  float:left;

  border:1px solid #e3e3e3;

  margin-bottom:15px;

  }

div#midCol ul.demo2 {
  
  clear:both;

  width:480px;

  padding:10px 0;

  margin:0;

  list-style-type:none;

  }

ul.demo2 li {

  list-style-type:circle;

  color:#000;

  margin-left:15px;

  padding:0;

  }

ul.demo2 li a {

  clear:right;

  }

.clr {
  visibility:hidden;

  display:block;

  clear:both;

  }

ul.demo2 li.nobull {

  display: none;

  }

/* END style multi-video player */

/* Override bottom padding for snapshots to make it smaller */
 div.snapshot {
   padding:15px 15px 6px 15px;
   }

/* END Override bottom padding for snapshots to make it smaller */

/* Style blog feed on homepage */

div#homeRight  div#bottom-right-hm {
  
  height: auto;
  
  background: none;

  position: relative;

  }

div.coCopy img {

border:none;

}

div#homeRight div#blog h4 {

padding-top: 10px;

background: url("../img/dotted.gif") repeat-x scroll 0 0 transparent;

}

div#homeRight span.blogdesc {

left:0;

position:relative;

display: block;

line-height: 1em;

}

div#homeRight span.bloghead {

left:0;

position:relative;

display: block;

}

/* END Style blog feed on homepage */

/* Style news releases */
p.news-deck {

   font-style: italic;

  }

div#midCol #content div.byline ol {
  margin-bottom: 15px;
  }
/* END style news releases */

/* Make hub breadcrumbing work by hiding the data */
span.hubChild, span.hubParent {
	display: none;
	}
/* END Make hub breadcrumbing work by hiding the data */

/* Format blog entries for main page content block */
div#midCol #content div.blog-main li.headline {
  list-style: disc outside none;
  margin: 0 0 14px 14px;
  }
/* END Format blog entries for main page content block */

/* Hide results that pop up from selectors initially */
div.selector-results {
  display: none;
  }
/* END Hide results that pop up from selectors initially */

/* Allow linking left-nav h2s without adding more space or link outlines */
ul#interiorNav li h2 {padding: 0;}
ul#interiorNav li h2 a {padding: 5px 0 5px 5px; outline: none;}
ul#interiorNav li h2 a:hover, ul#interiorNav li h2 a:active, ul#interiorNav li h2 a:focus {background:#e8d585 url(../img/sub-dot.gif) bottom no-repeat;}
/* END Allow linking left-nav h2s without adding more space or link outlines */

/* Add hub links to left nav */
ul#interiorNav li.parent-hub {background-color: #7D610F; margin-top: -16px;}
ul#interiorNav li.parent-hub h2 {padding: 0;}
ul#interiorNav li.parent-hub h2 a {padding: 5px 0 5px 14px; outline: none; font-size: 10px; color: white;}
ul#interiorNav li.parent-hub h2 a:hover, ul#interiorNav li h2 a:active, ul#interiorNav li h2 a:focus {background:#e8d585 url(../img/sub-dot.gif) bottom no-repeat; color: #7D610F;}
/* END Add hub links to left nav */

/* Social media icons in the footer */
div#footer img.footer-icon {
	position: relative;
	top: 0;
	right: 0;
	padding: 0 4px;
	}
	
div#footer-box {
	clear: both;
	}
/* END social media icons in the footer */

/* Quality report callout on homepage */
div#center-callout {
	position: absolute;
	bottom: 2px;
	left: 3px;
	}
div#homeMid {background:url(../img/mid-col-bg412.gif) no-repeat;}
/* END Quality report callout on homepage */

/* For keeping text together, like telephone numbers, for example */
.nowrap { white-space: nowrap; }
/* END For keeping text together, like telephone numbers, for example */

/* Correct descenders getting chopped off spotlight h3's by IE7 */
div#midCol .innerCol h3 { line-height: 1em; }
/* END Correct descenders getting chopped off spotlight h3's by IE7 */

/* Correct line spacing in lists in right util nav */
div#rightCol .rightUtilityNav li, div#rightCol #rightUtilityNav li { line-height: 1.25em; }
/* END Correct line spacing in lists in right util nav */

/* Styling for recipes */
div.recipe img { float: left; margin-right: 10px; }
span.recipe-icons img { margin: 0 2px; }
div.iconText { width: 100%; clear: both;}
div.iconText img { width: 64px; float: left; margin: .25em 0 10px 0; padding: 0 0 10px 0;}
div.iconText p { width: 450px; float: right; margin: 0 0 10px 0; padding: 0 0 10px 0;}
/* End Styling for recipes */

/* Make links in auto-index pages look more like links */
h3 a, a.index-link { text-decoration: underline; }
/* END Make links in auto-index pages look more like links */

/* Use different logos for print and screen */
#logo-screen { padding: 30px 0pt 0pt 30px; }
#logo-print { display: none; }
/* END Use different logos for print and screen */

#programContent p a {color: white; text-decoration: underline; }

a.index-learn-more {white-space: nowrap;}