@charset "utf-8";
/* CSS Document */
/*//////////////////////////
// filename: styles.css
// author: Frances Donovan
// last mod: Feb 2010
// notes: originally developed by MadPow/Atom Group
//        modified by Nina Johannessen, Blue Iris Web Design
//        primary owner Frances Donovan, PHS Web Dev for BWH (fjd6)
//////////////////////////*/

/* custom stylesheet for research pages, maintained by Christine Soh Michael. Erik Peterson is PM in IT for Research */
@import url(/research/admin/styles/text2.css);

/* this is the positioning stuff we use to make Research pages work on BWH.org. Controlled by FJD, not Christine Michael */
@import url(/App_CSS/research.css);

/* stylesheet controlled by BWH Marketing. Allows for changes to typography and custom divs. Kevin McNavich primary owner */
@import url(/App_CustomCSS/marketing.css);

/* import other stylesheets */
@import url(/App_CSS/leftNav.css); /* left navigation styles*/
@import url(/App_CSS/menu.css); /* top navigation drop-down menu */
@import url(/App_CSS/tabber.css); /* 90% sure this is for left nav */
@import url(/App_CSS/stylesNewsletter.css); /* enewsletter page*/
@import url(/App_CSS/googlestyles.css); /* google search results page - placed here to override other styles that may have been set earlier */

html
{
	overflow-y: scroll;
}

/*note: the subNav1 and subNav2 body style set the proper background image to 
match other design elements. other dependent styles appear elsewhere in the stylesheet*/
body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.subNav1 {
	background: url(../_images/bg2.png) repeat-x #F0F1EC;
}
.subNav2 {
	background: url(../_images/bg3.png) repeat-x #F0F1EC;
}

/*default styles*/
img, div { 
	border:none;
}
.clear{
	clear:both;
}

/* default link styles */
/* these are now defined in Marketing.css */

.right {
	float:right;
	font-size:11px;
}

.right2
{
	float:right;
	font-size:11px;
	*margin-bottom:10px;
	_margin-bottom:10px;
}

/* default typography styles */
/* these are now defined in Marketing.css */



/* you can't really mess with these too much or it'll affect all
sorts of global elements. See #col1 and other #col divs for additional UL and LI formatting */
ol li 
{
    font-size: inherit;
    list-style-type:number;
}

ul li 
{
    font-size: inherit;
    line-height: normal;
}

ul ul /* for nested tables*/
{
    margin-right: 10px;
}


ul ul li /* for nested tables*/
{
    font-size: inherit;
    line-height: normal;
}



/** LAYOUT STYLES FOLLOW WITH SOME TYPOGRAPHY THROWN IN FOR FUN **/

#mainBody { /*this is a wrapper more than anything else*/
	margin:0 auto;
	width:960px;
	padding:0px;
	z-index:0;
}

/* begin global header styles */
#header {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:960px;
	z-index:5;

}

#logo {
	position:absolute;
	margin:0px;
}

#pikeNotesLink 
{
    display: block;
    position: absolute;
    top: 40px;
    left: 400px;
    border: 0;
}

#headerLinks {
	top:15px;
	right:0px;
	position:absolute;
	float:right;
	margin:0px 5px 0px 0px;	
	width:520px !important;
	width:560px; /*ie6 hack */
	border: none !important;
	font-size:10px;
}
#toolLine1 {
	margin: 0 9px 0 0;
	display: block;
	float: right;
	border: none;
}

#toolLine2 { 
	margin: 9px 9px 0 0;
	display: block;
	float: right;
	font-size: 11px; /* larger size here*/
}

.toolFirst {
	float:left;
	border-right:2px solid #000000;
	margin:0px 0px 0px 45px;
	padding-right:9px;
	color:#05707F;
}
.tool {
	float:left;
	border-right:2px solid #000000;
	margin:0px 0px 0px 9px;
	padding-right:9px;
	color:#05707F;
}
.toolLast {
	float:left;
	margin:0px 0px 0px 9px;	
	border:none;
	color:#05707F;	
}

/* NOTE: search results styles live in googleStyles.css*/
#search {
	margin:10px 5px 0 0;
	float:right;
	display: block;
	padding-right: 5px;
}
.search {
	width:177px;
}
.searchBtn {
	vertical-align:top;
}


/* BEGIN global header styles */

/* BEGIN top navigation styles*/
/* NOTE: most top navigation styling is in menu.css */
/*       left navigation styles (leftnav) are below */
#navigation {
	position:relative;
	display:block;
	top:106px;
	width:960px;
	height:48px;
	z-index:100;
}
#breadcrumbs {
	position:relative;
	display:block;
	top:110px;
	color:#666666;
	font-size:12px;
/* --------- Remove to display bread crumbs ---------- */
	display:none;
}

/* END top navigation styles*/

/* Left navigation left nav leftNav files now live in leftNav.css*/

/* typography -- needs to be consolidated*/
/* pageTitle sits outside the main content div*/
#pageTitle {
	position:relative;
	display:block;
	top:142px;
	color:#EB6C20;
	font-size:18px;
	font-weight:bold;

}

/* this is a misnomer. Page contents as we know them live in the divs col1 (or colX, depending on the template) and Print_Content*/
/* .content is really just another wrapper */
.content {
	position:relative;
	display:block;
	float:left;
	top:155px;
	padding:0px;
	background:#FFFFFF;
	width:960px !important;
	z-index: 1; 
}
	
#feedbackText /*note: this sits inside col1, the main content wrapper, not the footer*/
{
    display: block;
    position: relative;
    text-align: center;
    margin-left: 50px;
    padding-top: 20px;
    color: inherit;
    font-size: 10px;
}


/* BEGIN FOOTER STYLES */
.footerSpacer {
	float:left;
	width:960px;
	height:40px;
}

#footer {
	position:relative;
	display:block;
	margin:0px;
	padding:0px 10px 0px 10px !important;
}

#footerContent {
	margin-left: 0px;
	margin-top: 0px;
	padding:0px;
	position:relative;
	display:block;
	width:940px;
	height:85px;
	border-top: 1px dotted #666666;	
	background:#FFFFFF;
	font-size:10px;	
}

#footerLogos {
	float:left;
	margin: 25px 5px 0 0;
}
#footerNavigation {
	float:right;
	text-align: right;
	position:relative;
	top:25px;
	right:10px;
	display:block;
	width:auto;
	height:35px;
	color:#3F4665;
}
#footerNavigation a {
	margin:0px 10px 10px 0px;
	padding-right:10px;
	border-right: solid 1px #A4B5C1;
}
#footerNavigation a.last {
	margin:0px 10px 0px 0px;
	padding:0px;
	border-right: none;
}
#footerText {
	float:right;
	position:relative;
	top:10px;
	display:block;
	height:35px;
	color:#3F4665;
}
#footerText .item {
	margin:0px 10px 10px 0px;
	padding-right:10px;
	border-right: solid 1px #A4B5C1;
}
#footerText .itemLast {
	margin:0px 10px 10px 0px;
	border-right: none;
}
/* END FOOTER STYLES */


/* no idea what this is for yet */
.pagination {
	display:block;
	position:relative;
	float:right;
	width:246px;
	height:25px;
	color:#056B79;
	font-weight:bold;
	z-index:10;
	padding-right:50px;
}
.page {
	display:block;
	position:relative;
	float:left;
	width:15px;
	height:18px;
	background:url(../_images/btn_number.gif) no-repeat;
	color:#FFFFFF;	
	padding:4px 0px 0px 6px;
	margin:0px 2px 0px 0px;
}
.page a {
	color:#FFFFFF;
}
.pageOn {
	display:block;
	position:relative;
	float:left;
	width:15px;
	height:18px;
	background:url(../_images/btn_number_on.gif) no-repeat;
	color:#056B79;
	padding:4px 0px 0px 6px;
	margin:0px 3px 0px 0px;	
}
.pagination .label {
	float:left;
	padding:4px 6px 0px 3px;
	color:#999999;
}
.pagination .label a{
	color:#056B79;
}

.pagination .label a:hover{
	color:#000;
}
.pagination .page a:hover {
    color:#FFF;
}

#subBrowse {
	display:block;
	position:relative;
	width:725px;
	height:70px;
	top:5px;
	left:3px;
	padding:0px;
	float:left;
}
#subBrowse2 {
	display:block;
	position:relative;
	width:725px;
	height:70px;
	top:40px;
	left:0px;
	padding:0px;
	float:left;
}
#subBrowse #title {
	display:block;
	position:relative;
	float:left;
	color:#333333;
}
#subBrowse #title h2 {
	font-size:14px;
	color:#6A6857;
	padding:0px 0px 10px 0px;
	margin:0px;
}

/* Landing Page */

.wide {
	position:relative;
	display:block;
	float:left;
	width:670px !important;
	margin:0px;
}

/* Begin Blank template -- #col -- styling*/
/* single-column -- for when main content body takes up entire width */
#col
{
	position:relative;
	display:block;
	float:left;
	width:930px;
	padding-left:20px;
	margin-top: 12px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#col ul {
	position:relative;
	margin:0px 0px 22px 12px;
	padding:0px;
}
#col ul li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet1.gif) no-repeat 0 0;
	z-index:5;
	line-height: 100%;
}

#col ul ul {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	margin-left: 30px;
    margin-top: 10px;
	z-index:5;
}

#col ul ul li {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat 0 0;
	z-index:5;
	line-height: 100%;
}


#col ul.type2 li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat;
	z-index:5;
	line-height: 100%;
}
/* end Blank template -- #col -- styling*/



/* col1 is the div that contains MOST content pushed out by the WYSIWYG in TeamSite.
It's the div used in DeptBlank and DeptHome templates. 
Inside col1 is the div Print_Content, but Print_Content should not be used 
for on-screen styling. Print_Content interacts with the Print this Page function.
We can use it for print styling if necessary.

col1 styles MAY vary depending on whether we're in a DeptHome, DeptBlank, or LandingPage
template. Requires further investigation -- was named & styled first by MadPow and then
Nina Johannessen.

Check default typography styles at top of this document -- they should set anything not 
defined here. you may need to re-set them in colX divs as well.

- FJD6 3/12/2010

*/
#col1 {
	position:relative;
	display:inline;
	float:left;
	width:700px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:20px;
}

/* If you are trying to set main body page styling here, make sure to 
set it in the other #col divs as well -- landing page uses #col, not #col1 */
#col1 ul {
	position:relative;
	margin:0px 0px 22px 12px;
	padding:0px;
}
#col1 ul li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet1.gif) no-repeat 0 3px;
	z-index:5;
	line-height: 150%; 
}

#col1 ul ul {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	margin-left: 30px;
    margin-top: 10px;
	z-index:5;
}

#col1 ul ul li {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat 0 0;
	z-index:5;
	line-height: 150%; 
}



#col1 ul.type2 li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat;
	z-index:5;
	line-height: 100%; 
}

/* #col1a - col1c moved to marketing, since they seem to be for the landing pages */

/* THIS IS THE RIGHT SIDEBAR*/
#col2 {
	position:relative;
	display:inline;
	float:right;
	width:191px;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	border-left: 1px dotted #A4B5C1;
}
#col2 p {
	padding:0px 7px 0px 0px;
}
#preFooter {
	position:relative;
	display: inline;
	float:left;
	width:690px;
	/*	margin:35px 0px 0px 12px !important; */
	margin:35px 0px 0px 5px;
	color:#056B79;
}
#award {
	position:relative;
	display:block;
	width:604px;
	border:3px solid #DDDED0;
	padding:16px 20px 15px 20px;
	background:#F0F1EC;
}
#award img {
	float:left;
	padding:0px 20px 20px 0px;
}
#award p {
	margin:0px;
	line-height:150%;
}

/* 3-Column Page */


/*.subNav2 .content {
	position:relative;
	display:block;
	float:left;
	top:137px; 
	background:#FFFFFF;
	padding:0px;
}*/

.subNav2 .content {
	position:relative;
	display:block;
	float:left;
	top:137px;
	background:#FFFFFF;
	padding:0px;
}


#pageHeader {
	position:relative;
	display:block;
	height:68px;
	clear:both;	
	width:960px;
	top:139px;
	z-index:1; 
}

.subNav2 #pageTitle{
	position:relative;
	display:block;
	padding:8px 0px 0px 0px;
	top:16px;
	float:left;
}

/* Original Style

.subNav2 #pageTitle{
	position:relative;
	display:block;
	padding:8px 0px 0px 0px;
	top:137px;
	float:left;
}

*/

.subNav2 #pageNav{
	position:relative;
	display:block;
	padding:0px;	
	height:36px;
	top:145px !important;
	top:134px;	
	float:left;
	width:707px;
}

/* Original Style 
.subNav2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:460px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 10px !important;
}
*/

.subNav2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:460px;
	line-height:150%;
	color:#333333;
	margin:26px 0px 0px 5px !important;
}

.subNav2 #col1 p {
	margin: 0px 0px 10px 0px;
}

/*  3-Column Page No Tabs*/

.subNav1.col3 #col1 {
	position:relative;
	display:block;
	float:left;
	width:450px;
	line-height:150%;
	color:#333333;
	margin:25px 0px 0px 20px !important;
}

/* Original Style 
.subNav1.col3 #col1 {
	position:relative;
	display:block;
	float:left;
	width:450px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 20px !important;
	margin:5px 0px 0px -10px;
}
*/

/* New Style */
.subNav1 #pageTitle{
	position:relative;
	display:block;
	padding:8px 0px 0px 20px;
	top:138px;
	float:left;
}
/* New Style */

.subNav1.col3 #col1 img {
	float:left;
	margin:5px 22px 10px 0px;
}

.subNav1.col3 .content {
	position:relative;
	display:block;
	float:left;
	top:117px !important;
	background:#FFFFFF;
	z-index:1;
	padding:0px;
}

.subNav1.col3 #leftNav {
	position:relative;
	display:block;
	float:left;
	width:242px;
}


/* Original Styles

.subNav1.col3 .content {
	position:relative;
	display:block;
	float:left;
	top:103px !important;
	top:101px;
	background:#FFFFFF;
	padding:12px 10px 0px 10px;	
	z-index:1;
}

.subNav1.col3 #leftNav {
	position:relative;
	display:block;
	float:left;
	top:-12px !important;
	left:-10px;
	width:242px;
}

.subNav1.col3 #leftNav_topB {
	position:relative;
	display:block;
	float:left;
	background:#006175;
	top:0px !important;
	top:0px;	
	width:230px;
	height:40px !important;
	height:36px;	
	z-index:10;	
}

*/

/* New Style */
.subNav1.col3 #leftNav_top {
	position:relative;
	display:block;
	float:left;
	background:#006175;
	top:0px !important;
	top:0px;	
	width:230px;
	height:66px;
	z-index:1;	
	top:119px !important;	
	background:url(../_images/img_leftNav_top.png) top no-repeat #006175;
}
/* New Style */


.subNav1.col3 #col2 {
	margin:20px 0px 0px 13px;
}

/*Original Style 

.subNav1.col3 #col2 {
	padding:5px 0px 0px 13px;
}

*/

.subNav1.col3 #col1 p {
	margin:0px 0px 7px 0px;
}
.subNav1.col3 #col2 ul {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 0px;
}
.subNav1.col3 #col2 li {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet5.gif) no-repeat;
	z-index:5;
}

/*  2-Column Page No Tabs*/

.subNav1.col2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:650px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 10px !important;
	margin:5px 0px 0px -10px;
}


/* original style

.subNav1.col2 #col1 img {
	float:left;
	margin:5px 22px 10px 0px;
}*/
.subNav1.col2 .content {
	position:relative;
	display:block;
	float:left;
	top:103px !important;
	top:101px;
	background:#FFFFFF;
	padding:12px 10px 0px 10px;	
	z-index:1;
}
.subNav1.col2 #leftNav {
	position:relative;
	display:block;
	float:left;
	top:-12px !important;
	left:-20px;
	width:242px;
}
.subNav1.col2 #leftNav_topB {
	position:relative;
	display:block;
	float:left;
	background:#006175;
	top:0px !important;
	top:0px;	
	width:230px;
	height:40px !important;
	height:36px;	
	z-index:1;	
}
.subNav1.col2 #col1 p {
	margin:0px 0px 7px 0px;
}

/* About the Hospital */
/* this takes care of the funkiness in the top menu that 
allows our search form */

#about {
	display:block;
	position:relative;
	background:url(../_images/img_aboutHospital_1.jpg) right no-repeat #9D9C87;
	width:735px;
	height:173px;
	top:-12px;
	left:-10px;
	padding:0px;
	float:left;
}
#subSection1 {
	display:block;
	position:relative;
	width:718px;
	top:5px;
	left:3px;
	padding:0px;
	float:left;
	border-bottom:1px dotted #028FAB;
}
#subSection1 ul {
	display:block;
	position:relative;
	margin:0px 13px 0px 0px;
	padding:0px 0px 18px 0px;
	width:165px;
	float:left;
}

#subSection2 {
	display:block;
	position:relative;
	width:715px;
	top:10px;
	left:0px;
	padding-bottom:20px;
	float:left;
}

/* Original Style 

#subSection2 {
	display:block;
	position:relative;
	width:730px;
	top:15px;
	left:3px;
	padding:0px;
	float:left;
}

*/
#subSection2 ul {
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:165px;
	float:left;
}
.gridItem {
	display:block;
	position:relative;
	margin:0px 16px 13px 0px;
	padding:0px 0px 18px 0px;
	width:165px;
	height:125px !important;
	height:135px;	
	float:left;
	border-right:1px dotted #028FAB;
}		
.gridItem p {
	font-size:11px;
}
.gridItem h2 {
	color:#6A6857;
	font-size:14px;
}
.gridItem.last {
	border-right:none;
}
.gridItem .right {
	float:right;
	margin:0px 10px 0px 0px !important;
	margin:0px -35px 0px 0px;	
}

/* Health Library 
// unless these styles are for the top nav, we may very well be abel to remove these styles altogether.
//   Health Library pages are maintained by Staywell now, including the landing page 
*/

#categories {
	width:205px;
	height:150px;	
	padding:30px 0px 10px 23px;
	float:left;
}
#browse #categories .right {
	margin-right:0px !important;
	margin-right:-50px;
}
#articles {
	width:215px;
	height:150px;	
	padding:30px 0px 10px 23px;
	float:left;
}
#browse #articles .right {
	margin-right:0px !important;
	margin-right:-40px;
}
.gridItem3 {
	display:block;
	position:relative;
	margin:0px 12px 13px 0px;
	padding:0px 10px 18px 10px;
	width:210px;
	height:125px !important;
	height:135px;	
	float:left;
	border-right:1px dotted #028FAB;
}		
.gridItem3 p {
	font-size:11px;
}
.gridItem3 h2 {
	color:#6A6857;
	font-size:14px;
}
.gridItem3.last {
	border-right:none;
	margin:0px 0px 13px 0px;
	padding:0px 0px 18px 10px;
	width:218xpx	
}
.gridItem3 .right {
	clear:both;
	float:right;
	margin:0px 12px 0px 0px !important;
	margin:0px -35px 0px 0px;	
	font-size:11px;	
}
.gridItem3.last .right {
	margin:0px 16px 0px 0px !important;
	margin:0px -35px 0px 0px;
}	
.gridItem_divider {
	clear:both;
	width:710px;
	border-bottom: 1px dotted #028FAB;
	margin:5px 0px 12px 0px !important;
	margin:0px 0px 25px 0px;	
}

/* Surgery Department */
/** This is the surgery widget -- this section may need to be 
re-annotated in Phase 2 production. **/

#history {
	position:relative;
	display:block;
	width:460px;
	padding:0;
	float:left;
	margin:0px 0px 15px 0px;
	font-size:11px;
	background:#F0F1EC;
	border: 1px solid #CCCCCC;
}
#history ul {
	margin:0px;
	padding:0px;
	width:140px;
}
#history li {
	margin:10px 0px 10px 0px;
	padding:0px;
	background:#004E5E;
	
}
#history a {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
#history p {
	margin:0 0 6px 0;
}
#historydivcontainer {
	position:relative;
	display:block;
	width:265px;
	float:left;
	margin:0px 0px 0px 10px;
	padding:10px;
}
.caption {
	color:#707070;
	font-size:10px;
	line-height:125%;
}


.ContentHolder
{
	float:left;
	position:relative;
	display:block;
	width:952px;
	min-height:560px;
	height:auto !important;
	height:560px;
	background:url(../_images/LeftNav_BackgroundBottom.gif) bottom left repeat-y;
	z-index:1;
}

/*  2-Column Page No Tabs*/

.subNav2.col2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:650px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 20px !important;

}
.subNav2.col2 #col1 img {
	float:left;
	margin:5px 22px 10px 0px;
}
.subNav2.col2 .content {
	position:relative;
	display:block;
	float:left;
	top:157px !important;
	background:#FFFFFF;
	z-index:1;
	padding:0px;
}
.subNav2.col2 #leftNav {
	position:relative;
	display:block;
	float:left;
	top:0px !important;
	width:242px;
	left:0px;
}

.subNav2.col2 #col1 p {
	margin:0px 0px 7px 0px;
}

/* MORE RIGHT SIDEBAR */
.subNav2 #col2 {
	margin:20px 0px 0px 13px;
}
.subNav2 #col2 ul, #col2 ul {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10px 20px 25px 0px;
}
.subNav2 #col2 li, #col2 li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_images/bullet5.gif) no-repeat scroll 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 6px;
	padding:0 0 0 8px;
	position:relative;
	text-decoration:none;
	z-index:5;

}
.rightpanelrule {
	/*height: 1px;
	margin-right: 12px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	margin-bottom: 12px;
	margin-top: 10px;
	color: #9E9E9E;*/
}

/* begin QuickLinks */


#quickLinks {
	display: block;
}

#quickLinks a
{
	font-size:10px;
	font-weight: normal; /* needed to add this because of Research legacy code*/
}

#quickLinks img#imgFindDoc
{
	margin-top: -3px;
	margin-bottom: 5px;
}

#quickLinks img#imgReqAppt
{
	/* no atts */
}


/* not really using these since we had trouble with the background of the onmouseover state. can delete but I'm feeling sentimental about 7 hours of css coding FJD6 7.26.2010
#quickLinks ul {
	margin: 0;
	padding: 0;
}

#quickLinks ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#quickLinks ul li#btnFindDoc {
	border: dotted 1px red;
	margin-top: 13px;
}

#quickLinks ul li#btnReqAppt {
	border: dotted 1px red;
}
*/

#quickLinks .ContactBTN /* not actually a button, but an icon next to a link */
{
	float:left;
	width:180px;
	padding: 0 0 5px 0;
}

#quickLinks .ContactBTN img
{
	float:left;
	padding-right:10px;
	display: inline;
}

#quickLinks .ContactBTN a
{
	float:left;
	width:120px;
	padding-top:18px;
	display: inline;
}

#quickLinks .MapsBTN
{
	float:left;
	width:180px;
	padding-bottom:12px;
	padding-top: 5px;
}

#quickLinks .MapsBTN img
{
	float:left;
	width:23px;
	height:17px;
	padding-right:10px;
}

#quickLinks .MapsBTN a
{
	float:left;
	width:130px;
	padding-top:2px;
}

/* end QuickLinks -- we need to keep these style definitions as is*/

#relatedLinks {
	border-top: dotted 1px #666666;
	margin-right: 10px;
	padding-top: 12px;
}

.header 
{
    padding: 0px;
    margin: 3px 0 5px 0;
    border: 0;
}

#latestNews 
{
	padding-bottom: 0;
	/* NOTE: This div is defined differently than those following because
    of issues with the Contact and Map buttons. The News image must be cut
    with the padding and the top dotted line border intact in it. Trust me,
    we tried setting the styles in a way that was more consistent and it doesn't work.*/
}

#latestNews img.header 
{
    margin-bottom: 12px;
    padding: 0;
}

#latestNews img {
	float:left;
	margin:0px 0px 15px 0px;
	border:none;
}
#latestNews .label {
	font-size:11px;
	float:left;
	width:85px;
	margin:0px 0px 0px 10px;
}


.SubSubNav
{
	display:none;
}

/* SOME FORM STYLES */
.formtophdr{
	font-size: 20px;
	font-weight: bold;
	padding-left: 16px;
	color: #036;
	padding-top: 12px;
}
.formtoptxt {
	padding-right: 10px;
	padding-left: 16px;
	color: #036;
	line-height: 1.4em;
}
.formtxtred {
	color: #900;
}
.formtextblue {
	text-align:left;
}
.LandingPagesubTitle {
	font-size: 18px;
	font-weight: bold;
	color: #069;
}
select {
	z-index:5;
}

select#hideInput 
{
    font-size: 11px;
    /* can't control width of the menu but can decrease font size*/
}

table tr, #Table1 tr, #Table2 tr {
	height: 30px;
	z-index:10;
	margin: 0px;
	padding: 0px;
}

table td, #Table1 td, #Table2 td {
	padding-bottom: 0px;
	line-height: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

#highlightBox
{z-index:1;}
#subIntroduction
{z-index:1;}

/*styles for submit button landing pages

.btn_submit
{
background-image: url(/forms/formImages/btn_submit.gif);
 
    width:100px;
    height:25px;

}
*/