@charset "utf-8";
@import url("layouttags.css");


/*==========================================================================================================================================
|                                                                                                                                          |
|    CCCCC   OOOOO   MM     MM  MM     MM   OOOOO   NN    NN       EEEEEE  LL      EEEEEE  MM     MM  EEEEEE  NN    NN  TTTTTT   SSSSS     |
|   CC      OO   OO  MMM   MMM  MMM   MMM  OO   OO  NNN   NN       EE      LL      EE      MMM   MMM  EE      NNN   NN    TT    SS         |
|   CC      OO   OO  MM MMM MM  MM MMM MM  OO   OO  NN NN NN       EEEE    LL      EEEE    MM MMM MM  EEEE    NN NN NN    TT     SSSS      |
|   CC      OO   OO  MM  M  MM  MM  M  MM  OO   OO  NN   NNN       EE      LL      EE      MM  M  MM  EE      NN   NNN    TT        SS     |
|    CCCCC   OOOOO   MM     MM  MM     MM   OOOOO   NN    NN       EEEEEE  LLLLLL  EEEEEE  MM     MM  EEEEEE  NN    NN    TT    SSSSS      |
|                                                                                                                                          |
==========================================================================================================================================*/
/* These Elements may or may not appear on every page, but are used frequently throughout the site. */
body 
{
    background: white url("../assets/systemimages/oneblackpixel.gif") repeat-y scroll 170px top; /* Black pixel dividing line separates #leftsidebar from #maincontent. Done this way instead of using a border on #leftsidebar because there's no easy way to make a div stretch to fill the available space. */
    padding: 0;
    margin: 0;
	font: normal 10pt sans-serif; /* Default font for page. Overridden frequently. */
	color: Black;
}
a
{
    color: #003399;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
h1
{
    color: #5B5B5B;
    font: bolder 14pt sans-serif;
}
h2
{
    color: #5B5B5B;
    font: bold 13pt sans-serif;
}
h3
{
    color: #5B5B5B;
    font: bold 11pt sans-serif;
}
li
{
    margin-top: 5px;
    margin-bottom: 5px;
}
img
{
    border: none 0;
}
.alternatingrow /* For every-other row in lists in tables */
{
    background-color: #F2F2F2;
}


.orangebox /* Orange box with one rounded corner, as seen on the homepage next to the doctor's image */
{
	background: #ED1B2E url("../assets/systemimages/orangebox_roundcorner.gif") no-repeat top right;
	color: White;
	font: bold 10pt sans-serif;
	padding: 15px;
}
.orangebox a
{
    color: White;
    text-decoration: underline;
}


/* Eventlists which appear on many pages */
ul.eventlist
{
    display: block;  
    padding: 0;
    width: 100%;
    margin: 0;
    text-indent: 0;
    overflow: auto;
}
ul.eventlist li
{
    display: block;
    background: transparent no-repeat 7px 7px;
    margin: 0;
    padding: 5px 10px 5px 34px;
    text-indent: 0;
    width: auto;
    font: 9pt sans-serif;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #C0C0C0;
}
ul.eventlist li .eventlink
{
    font: bold 10pt sans-serif;
}
ul.eventlist li .eventoutlooklink
{
    display: block;
    margin: 0;
    padding: 0;
}
ul.eventlist li a.eventoutlookicon
{
    background: url("../assets/systemimages/outlook-icon.jpg");
    display: block;
    height: 18px;
    left: -25px;
    margin: 0 0 -18px 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    top: 0;
    width: 18px;
}
ul.eventlist li a.eventoutlookicon:hover
{
    text-decoration: none;
}
ul.eventlist li span.eventdates, ul.eventlist li span.eventlocation, ul.eventlist li .eventlink, ul.eventlist li .eventoutlooklink
{
    /*white-space: nowrap;*/
    display: block;
    margin: 0;
}
ul.eventlist li span.eventdates
{
    display: inline;
    text-align: left;
}
ul.eventlist li span.eventlocation
{
    display: inline;
    text-align: left;
}






/*==============================================================================================
|                                                                                              |
|    SSSSS  IIIIII  TTTTTT  EEEEEE       HH   HH  EEEEEE   AAAA   DDDDD    EEEEEE  RRRRRR      |
|   SS        II      TT    EE           HH   HH  EE      AA  AA  DD   DD  EE      RR   RR     |
|    SSSS     II      TT    EEEE         HHHHHHH  EEEE    AAAAAA  DD   DD  EEEE    RRRRR       |
|       SS    II      TT    EE           HH   HH  EE      AA  AA  DD   DD  EE      RR  RR      |
|   SSSSS   IIIIII    TT    EEEEEE       HH   HH  EEEEEE  AA  AA  DDDDD    EEEEEE  RR   RR     |
|                                                                                              |
==============================================================================================*/
#siteheader
{
    position: relative;
    display: block;
    height: 104px;
    width: 100%;
    background: white none;
}
#siteheader #sitelogo
{
    position: absolute;
    bottom: -10px;
    left: 12px;
}
#siteheader #header_orgname
{
    display: block;
    font: bold 20px/24px sans-serif; 
    color: #8C8C8C;
    position: absolute;
    width: 245px;
    bottom: 30px;
    left: 120px;
    padding: 0;
    vertical-align: bottom;
}
#siteheader #currentpagedescription
{
    display: block;
    font: bold 13px sans-serif; 
    color: #8C8C8C;
    position: absolute;
    width: 245px;
    bottom: 45px;
    left: 120px;
    padding: 0;
    vertical-align: bottom;
}
#siteheader #currentpagedescription p
{
    vertical-align: bottom;
    margin: 0;
}
#siteheader #currentpageheaderlink
{
    display: block;
    font: bold 13px sans-serif; 
    color: #8C8C8C;
    position: absolute;
    width: 245px;
    bottom: 15px;
    left: 120px;
    padding: 0;
    vertical-align: bottom;
}
#siteheader #currentpageheaderlink a
{
    vertical-align: bottom;
    margin: 0;
    color: Black;
    text-decoration: underline;
}
#siteheader #currentpageheaderlink a:hover
{
    color: #ED1B2E;
}
#siteheader #headersearchbar 
{
    height: 19px;
    width: 500px;
    position: absolute;
    right: 25px;
    top: 30px;
    text-align: right;
    vertical-align: middle;
}
#siteheader #headersearchbar select
{
    float: right;
    display: block;
    width: 170px;
    height: 19px;
    border-collapse: collapse;
    font: normal 8pt sans-serif;
    padding: 0;
}
#siteheader #headersearchbar .headersearchtextinput
{
    float: right;
    display: block;
    width: 170px;
    height: 17px;
    border-collapse: collapse;
    border: solid 1px;
    font: normal 8pt sans-serif;
    padding: 0;
    margin: 0;
}
#siteheader #headersearchbar .headersearchimginput
{
    float: right;
    display: block;
    width: 13px;
    height: 13px;
    border: solid 1px;
    padding: 2px;
    margin: 0;
}
#siteheader #headersearchbar a
{
    float: right;
    display: block;
    font: normal 11px/19px sans-serif;
    color: #666666;
    margin: 0 0 0 5px;
    padding: 0;
    text-decoration: none;
}
#siteheader #headerloginandhelpbar 
{
    height: 16px;
    width: 300px;
    position: absolute;
    right: 25px;
    top: 5px;
    text-align: right;
}
#siteheader #headerloginandhelpbar a
{
    float: right;
    font: normal 11px/12px sans-serif;
    color: #666666;
    margin: 0 12px 0 0;
    padding: 0 4px 4px 4px;
    border-right: solid 1px #999999;
    text-decoration: none;
}
#siteheader #headerloginandhelpbar p
{
    float: right;
    font: normal 11px/12px sans-serif;
    color: #000000;
    margin: 0 12px 0 0;
    padding: 0 4px 4px 4px;
    border-right: solid 1px #999999;
    text-decoration: none;
}
#siteheader #headerloginandhelpbar img
{
    float: right;
}





/*===========================================================================================================================
|                                                                                                                           |
|   HH   HH   OOOOO   RRRRRR   IIIIII  ZZZZZZ   OOOOO   NN    NN  TTTTTT   AAAA   LL           NN    NN   AAAA   VV  VV     |
|   HH   HH  OO   OO  RR   RR    II       ZZ   OO   OO  NNN   NN    TT    AA  AA  LL           NNN   NN  AA  AA  VV  VV     |
|   HHHHHHH  OO   OO  RRRRR      II      ZZ    OO   OO  NN NN NN    TT    AAAAAA  LL           NN NN NN  AAAAAA  VV  VV     |
|   HH   HH  OO   OO  RR  RR     II     ZZ     OO   OO  NN   NNN    TT    AA  AA  LL           NN   NNN  AA  AA   VVVV      |
|   HH   HH   OOOOO   RR   RR  IIIIII  ZZZZZZ   OOOOO   NN    NN    TT    AA  AA  LLLLLL       NN    NN  AA  AA    VV       |
|                                                                                                                           |
===========================================================================================================================*/
#horizontalnavbar
{
    height: 35px;
    border: solid black;
    border-width: 1px 0;
    width: 100%;
    white-space: nowrap;
    position: relative;
    z-index: 50;
}
#horizontalnavbar #orangespacer
{
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    height: 35px;
    border: solid black;
    border-width: 0 1px 0 0;
    background-color: #ED1B2E;
}
#horizontalnavbar .navigationlist
{
    position: absolute;
    top: 0;
    left: 171px;
    margin: 0;
    text-indent: 0;
    white-space: nowrap;
    display: block;
    padding: 0;
    width: 800px;
    z-index: 50;
}
#horizontalnavbar .navigationlist li
{
    display: block;
    float: left;
    margin: 0;
    text-indent: 0;
    list-style: none;
    font: bold 11px/35px sans-serif;
    color: Black;
    white-space: nowrap;
    overflow: visible;
    width: 79px;
    height: 35px;
    border: solid white;
    border-width: 0 0 0 1px;
    position: relative;
}
#horizontalnavbar .navigationlist li a
{
    display: block;
    margin: 0;
    font: bold 11px/35px sans-serif;
    text-decoration: none;
    text-align: center;
    color: Black;
    width: 76px;
    padding: 0 2px 0 1px;
}
#horizontalnavbar .navigationlist li:hover a, #horizontalnavbar .navigationlist li a:hover, #horizontalnavbar .navigationlist li.currentpage a
{
    background-color: #ED1B2E;
    color: white;
}
/****************************************************************************
 * Drop down styles *
 ****************************************************************************/
body
{
    behavior: url("/css/cssHoverFix.htc"); /* This is an IE-only property that fixes the fact the ":hover" doesn't work on LIs in IE6. */
}
#horizontalnavbar .navigationlist li .navigationlist
{
    position: absolute;
    top: 35px;
    left: 0;   
    visibility: hidden;
    padding: 0;
    margin: 0;
    background: white;
    border: solid 1px black;
    min-width: 170px;
    max-width: 300px;
    width: auto;
}
#horizontalnavbar .navigationlist li .navigationlist li
{
    text-align: left;
    font: normal 11px/12px sans-serif;
    padding: 0;
    border-top: solid 1px #eFe0e0;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin: 0;
    list-style: none;
    display: block;
    float: none;
    text-indent: 0;
    color: Black;
    white-space: nowrap;
    overflow: visible;
    min-width: 170px;
    max-width: 300px;
    width: auto;
    height: 22px;
    position: relative;
}
#horizontalnavbar .navigationlist li .navigationlist li:first-child
{
    border-top: none 0;
}
#horizontalnavbar .navigationlist li .navigationlist li a
{
    display: block;
    margin: 0;
    font: normal 11px/12px sans-serif;
    text-decoration: none;
    text-align: left;
    color: Black;
    background: White;
    min-width: 150px;
    max-width: 280px;
    width: auto;
    padding: 5px 10px;
}
#horizontalnavbar .navigationlist li .navigationlist.mediumwidth li a
{
    min-width: 250px;
    max-width: 280px;
    width: auto;
}
#horizontalnavbar .navigationlist li .navigationlist.mediumwidth li a
{
    min-width: 250px;
    max-width: 280px;
    width: auto;
}
#horizontalnavbar .navigationlist li .navigationlist li a:hover
{
    background-color: #ED1B2E;
    color: White;
}
#horizontalnavbar .navigationlist li:hover .navigationlist
{
    visibility: visible;
}


/*======================================================================================================
|                                                                                                      |
|   LL      EEEEEE  FFFFFF  TTTTTT        SSSSS  IIIIII  DDDDD    EEEEEE  BBBBBB    AAAA   RRRRRR      |
|   LL      EE      FF        TT         SS        II    DD   DD  EE      BB   BB  AA  AA  RR   RR     |
|   LL      EEEE    FFFF      TT          SSSS     II    DD   DD  EEEE    BBBBB    AAAAAA  RRRRR       |
|   LL      EE      FF        TT             SS    II    DD   DD  EE      BB   BB  AA  AA  RR  RR      |
|   LLLLLL  EEEEEE  FF        TT         SSSSS   IIIIII  DDDDD    EEEEEE  BBBBBB   AA  AA  RR   RR     |
|                                                                                                      |
======================================================================================================*/
#leftsidebar
{
    float: left;
    width: 165px;
    margin: 0 -170px 0 0; /* This allows #maincontent to be laid out as though #leftsidebar doesn't exist, and helps to prevent overlapping/gaps between this. */
    height: auto !important;    
    min-height: 100%;
    position: relative;
    padding: 10px 0 10px 5px;
}
#leftsidebar .navigationlist
{
    display: block;
    width: 165px;
    text-align: right;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
#leftsidebar .navigationlist li
{
    display: block;
    width: 165px;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    font: bold 11px/30px sans-serif;
    color: Black;
    border: solid #E9E9E9;
    border-width: 0 0 2px 0;
}
#leftsidebar .navigationlist li:first-child
{
    border: solid #E9E9E9;
    border-width: 2px 0 2px 0;
}
#leftsidebar .navigationlist li a
{
    display: block;
    margin: 0;
    font: bold 11px/16px sans-serif;
    text-decoration: none;
    text-align: left;
    color: Black;
    width: 135px;
    padding: 7px 10px 7px 20px;
}
#leftsidebar .navigationlist li a:hover
{
    color: Black;
    text-decoration: underline;
}
#leftsidebar .logo
{
    display: block;
    overflow: auto;
    margin: 2px;
    position: relative;
    width: 161px;
}
#leftsidebar .logo img
{
    float: left;
    border: none 0;
}
#leftsidebar .logo p
{
    font: bold 12px sans-serif;
    position: absolute;
    right: 5px;
    bottom: 10px;
    display: block;
    padding: 0;
    margin: 0;
}
#leftsidebar .logo a
{
    color: Black;
    text-decoration: none;
}
#leftsidebar #quicklinks
{
    margin: 0 0 205px 0; /* This is here because of a weird cut-off problem on short pages that happens in IE only */
}
#leftsidebar #quicklinks h4
{
    display: block;
    width: 145px;
    margin: 25px 0 0 0;
    padding: 0 10px 0 10px;
    text-indent: 0;
    list-style: none;
    font: bold 11px/25px sans-serif;
    color: #666666;
    border-bottom: dashed 2px #999999;
    border-top: solid 2px #E9E9E9;
}
#leftsidebar #quicklinks .navigationlist li:first-child
{
    border: solid #E9E9E9;
    border-width: 0 0 2px 0;
}







/*=========================================================================================
|                                                                                         |
|   NN    NN   OOOOO         SSSSS  IIIIII  DDDDD    EEEEEE  BBBBBB    AAAA   RRRRRR      |
|   NNN   NN  OO   OO       SS        II    DD   DD  EE      BB   BB  AA  AA  RR   RR     |
|   NN NN NN  OO   OO        SSSS     II    DD   DD  EEEE    BBBBB    AAAAAA  RRRRR       |
|   NN   NNN  OO   OO           SS    II    DD   DD  EE      BB   BB  AA  AA  RR  RR      |
|   NN    NN   OOOOO        SSSSS   IIIIII  DDDDD    EEEEEE  BBBBBB   AA  AA  RR   RR     |
|                                                                                         |
=========================================================================================*/
/* Special settings for the rare pages that don't have a left sidebar */
body.nosidebar
{
    background: #FFFFFF none no-repeat top left;
}
body.nosidebar #horizontalnavbar .navigationlist
{
    left: 17px;
}
body.nosidebar #horizontalnavbar .navigationlist .navigationlist
{
    left: 0;
}
body.nosidebar #horizontalnavbar #orangespacer
{
    display: none;
}
body.nosidebar #maincontent
{
    float: left;
    width: auto;
    margin: 24px 17px 24px 17px;
}






/*=============================================================================================================
|                                                                                                             |
|   MM     MM   AAAA   IIIIII  NN    NN        CCCCC   OOOOO   NN    NN  TTTTTT  EEEEEE  NN    NN  TTTTTT     |
|   MMM   MMM  AA  AA    II    NNN   NN       CC      OO   OO  NNN   NN    TT    EE      NNN   NN    TT       |
|   MM MMM MM  AAAAAA    II    NN NN NN       CC      OO   OO  NN NN NN    TT    EEEE    NN NN NN    TT       |
|   MM  M  MM  AA  AA    II    NN   NNN       CC      OO   OO  NN   NNN    TT    EE      NN   NNN    TT       |
|   MM     MM  AA  AA  IIIIII  NN    NN        CCCCC   OOOOO   NN    NN    TT    EEEEEE  NN    NN    TT       |
|                                                                                                             |
=============================================================================================================*/
#maincontent 
{
    float: right;
    width: auto;
    margin: 24px 24px 24px 194px; /* 194px on the left includes the 170px negative margin on #leftsidebar */
}
#breadcrumbs
{
    white-space: nowrap;
    width: 600px;
    margin: -20px 0 20px 0;
}





/*==============================================================================================
|                                                                                              |
|    SSSSS  IIIIII  TTTTTT  EEEEEE       FFFFFF   OOOOO    OOOOO   TTTTTT  EEEEEE  RRRRRR      |
|   SS        II      TT    EE           FF      OO   OO  OO   OO    TT    EE      RR   RR     |
|    SSSS     II      TT    EEEE         FFFF    OO   OO  OO   OO    TT    EEEE    RRRRR       |
|       SS    II      TT    EE           FF      OO   OO  OO   OO    TT    EE      RR  RR      |
|   SSSSS   IIIIII    TT    EEEEEE       FF       OOOOO    OOOOO     TT    EEEEEE  RR   RR     |
|                                                                                              |
==============================================================================================*/
/*
The following 5 selectors are used to put the footer where it belongs. The code's kinda quirky, but
it works on all major browsers. See http://ryanfait.com/sticky-footer/ for more info about why 
and how this works. If you're copying this code for use elsewhere, be sure to put "height: 100%;" 
in the HTML and BODY elements.
*/
html {
    height: 100%; /* Why, you ask? It's because the #nonfooterwrapper, #push, and #sitefooter's height properties don't calculate correctly in some browsers if we don't. It's one of those quirky things. */
    margin: 0;
}
body 
{
    height: 100%; /* The same reason as the height property on the "html" element. Doesn't seem like it'd do anything, but the #push and #sitefooter elements won't work right on all browsers without it. */
}
#nonfooterwrapper {
    height:auto !important;
    margin-bottom: -200px;
    min-height: 100%;
    /* position: relative; */
    width: 100%;
    overflow: hidden;
    z-index: 2;
}
#nonfooterwrapper .push {
    clear: both;
    height: 200px;
    width: 1px;
}
#sitefooter {
    background: black;
    font: normal 9px sans-serif;
    color: White;
    clear: both;
    height: 200px;
    padding: 0;
    /* position: relative; */
    width: 100%;
    text-align: center;
    z-index: 1;
}
#sitefooter .navigationlist
{
    margin: 0;
    text-indent: 0;
    padding: 0;
}
#sitefooter .navigationlist li
{
    display: inline;
    margin: 0;
    text-indent: 0;
    list-style: none;
    color: white;
    border: solid white;
    border-width: 0 0 0 1px;
    padding: 0 7px 0 8px;
}
#sitefooter .navigationlist li:first-child
{
    border: none 0;
    padding: 0 7px 0 0;
}
#sitefooter .navigationlist li a
{
    color: white;
    text-decoration: none;
    position: relative;
    top: 0;
    left: 0;
}

#footercommonlinksbox
{
    margin: auto;
}
#footercommonlinksbox a, #footercommonlinksbox a:hover, #footercommonlinksbox a:visited, #footercommonlinksbox a:active
{
    color: White;
}
#footercommonlinksbox th 
{
    padding: 0;
    font: bold 11px sans-serif;
    border-bottom: solid 1px white;
    color: White; 
}
#footercommonlinksbox td 
{
    font: normal 9px sans-serif;
    color: White; 
}
#footercommonlinksbox th, #footercommonlinksbox td
{
    border-spacing: inherit;
    border-collapse: inherit;
}
#footercommonlinksbox ul
{
    margin: 0;
    padding: 0;
    text-indent: 0;  
}
#footercommonlinksbox li
{
    list-style-type: none;
    padding: 0 2px 4px 0px;
    margin: 0 0 0 20px;
    text-indent: 0;
/*    background: transparent url(../assets/systemimages/lstbulet.gif) no-repeat scroll 0 -1px; */
}

/*=======================================================================================================================
|                                                                                                                       |
|   MM     MM  EEEEEE  MM     MM  BBBBBB   EEEEEE  RRRRRR        IIIIII  MM     MM   AAAA    GGGGG   EEEEEE   SSSSS     |
|   MMM   MMM  EE      MMM   MMM  BB   BB  EE      RR   RR         II    MMM   MMM  AA  AA  GG       EE      SS         |
|   MM MMM MM  EEEE    MM MMM MM  BBBBB    EEEE    RRRRR           II    MM MMM MM  AAAAAA  GG  GGG  EEEE     SSSS      |
|   MM  M  MM  EE      MM  M  MM  BB   BB  EE      RR  RR          II    MM  M  MM  AA  AA  GG   GG  EE          SS     |
|   MM     MM  EEEEEE  MM     MM  BBBBBB   EEEEEE  RR   RR       IIIIII  MM     MM  AA  AA   GGGGG   EEEEEE  SSSSS      |
|                                                                                                                       |
=======================================================================================================================*/
/* The conditional expressions should help these to work in IE6 */
.memberLogoLarge
	{
	max-height: 200px;
	max-width: 400px;
	height: expression(this.height >= this.width && this.height > 200 ? 200 : true);
	width: expression(this.height < this.width && this.width > 400 ? 400 : true);
	}
.memberPhotoLarge
	{
	max-height: 210px;
	max-width: 140px;
	height: expression(this.height >= this.width && this.height > 210 ? 210 : true);
	width: expression(this.height < this.width && this.width > 140 ? 140 : true);
	}
.memberLogoSmall
	{
	max-height: 100px;
	max-width: 200px;
	height: expression(this.height >= this.width && this.height > 100 ? 100 : true);
	width: expression(this.height < this.width && this.width > 200 ? 200 : true);
	}
.memberPhotoSmall
	{
	max-height: 120px;
	max-width: 80px;
	height: expression(this.height >= this.width && this.height > 120 ? 120 : true);
	width: expression(this.height < this.width && this.width > 80 ? 80 : true);
	}