@charset "utf-8";
/* CSS Document THESE DECLARATIONS SHOULD BE AS GENERAL AS POSSIBLE SO THEY CAN BE OVERRIDEN ON A PER PAGE BASIS*/

* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 62.5%;
  background: url(/imgs/global/bgTile.gif) repeat #0d4677;
  padding: 2em 0;
  padding-top: 4em;
}

a img{ /*C3i3*/
border: none;
}

ul { list-style: none;}
abbr { border-bottom-width: 0;}
abbr[title] { border-bottom: 1px dotted black; }
abbr[title]:hover { cursor: help; }
#pgContent a[href^="http:"] { 
  padding-right: 1em;
  background: url(/imgs/global/extLinks.gif) right 0.2em no-repeat;
}
#pgContent a[href^="https:"] { 
  padding-right: 1em;
  background: url(/imgs/global/extLinks.gif) right 0.2em no-repeat;
}
#pgContent a[href$=".pdf"] {
  padding-right: 1.5em;
  padding-bottom: 0.5em;
  background: url(/imgs/global/pdf.gif) right 0.2em no-repeat;
}
#pgContent a[href^="mailto:"] {
  padding-right: 1.7em;
  padding-bottom: 0.5em;
  background: url(/imgs/global/email.gif) right 0.3em no-repeat;
  text-decoration: none;
}
#pgBox {
  position: relative;
  left: 50%;
  margin-left: -40em;
  width: 80em;
  float: left;
  background: #f3f4e4;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pgBox #pgNav .ie7Fix {
  color: #001278;
  font-weight: bold;
  background: url(/imgs/global/selectArrow.gif) -2px 50% no-repeat;
}
#pgBox .ie7http {
  padding-right: 1em;
  background: url(/imgs/global/extLinks.gif) right 0.2em no-repeat;
}
#pgBox .ie7pdf {
  padding-right: 1.5em;
  padding-bottom: 0.5em;
  background: url(/imgs/global/pdf.gif) right 0.2em no-repeat;
}
#pgBox #pgContent .ie7mailto {/* should have higher specificity because the .js code triggers both ie7http & ie7pdf (for now) */
  padding-right: 1.7em;
  padding-bottom: 0.5em;
  background: url(/imgs/global/email.gif) right 0.3em no-repeat;
  text-decoration: none;
}
/************************************IE hacks*****************************/
*:first-child+html #pgBox {
  margin-top: 0;
  margin-bottom: 0;
}
* html #pgBox {
  margin-top: 0;
  margin-bottom: 0;
}
/**************************************************************************/
#pgBox a:hover {
  color: #001278;
}
#logo {
  height: 110px;
 /* background: url(/imgs/global/headerTile.gif) right center no-repeat #7798b4;  mohammed  */
   background: url(/imgs/global/headerTile.gif) right center no-repeat #f3f4e4;    
}
#logo + a {
  display: none;
}
#mastHead {
	border-top: #678195 solid 10px; 
    /*border-top: #1e2366 solid 10px; Mohammed **/ 
}
#mastHead:after, #content:after, #footer dl:after, #closure:after, #pgContent:after {/*to clear floats*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
h1 {
  position: relative;
  top: 20px;
  left: 25px;
  width: 357px;
  background: url(/imgs/global/logo.gif) no-repeat;;  
  /*background: url(/imgs/global/logo.gif) no-repeat; mohammed */
  text-indent: -999em;
}
h1 a {
  display: block;
  height: 58px;   
  /*height: 110px; mohammed */
 /* background: url(/imgs/global/logo.gif); C3i3*/
  /*background: url(/imgs/global/logo.gif) no-repeat;  mohammed */

}
#nav {
  list-style: none;
  width: 100%;
  float: left;
  background: url(/imgs/global/nav-bg.gif) repeat-x #4c73ad;
}
#nav li {
  float: left;
  background: url(/imgs/global/nav-bg.gif) repeat-x #4c73ad;
}
#nav li a {
  display: block;
  float: left;
  font-size: 1.9em;
  text-decoration: none;
  line-height: 2.63em;
  color: #fff;
  padding: 0 0.95em;
  border-left: #6877ce solid 1px;
  border-right: #001278 solid 1px; 
}
#nav li a#contact {/* if the nav breaks on font increases/decreases just remove this */
  text-indent: 0.1em;
}
#nav li a:hover { 
  color: #a1caee;
  
  /*background: url(/imgs/global/navHover.gif) center bottom no-repeat;*/
}
#nav #services { border-left: none;}
#nav #contact { padding-right: 0.5em; border-right: none;}/*removal of padding helps the link drop below the "nav line"*/

body.services #nav a#services, body.patient_guide #nav a#patGuide, body.contribute #nav a#contribute, body.careers #nav a#careers, body.about_us #nav a#us, body.contact_us #nav a#contact {
  color: #001278;
  background: #f3f4e4;
}
body.contact_us #nav {/* need to change this so the little bit of gradient bg to the right is hidden on the contact us page*/
  background: #f3f4e4;
}
#content {
  float: left;/**************************************** this is for IE ************************************************************/
  padding: 3em 1.45em;/* 1.45em to leave a little room for increasing and decreasing font size, prevent float drops */
}
#wrap {
  float: left;
  background: url(/imgs/global/fauxCol.gif) 31.8% 0 repeat-y;
}
#wrap2 {
  float: left;
  background: url(/imgs/global/fauxColGrad2.gif) 31.8% bottom no-repeat;
}
/********************IE hacks*************************************************/
*:first-child+html #wrap {
  background-position: 32% 0;
}
*:first-child+html #wrap2 {
  background-position: 32% bottom;
}
* html #wrap {
  background-position: 32% 0;
}
* html #wrap2 {
  background-position: 32% bottom;
}
/*******************************************************************************/
#pgContent {
  float: right;
  width: 50em;
  margin-left: 2.5em;
  min-height: 35em;
}
/****************************keep an eye on this for********************/
#pgContent a {
  font-weight: bold;
  color: #7f0e0c;
}
/*******************************************************************/
#titleWrap {/* this is so the title line will work/scale properly on all pages */
  margin-bottom: 3em;
  background: url(/imgs/global/wrapLine.gif) left 90% repeat-x;
}
h2 {
  display: inline;
  padding-right: 0.5em;
  font-size: 1.7em;
  color: #0d4677;
  background: url(/imgs/global/pgTitleLine.gif) left 90% repeat-x;
}
#pgNav {
  float: left;
  width: 24.5em;
  position: relative;
}
/**********************these styles apply only to the About Us section nav************/
#pgNav a#bestOf {
  position: absolute;
  top: 0.3em;
  left: 14em;
}
#pgNav a#bestOf img {
  border: none;
}
/***************************end About Us only styles**********************************/
/********************************IE hacks*******************************************/
*:first-child+html #pgNav {
  width: 24.2em;
}
* html #pgNav {
  width: 24.2em;
}
/***********************************************************************************/
#pgNav a {
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  color: #7f0e0c;
  line-height:2.3em;
  padding-left: 1.9em;
}

#pgNav a img:hover { /*C3i3*/
  opacity: 0.7;
}

/*********************************** only relevant for contact us and about us pages ***********************/
#pgNav h5 {
  font-size: 1.4em;
  color: #001278;
  margin-left: 1.5em;
  margin-right: 1em;
  margin-top: 1em;
}
/***********************************************************************************************************/
#pgNav ul {
  padding: 0.45em 0;
}
h3 {
  font-size: 1.6em;
  color: #001278;
  padding: 0.4em 0;
  padding-left: 1.3em;
  background: #9c9d85;
}
/***************************************************************************************************/
#footer {
  clear: both;
  float: left;
  width: 80em;
  color: #e3e3e3; 
  padding-top: 5px;/* this makes space for the background image */
  background: url(/imgs/global/dblStripe.gif) left top repeat-x;
}
#footerTop {
  float: left;
  width: 100%;
  padding-top: 3em;
  padding-bottom: 3em;
  background: url(/imgs/global/footerGrad.gif) left top repeat-x #678195; 
}
#footer #phoneNumbers {
  width: 18em;
  padding-left: 4em;
  float: left;
  margin-left:3em;
  display: inline;
  padding-right: 4em;
  background: url(/imgs/global/phoneIcon.gif) left 0.3em no-repeat;
}
#footer #phoneNumbers dt {
  float: left;
  font-size: 1.1em;
  padding-top: 1em;/*not sure why I used padding over margin here*/
}
#footer #phoneNumbers dd {
  float: right;
  font-size: 1.1em;
  padding-top: 1em;/*not sure why I used padding over margin here*/
}
#footer #staffDir {
  clear: left;
}
#footer #staffDir a{
  color: #740f10;
  padding-right: 1.5em;
  padding-bottom: 0.5em;
  line-height: 1.7em;/*so the full pdf icon displays in IE*/
  background: url(/imgs/global/pdf.gif) right 0.2em no-repeat;
}
#footer #staffDir a:hover {
  color: #001278;
}
#footer #address {
  float: left;
  width: 14em;
  padding-right: 4em;
  padding-left: 8em;
  border-right: dotted 2px #7d94a4;
  border-left: dotted 2px #7d94a4;
  background: url(/imgs/global/houseIcon.gif) 3.6em 0.3em no-repeat;
}
#footer #address dt, #footer #address dd {
  font-size: 1.1em;
  margin-top: 1em;
}
#languages {
  width: 15em;
  float: left;
  line-height: 2.4em;
  padding-left: 7em;
  background: url(/imgs/global/worldIcon.gif) 3em 0.3em no-repeat;
}
#languages li {
  padding-left: 2em;
  background: url(/imgs/global/linkArrowSm.gif) left center no-repeat;
}
#languages li a {
  color: #7f0e0c;
}
#closure {
  float: left;
  width: 76em;/* this plus padding should equal 80em */
  background-color: #7798b4;
  border-top: solid 1px #99c3e7;
  padding: 0.9em 2em;
}
#closure p {
  float: left;
}
#closure ul {
  float: right;
}
#closure li {
  float: left;
  padding-right: 0.7em;
  margin-left: 0.7em;
  border-right: solid 2px #aba000;
}
#closure .last {
  border-right: none;
}
#closure a {
  text-decoration: none;
  color: #7f0e0c;
}