/* 
     Stylesheet for gastro.org
     --------------------------------------------------------
     File Name: gastro_main.css
     Media: Screen
     Version: 1.1
     Created: 11 April 2005
     Last-Modified: 29 November 2005
     --------------------------------------------------------
*/ 


/* 
     HTML Elements
     ---------------------------------------------------------- */ 

/* --- Document Elements --- */
body { background: #FFFFFF; color: #000000;  margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif;  }
body.utilitywindow {background: #EDEDDA}

/* --- Block Elements --- */
br {}
hr { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: transparent; border-top: 1px solid #D1D1A3; height: 1px; clear: both;   }
img {}
a img {border: 0px none;}

/* --- Header Text --- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } 
h1 { font-size: 18px; color: #336699;margin-bottom: 2px; }
h2 { font-size: 14px; color: #336699; margin: 0px; }
h2.sub { font-size: 14px; color: #000000; margin: 0px; margin-bottom: 10px; }
h3 { font-size: 12px; color: #336699; margin-bottom: 0px; }
h4 { font-size: 11px; color: #336699; margin-bottom: 0px; }
h5 { font-size: 10px; color: #336699; margin-bottom: 0px; }
h6 { font-size: 10px; color: #000000; margin-bottom: 0px; }

/* --- Block Text --- */
p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; margin-top: 0px; } 
p {}
blockquote {}
caption {}
div {}

/* --- Text Elements --- */
a { color: #666666; }
a:hover { color: #336699; }
pre {}
span {}
sup {font-size: 9px; }
     /* Fix for superscripted links in IE. Hide from IE Mac \*/
     * html a sup {text-decoration: none; border-bottom: 1px solid #000000; padding-bottom: 3px; }
     * html a:hover sup { color: #CF6D03; border-bottom: 1px solid #CF6D03; }
     /* End */

small { font-size: 10px; }
address {}
em { }


/* --- List Items --- */
ul, ol, li { font-family: Arial, Helvetica, sans-serif; }
ul {}
ul li { list-style: url(images/bullet.gif); }
ol {}


/* --- Definition Elements --- */
dl, dt, dd { font-family: Arial, Helvetica, sans-serif; }
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table { width: 100%; margin-top: 10px; font-size: 12px; background-color: #F6F6ED; border-top: 1px solid #B1CCB4; border-right: 1px solid #B1CCB4; border-left: 1px solid #B1CCB4; }
table.siteSearch {border: 1px solid #B1CCB4; }
table.siteSearch td {border: 0px;}
th { padding: 2px 5px 2px 5px; text-align: left; color: #336699; background-color: #E1E9DC; vertical-align: bottom; font-size: 14px; }
thead {}
tbody {}
tr {}
td { padding: 2px 5px 2px 5px; text-align: left; border-bottom: 1px solid #B1CCB4; background: #F6F6ED;  }
tfoot {}
legend {}

/* --- Inputs --- */
input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input {}
select {}
button {}
textarea {}
form { margin: 0px; padding: 0px; }


/* 
     Global Container ID's
     ---------------------------------------------------------- */ 
.skiplink { display: none; }
     
/* --- Header Container --- */
#header { clear: both; width: 970px; margin: 0 auto 0 auto; padding: 10px 0px 0px 0px; background: #F6F6ED url(images/header.gif) no-repeat 539px 0px; }
#branding { float: left; width: 525px; padding: 0px 0px 8px 15px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #branding { float: left; width: 521px; padding: 0px 0px 13px 15px; }
     /* End */
#navutility { float: left; width: 224px; padding-bottom: 4px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navutility { float: left; width: 224px; margin: 0px 0px 0px 3px; padding-bottom: 4px; }
     /* End */
#navutility ul { width: 70px; font-size: 11px; margin: 0px 0px 3px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navutility ul { width: 110px; font-size: 11px; margin: 0px 0px 3px 0px; }
     /* End */
#navutility ul.col1{ float: right; }
#navutility ul.col1 li { margin: 0px 0px 0px -45px; padding: 0px 0px 0px 0px; list-style-type: none; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navutility ul.col1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
     /* End */
#navutility ul.col2{ float: left; }
#navutility ul.col2 li { margin: 0px 0px 0px -28px; padding: 0px 0px 0px 0px; list-style-type: none; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navutility ul.col2 li { margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px; list-style-type: none; }
     /* End */
#navutility a { color: #000000; text-decoration: none; }
#navutility a:hover { color: #336699; text-decoration: underline; }

#search { border-top: 1px solid #B3C2BE; padding: 3px 0px 0px 12px; font-size: 11px; }
.searchinput { width: 120px; border: 1px solid #999999; font-size: 11px; }
.searchbutton { width: 15px; position: relative; top: 4px; }

#navmember { float: left; width: 186px; padding: 0px 10px 0px 10px; font-size: 12px; }
#navmember a { color: #336699; font-size: 12px; text-decoration: none; }
#navmember a:hover { color: #666666; text-decoration: underline; }
#navmember a.helplink { float: right; position: relative; bottom: 15px; font-size: 10px; color: #666666; text-decoration: underline; }
#navmember a.helplink:hover { color: #336699; }
.login { margin-left: 65px; }
.memberheader { clear: both; margin-bottom: 4px; }
.smalltxt { font-size: 10px; color: #666666; }
.nobrdr {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
.nobttm { border-bottom: 0px none; background: transparent; padding: 0px 0px 2px 0px; }
#navmemberaction { margin-top: 4px; padding: 10px 10px 0px 10px; border-top: 1px solid #B3C2BE;}
#navmemberaction ul { margin: 0px 0px 0px -48px;  }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navmemberaction ul { margin: 0px 0px 0px 0px;  }
     /* End */
#navmemberaction li {  padding-left: 20px; background: url(images/arrow_header.gif) no-repeat 0px 2px; list-style-type: none;   }
#navmemberaction a { font-size: 11px; color: #000000; text-decoration: none; }
#navmemberaction a:hover { color: #336699; text-decoration: underline; }
#navmemberaction .logbtn { float: right; margin-top: -15px; text-decoration: underline; }


/* --- Section Header Container --- */
#sectionheader { clear: both; width: 970px; height: 38px; margin: 0 auto 0 auto; padding-bottom: 5px; background: #FFFFFF url(images/section_header.gif) no-repeat 207px 20px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sectionheader { clear: both; width: 970px; height: 44px; margin: 0 auto 0 auto; padding-bottom: 5px; background: #FFFFFF url(images/section_header.gif) no-repeat 207px 20px; }
     /* End */
#sectionheader img.sectionheadertxt { float: left; margin: 23px 0px 0px 220px; color: #FFFFFF; font-size: 18px; padding: 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sectionheader img.sectionheadertxt { float: left; margin: 23px 0px 0px 220px; color: #FFFFFF; font-size: 20px; padding: 0px; }
     /* End */
#sectionheader.hptitle { background: #FFFFFF url(images/section_header_hp.gif) no-repeat 540px 20px; }
#sectionheader.hptitle img.sectionheadertxt { float: left; margin: 21px 0px 0px 553px; color: #FFFFFF; font-size: 18px; padding: 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #sectionheader.hptitle img.sectionheadertxt { float: left; margin: 21px 0px 0px 553px; color: #FFFFFF; font-size: 20px; padding: 0px; }
     /* End */

#navfunction { float: right; margin: 20px 10px 0px 0px; color: #000000; font-size: 10px; }
#navfunction li.print { display: inline; background: url(images/print.gif) no-repeat 0px 0px; padding: 0px 8px 0px 15px;}
#navfunction li.email { display: inline; background: url(images/email.gif) no-repeat 0px 0px; padding: 0px 0px 0px 20px;}
#navfunction a { color: #000000; text-decoration: none; }
#navfunction a:hover { color: #336699; text-decoration: underline; }

/* --- Content Wrapper Container --- */
#wrapper { clear: both; width: 970px; margin: 0 auto 0 auto; padding-bottom: 15px; background: url(images/interior.gif) repeat-y 0px 0px; border-bottom: 20px solid #D1D1A3; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #wrapper { clear: both; width: 970px; margin: -7px auto 0 auto; padding-bottom: 15px; background: url(images/interior.gif) repeat-y 0px 0px; border-bottom: 20px solid #D1D1A3; }
     /* End */
#wrapper.publications { background: url(images/publications.gif) repeat-y 0px 0px; }

#patientcenterwrapper { clear: both; width: 970px; margin: -1px auto 0 auto; padding-bottom: 15px; background: url(images/patient_center.gif) repeat-y 0px 0px; border-bottom: 20px solid #D1D1A3; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #patientcenterwrapper { clear: both; width: 970px; margin: -8px auto 0 auto; padding-bottom: 15px; background: url(images/patient_center.gif) repeat-y 0px 0px; border-bottom: 20px solid #D1D1A3; }
     /* End */


#col1 { float: left; width: 207px; }

     /* --- Navigation --- */
     #navmain { margin: 13px 10px 10px 10px; padding: 0px; }
     #navmain li { margin: -2px 0px 0px 0px; padding: 0px; list-style-type: none;  }
     #navmain li img { border: 0px none; margin-bottom: 10px; }
     #navmain li.selected { margin-bottom: 0px; }
     #navmain li.selected img { border: 0px none; margin-bottom: 0px; }
     #navmain ul { margin: 0px 0px 5px 15px; padding: 0px; }
     #navmain li li { margin-left: 16px; padding: 3px 0px 3px 0px; font-size: 12px; font-weight: bold; list-style-image: url(images/caret_2.gif);  }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navmain li li { margin-left: 18px; padding: 3px 0px 3px 0px; font-size: 12px; font-weight: bold; list-style-image: url(images/caret_2.gif);  }
     /* End */
     #navmain li li.selected a { color: #336699; text-decoration: none; }
     #navmain ul ul { margin: 0px 0px 5px 10px; padding: 0px; }
     #navmain li li li { margin-left: 6px; padding: 3px 0px 3px 0px; font-size: 12px; font-weight: normal; list-style-image: url(images/caret_3.gif); }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navmain li li li { margin-left: 8px; padding: 3px 0px 3px 0px; font-size: 12px; font-weight: normal; list-style-image: url(images/caret_3.gif); }
     /* End */
     #navmain li li.selected ul li a { color: #000000; text-decoration: none; }
     #navmain li li.selected ul li a:hover { color: #336699; text-decoration: none; }
     #navmain li li ul li.selected a { color: #336699; text-decoration: none; }
     #navmain li li ul li.selected a:hover { color: #336699; text-decoration: none; }
     #navmain a { color: #000000; text-decoration: none; }
     #navmain a:hover { color: #336699; text-decoration: none; }
     
     #join, #donate, #discuss { background-color: transparent; margin-bottom: 5px; width: 130px; padding: 5px 30px 5px 5px; font-size: 12px; }       
     /* --- Join Container --- */
     /*#join { border-left: 10px solid #336699; padding-top: 30px; background: #FFFFFF url(images/join_aga.gif) no-repeat 7px 7px; }*/
     #join { border-left: 10px solid #336699; padding-top: 30px; background: #FFFFFF url(images/join_aga.gif) no-repeat 7px 7px; }
     a #join { background-color: #FFFFFF; text-decoration: none; }
     a:hover #join { border-left: 10px solid #7094b7; }
          
     /* --- Donate Container --- */
     #donate { border-left: 10px solid #E28813; padding-top: 30px; background: #FFFFFF url(images/donate.gif) no-repeat 7px 7px; }
     a #donate { background-color: #FFFFFF; text-decoration: none; }
     a:hover #donate { border-left: 10px solid #ebab59; }
     
     /* --- Discussion Container --- */
     #discuss { border-left: 10px solid #BC0404; padding-top: 30px; background: #FFFFFF url(images/discuss.gif) no-repeat 7px 7px; }    
     a #discuss { background-color: #FFFFFF; text-decoration: none; }
     a:hover #discuss { border-left: 10px solid #d04f4f; }
     
     .arrow { float: right; position: relative; left: 20px;margin: -15px 0px 0px 0px; border: 0px none; }
     
#col2 { float: left; width: 540px; padding: 5px 12px 15px 12px; font-size: 12px; }
#col2.patientcenter { margin-top: -65px; }

     /* --- Breadcrumb Navigation --- */
     #navbreadcrumb {  text-align: left; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; }
     #navbreadcrumb li { display: inline; background: url(images/caret_breadcrumb.gif) no-repeat 1px 5px; padding: 0px 0px 0px 8px; font-size: 10px; color: #336699; }
     #navbreadcrumb li.start { background: none; padding: 0px 0px 0px 0px; }
     #navbreadcrumb li a { font-weight: normal; color: #000000; }
     #navbreadcrumb li a:hover { color: #336699; }
     
     /* --- Graphic Content Header --- */     
     #headercontent { margin: 5px 0px 10px 0px; clear: both; }

     /* --- Graphic Content Header --- */     
     #content { float: left; width: 538px; overflow: visible; }
     #content p { font-size: 12px; margin-top: 0px; }
     #content h1 { margin-top: 0px; font-size: 16px; }
     #content ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
     #content li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
     #content ol li { list-style: decimal none; }
     #content li ol li { list-style: decimal none;  margin: 0px 0px 0px 20px;  }
     #content ul { margin: 0px 0px 10px 7px; padding: 0px 0px 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #content ul { margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; }
     /* End */
     #content ul li { list-style: url(images/caret_content.gif); }
     #content li { font-size: 12px; margin: 2px 0px 0px 8px;  padding: 0px 0px 0px 0px; }
     .callouttxt {color: #336699; font-style: normal;}

     /* --- Search Results Page --- */
     #content.search h2 { padding: 2px; font-size: 16px; background: #B1CCB4 url(images/h2_search.gif) no-repeat 100% 0px; }
     #content.search h3 { margin: 10px 0px 0px 0px;  font-size: 14px; color: #5E8F6E; background: url(images/backgrounds/h3_search.gif) repeat-x 0px 80%; }
     #content.search h3 span { background: #EDEDDA; padding-right: 2px; }
     #content.search h4 { margin: 2px 0px 0px 0px; font-size: 12px; color: #000000; }
     #content.search table { margin: 2px 0px 0px 0px; border: 0px none; background-color: transparent; }
     #content.search td { width: 50%; border-bottom: 0px none; vertical-align: top; background-color: transparent; }
     #content.search .backtop { position: relative; top: 13px; margin-bottom: 0px; border-bottom: 0px none; }
     #content.search .title { margin-left: 48px; }
     
     /* --- Course Details Header --- */               
     #coursedetailsheader { border-bottom: 1px solid #D1D1A3; padding-bottom: 5px; margin-bottom: 5px; }
     #coursedetailsheader h1 { font-size: 18px; }
     #coursedetailsheader h2 { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
     #cmearea { float: right; margin: 20px 0px 0px 30px; padding: 33px 10px 25px 10px;  width: 75px;  background: url(images/cme_area.gif) no-repeat 0px 0px;  text-align: center;    }
     /* Fix for IE. Hide from IE Mac \*/
     * html #cmearea { float: right; margin: 0px 0px 0px 30px; padding: 33px 10px 25px 10px;  width: 75px;   background: url(images/cme_area.gif) no-repeat 0px 0px;  text-align: center; }
     /* End */
     
     /* --- Button Area --- */
     #buttonarea { text-align: right; margin: 10px 0px 10px 0px; }
     #listingbutton { margin-left: 460px; position: absolute; top: 325px; }
     .focusbutton { margin-left: 10px; }
     .results { position: relative; margin: 0px 0px 0px 0px; bottom: 35px; }
     
     /* --- Graphic Content Header --- */     
     .photochannel { float: right; margin: 0px 0px 10px 10px; font-size: 10px; border: 0px none; width: 1px; background-color: transparent; }
     .photochannel td { background-color: transparent; border: 0px none; }
     
     /* --- Publications Text Classes --- */
     .backtop { padding: 2px 0px 2px 0px; margin-bottom: 15px; border-bottom: 1px solid #D1D1A3; text-align: right; font-size: 11px;  }
     .byline { font-size: 12px; color: #336699; margin-bottom: 10px; }
     
     .errortxt { color: #BC0404; font-size: 12px; font-weight: bold; margin: 25px 0px 25px 0px; }
     .footnote { margin-top: 5px; padding-top: 5px; border-top: 1px solid #B1CCB4; font-size: 10px; }
     .required { color: #CC0000; }
     .outdent { margin-left: -6px; }
     
     /* --- Table Border Style Alt --- */
     #tablealt { border: 1px solid #B1CCB4; }
     #tablealt td { border-bottom: 0px none; }

     /* --- Course Listing Table --- */
     #courselisting { font-size: 11px; border-top: 1px solid #B1CCB4; color: #000000; border: 0px none; }
     #courselisting th { height: 20px; background-color: #EDEDDA; font-size: 12px; border-bottom: 1px solid #B1CCB4;  }
     #courselisting td { background: #F6F6ED;  }
     #courselisting th.selected { background: #CFDCC7 url(images/listing_selected.gif) no-repeat 100% 0px; }
     #courselisting td.selected { background: #E1E9DC; }
     #courselisting li { color: #000000; font-size: 11px; }
     #courselisting h4 { margin: 0px; }
     #courselisting h4 a { color: #000000; text-decoration: none; }
     #courselisting h4 a:hover { color: #336699; text-decoration: underline; }
     #courselisting th a { color: #336699; }
     #courselisting th a:hover { color: #336699; }
     .sortarrow { border: 0px none; margin-left: 10px; }
     .detailslink { float: left; }
     .registerlink { float: right; }
     
     /* --- Course Legend --- */     
     #courselegend { background-color: transparent; font-size: 10px; border: 0px none; }
     #courselegend td { background-color: transparent; border: 0px none; }   

     /* --- Lister Pages --- */          
     .lister a { font-weight: bold; }
     
     
#col3 { float: left; width: 199px; }

     /* --- Related Navigation --- */
     #navrelated { margin: 15px; background: #EDEDDA; padding-bottom: 10px; }
     #navrelated.patientcenter { margin-left: 0px; background: transparent url(images/pc_main_related.gif) repeat-y 0px 0px; }
     #navrelated h1, #navrelated h2, #navrelated h3 { color: #CC6600; font-size: 12px; margin: 5px 10px 0px 10px; }
     #navrelated ul { font-size: 12px; margin: 0px 10px 10px 10px; }
     #navrelated ul.col1 { float: left; width: 195px; }
     #navrelated ul.col2 { float: right; width: 195px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navrelated ul.col1 { float: left; width: 225px; }
     * html #navrelated ul.col1 { float: left; width: 225px; }
     /* End */
     #navrelated li { margin: 4px 0px 4px -26px;  list-style-image: url(images/caret_sidebar.gif);   }
     #navrelated li img { float: right; clear: right; margin: 0px 0px 5px 5px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navrelated li { margin: 0px 0px 0px 17px; padding: 1px 0px 1px -3px; list-style-type: none; }
     /* End */
     #navrelated a { color: #000000; }
     #navrelated a:hover { color: #336699; }
     .sideheader { padding: 4px 0px 4px 10px; margin-bottom: 8px; border-bottom: 2px solid #D1D1A3; background: #CC6600; }
     .sideheader2{ padding: 0px 0px 0px 10px; margin-bottom: 0px; border-bottom: 0px solid #D1D1A3; background: #336699; }
     .sideheaderpubs { padding: 0px; margin-bottom: 8px; border-bottom: 1px solid #D1D1A3; font-size: 16px; font-weight: bold; color: #999966; }

     #navrelated.patientcenter { background: #f8f8f0; }
     #navrelated.publications { margin: 5px 15px 15px 15px; background: #FFFFFF; padding-bottom: 10px;  }
     #navrelated.publications ul { font-size: 12px; margin: 0px 10px 0px 0px; }
     #navrelated.publications li { margin: 4px 0px 4px -26px;  list-style-image: url(images/caret_publications.gif);   }
     /* Fix for IE. Hide from IE Mac \*/
     * html #navrelated.publications li { margin: 4px 0px 4px 17px; padding: 1px 0px 1px -3px; list-style-type: none; }
     /* End */
     #navrelated.publications a { color: #666666; }
     #navrelated.publications a:hover { color: #336699; }

     #navmarketing { margin: 15px; background: #FFFFFF; padding: 10px 5px 10px 5px; }
     #navmarketing h1 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 12px; color: #666666; }
     #navmarketing img { float: left; padding: 0px 5px 5px 0px; }
     #navmarketing p { margin: 0px 0px 5px 0px; font-size: 11px; }
     #navmarketing hr { margin: 0px; padding: 0px; border-top: 1px solid #acabaa; }
     
     /* --- Internal Ads --- */
     #adinternal { height: 275px; padding: 15px 10px 0px 25px; margin-left: 18px; background: url(images/sidebar_ad.gif) no-repeat 0px 0px;}
     #adinternal h1 { color: #990000; font-size: 24px; margin: 5px 0px 0px 0px; }
     #adinternal h2, #adinternal h3 { color: #990000; font-size: 14px; margin: 5px 0px 0px 0px; }
     #adinternal a { color: #000000; font-size: 12px; font-weight: bold; }
     #adinternal a:hover { color: #336699; }
     .adimg { margin: 5px 0px 0px 0px; }
     
     /* --- Sponsor Ads --- */
     #adsponsor { margin: 25px 15px 0px 15px; padding: 5px 5px 5px 5px; background-color: #E8E8D1; font-size: 11px; }
     #adsponsor.patientcenter { background-color: #f9f9f4; }
     .sponsoradvert { margin: 1px 15px 5px 15px; }

     /* --- Sponsor Ad - Publications --- */
     #adsponsor2 { margin: 25px 10px 0px 15px; padding: 0px; font-size: 10px; color: #336699; }
     .sponsoradvert2 { margin: 1px 15px 5px 15px; }

     .copyfooter { clear: both; margin-left: 219px; color: #666666; font-size: 10px;  }

#newsletterheader { float: left; width: 736px; margin: 0px 15px 0px 12px; }
.headerimg{ margin: 5px 0px 0px 0px; clear: both; }
#infovol, #infodate { font-size: 12px; font-weight: bold; color: #336699; }
#infovol { float: left; }
#infodate { float: right; }
     
/* --- Footer Container --- */
#footer { clear: both; width: 950px; margin: 0 auto 0 auto; padding: 35px 10px 10px 10px; font-size: 11px; background: #CCE5E5; border-top: 20px solid #B5CEB8;  color: #000000; }
.navlegal { float: right; margin: -14px 0px 0px 15px; color: #000000; }
.navlegal li { display: inline; background: url(images/pipe.gif) no-repeat 4px 2px; padding: 0px 0px 0px 10px; } 
.navlegal li.start { background: none; padding: 0px 0px 0px 0px;}
.navlegal a { color: #000000; text-decoration: none; }
.navlegal a:hover { color: #336699; text-decoration: underline; }

/* --- Home Page Containers --- */
#wrapperhptop { clear: both; width: 970px; margin: 0 auto 0 auto; background: #D1D1A3 url(images/hp_top_border.gif) repeat-x 0px 100%; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #wrapperhptop { clear: both; width: 970px; margin: -7px auto 0 auto; background: #D1D1A3 url(images/hp_top_border.gif) repeat-x 0px 100%; }
     /* End */

     #hptopcol1  { float: left; width: 175px; }
     #hptopcol2  { float: left; width: 364px; }

     #hptopcol3  { float: left; width: 396px; margin: 0px 15px 7px 0px; padding: 10px; background: #E3E3C8; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #hptopcol3  { float: left; width: 396px; margin: 0px 10px 7px 0px; padding: 10px 10px 5px 10px; background: #E3E3C8; }
     /* End */
     #hptopcol3 h1 { font-size: 16px; margin: 0px 0px 10px 0px; padding: 0px; color: #000000; }
     #hptopcol3 h1 a { color: #000000; text-decoration: none; }
     #hptopcol3 h2 { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px; color: #000000; }
     #hptopcol3 p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #hptopcol3 ul { margin: 0px 0px 0px 0px; }
     #hptopcol3 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px -40px; padding: 0px 0px 3px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #hptopcol3 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 3px 0px; }
     /* End */
     
     /* --- Graphic Content Header --- */     
     #hpcontent { float: left; width: 315px; }
     
     /* --- Graphic Content Header --- */     
     #hpphotochannel { float: left; width: 65px; padding: 0px 6px 0px 6px; text-align: center; font-size: 10px; }

#wrapperhpbottom { clear: both; width: 970px; margin: 0 auto 0 auto; background: #CCE5E5; }
     #hpcallout { background: #E6F2F2; font-size: 12px; padding: 12px; }
     #hpcallout img { float: right; margin-left: 5px; }
     #hpcallout img.header { clear: both; float: none; margin: 0px 0px 10px 0px; }
     
     #hpbottomcol1  { float: left; width: 196px; margin: 0px 0px 20px 0px; position: relative; bottom: 50px; }

     #hpbottomcol2  { float: left; width: 303px; margin: 0px 40px 20px 0px; padding-top: 30px; background: url(images/current_news.gif) no-repeat 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #hpbottomcol2  { float: left; width: 298px; margin: 0px 40px 20px 0px; padding-top: 30px; background: url(images/current_news.gif) no-repeat 0px 0px; }
     /* End */
     #hpbottomcol2 h1 { font-size: 14px; margin: 0px; color: #000000; }
     #hpbottomcol2 h1 a { color: #000000; text-decoration: none; }
     #hpbottomcol2 h1 a:hover { color: #336699; text-decoration: underline; }
     #hpbottomcol2 p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #hpbottomcol2 ul { margin: 0px 0px 0px -40px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #hpbottomcol2 ul { margin: 0px 0px 0px 0px; }
     /* End */
     #hpbottomcol2 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #hpbottomcol2 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px 0px; }
     /* End */
     
     .readme { background: url(images/plus.gif) no-repeat 0px 5px; padding: 0px 0px 0px 10px; }
     
     #hpbottomcol3  { float: left; width: 416px; margin: 0px 15px 20px 0px; padding-top: 30px; background: url(images/featured_events.gif) no-repeat 0px 0px; }
     #hpbottomcol3 b { font-size: 14px; margin: 0px; padding: 0px; color: #000000;}
     #hpbottomcol3 b a { color: #000000; text-decoration: none; }
     #hpbottomcol3 b a:hover { color: #336699; text-decoration: underline; }     
     #hpbottomcol3 h1 { font-size: 14px; margin: 0px; padding: 0px; color: #000000; float: left;}
     #hpbottomcol3 h1 a { color: #000000; text-decoration: none; }
     #hpbottomcol3 h1 a:hover { color: #336699; text-decoration: underline; }
     #hpbottomcol3 p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #hpbottomcol3 ul { margin: 0px 0px 0px 0px; }
     #hpbottomcol3 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px -40px; border-bottom: 1px solid #FFFFFF; padding: 0px 0px 3px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #hpbottomcol3 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px 0px; border-bottom: 1px solid #FFFFFF; padding: 0px 0px 3px 0px; }
     /* End */
     .hparrow { float: right; position: relative; bottom: 15px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html .hparrow { float: right; position: relative; bottom: 20px; }
     /* End */
     
#footerhp { clear: both; width: 950px; margin: 0 auto 0 auto; padding: 10px; font-size: 11px; background: #FFFFFF; color: #000000; }
.navlegal { float: right; margin: -14px 0px 0px 15px; color: #000000; }
.navlegal li { display: inline; background: url(images/pipe.gif) no-repeat 4px 2px; padding: 0px 0px 0px 10px; } 
.navlegal li.start { background: none; padding: 0px 0px 0px 0px;}
.navlegal a { color: #000000; text-decoration: none; }
.navlegal a:hover { color: #336699; text-decoration: underline; }

/* --- Borderless Tabular Data Bucket --- */
#tablenoborder, #tablenoborder table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
#tablenoborder th { border-bottom: 0px none; }
#tablenoborder td { border-bottom: 0px none; background: transparent; padding: 2px 0px 2px 0px; }
#tablenoborder ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#tablenoborder li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#tablenoborder ol li { list-style: decimal none; }
.headertable { width: 180px; font-size: 11px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #tablenoborder.headertable { width: 180px; font-size: 11px; margin-top: -15px; }
     /* End */
  
/* --- Paitent Center --- */
#patientceterheader { float: left; margin-top: -2px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #patientceterheader { float: left; margin-top: 0px; }
     /* End */

     #patientcenterlinks  { float: left; width: 246px; margin: 20px 15px 20px 0px; padding-top: 3px; border-top: 1px solid #FFFFFF; }
     #patientcenterlinks h1 { font-size: 14px; margin: 0px; padding: 0px; color: #000000; float: left; }
     #patientcenterlinks h1 a { color: #000000; text-decoration: none; }
     #patientcenterlinks h1 a:hover { color: #336699; text-decoration: underline; }
     #patientcenterlinks p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #patientcenterlinks ul { margin: 0px 0px 0px 0px; }
     #patientcenterlinks ul li { font-size: 12px; list-style: none; margin: 0px 0px 10px -40px; border-bottom: 1px solid #FFFFFF; padding: 0px 0px 18px 0px; clear: both; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #patientcenterlinks li {  font-size: 12px; list-style: none; margin: 0px 0px 10px 0px; border-bottom: 1px solid #FFFFFF; padding: 0px 0px 3px 0px; }
     /* End */
     .pcarrow { float: right; /*position: relative; bottom: 15px;*/ }
     /* Fix for IE. Hide from IE Mac \*/
     * html .pcarrow { float: right; position: relative; bottom: 0px; }
     /* End */

     #findgi { float: right; margin-left: 5px; }
     #findgi img { border: 0px; }
  
  
/* 
     Utilities
     ---------------------------------------------------------- */ 
#clear {clear: both; position: relative; font-size: 1px; height:1px; }
#clear.header { border-top: 1px solid #b3c2be; background: #FFFFFF; }

/* Print and Email */

#pagewrapper { width: 100%; background: #FFFFFF; }
 .headerwrapper
 {
 	height:83px;
 	width:520px;
  }
#titlebarwrapper {
	background: url(images/header_bg.gif) bottom; 
	background-repeat: no-repeat;
	height:40px;
	width:520px;	
  }	
 .leftwrapper {
 	 position: absolute;
   top:105px;
   left:10px;
  }
 .rightwrapper { 
 	 position: absolute;
   top:103px;
   right:20px;
  }

#printcontentwrapper { float: left; width: 400px; margin: 20px 5px 20px 4px;}
#printcontentwrapper p { font-size: 12px; margin-top: 0px; }
#printcontentwrapper h1 { margin-top: 0px; font-size: 16px; }
#printcontentwrapper ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#printcontentwrapper li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#printcontentwrapper ol li { list-style: decimal none; }
#printcontentwrapper li ol li { list-style: decimal none;  margin: 0px 0px 0px 20px;  }
#printcontentwrapper ul { margin: 0px 0px 10px 7px; padding: 0px 0px 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #printcontentwrapper ul { margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; }
     /* End */
#printcontentwrapper ul li { list-style: url(images/caret_content.gif); }
#printcontentwrapper li { font-size: 12px; margin: 2px 0px 0px 8px;  padding: 0px 0px 0px 0px; }
     .callouttxt {color: #336699; font-style: normal;}
#printButtonTop {
 	 position: absolute;
   top:140px;
   right:15px;
	}
#printButtonBottom {
 	 position: absolute;
   bottom:20px;
   right:15px;
	}     
  
#emailpagecontentwrapper { margin: 20px 0px 20px 70px; font-size: 11px;}
#emailpagecontentwrapper div.label { float: left; width: 100px; margin: 3px 0px 0px 0px; padding-bottom: 2px; text-align: right; }
#emailpagecontentwrapper div.input { padding-bottom: 2px; }
#emailpagecontentwrapper div.input input { width: 200px; }
#emailpagecontentwrapper div.input textarea { width: 200px; }
#emailpagecontentwrapper div.inputradio { margin: 10px 0px 5px 100px; }
#emailpagecontentwrapper div.requiredmsg { margin: 10px 0px 5px 105px; color: red;}  
#printemailbtnwrapper
  .buttonwrapper {
 	 position: absolute;
   bottom:30px;
   right:140px;  
  }

/* --- Borderless Tabular Data Bucket --- */
#logintable, #logintable table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
#logintable th { border-bottom: 0px none; }
#logintable td { border-bottom: 0px none; padding: 2px 0px 2px 0px; background: #EDEDDA}
#logintable ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#logintable li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#logintable ol li { list-style: decimal none; }
#logintable h1 {font-size: 18px; color: red;margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif;}     

.headertable { width: 180px; font-size: 11px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #logintable.headertable { width: 180px; font-size: 11px; margin-top: -15px; }
     /* End */

     
.institutelogo { float: right; margin: 20px 20px 10px 10px; }

/* --- Added by DAY --- */
.style11 {font-weight: bold; font-family: Arial; font-size: 18px;}
.style20 {color: #000000}
table.cirque {color: #000000; width: 100%; margin-top: 10px; font-size: 12px; }
.style21 {font-family: Arial; font-size: 14px; font-weight: bold; }