body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #797979; font-size: 0.75em; padding: 0px; margin: 0px; background: url(../images/bg_repeat.gif) repeat-y top center; background-color: #fff; }
a:link { color: #b08896; text-decoration: none; }
a:visited { color: #b08896; text-decoration: none; }
a:hover { color: #6d4c5b; text-decoration: none; }
p { margin: 1em 0; padding: 0; }

/* AccessKey Skip */
#skiplinks UL {	padding: 0;	margin: 0;	list-style: none; }
#skiplinks LI {	padding: 0;	margin: 0;	list-style: none; display: inline; }
#skiplinks A {	color: #000; font-weight: bold; position: absolute;	top: 30px; left: 20px; overflow: hidden; width: 0; height: 0; font-size: 1em !important; z-index: 1000; }
#skiplinks A:active, #skiplinks A:focus { position: absolute; overflow: visible; width: auto; height: auto; font-size: 1em; border: 0; margin: 0; padding: 6px;	font-size: .6em; background: #FFF; }


/* POSITIONING */
#positioner { padding: 0px; margin: auto; width: 100%; position: absolute; text-align: center; }
#wrapper { padding: 0px; margin: auto; position: absolute; width: 100%; text-align: left; }
#container { padding: 0px; margin: auto; position: absolute; width: 100%; text-align: center; float: left; }

/* HEADER */
#percent  { width: 98%; min-width: 800px; max-width: 1210px; min-height: 630px; padding: 0; margin: 0; position: absolute; text-align: left; float: left; top: 8px; left: 1%; right: 1%; background: url(../images/burg_left_col.gif) no-repeat bottom left #fff; }
* html #percent { height: 630px; }



#header { width: 100%; height: 121px; float: left;  margin: 0; padding: 0; background: url(../images/top_left_burgundy.gif) no-repeat top left; text-align: right; }

:root #header {margin-top: -12px; }

#header img { float: left; }
/* TOP UL */
#header-menu { position: relative; font-size: 0.8em; font-family: Arial, Verdana, Helvetica, sans-serif;  }
#header-menu ul { padding: 0; margin: 0; }
#header-menu li { padding: 0; margin: 0; list-style-type: none; display: inline; }
#header-menu a:link { color: #969595; text-decoration: none; }
#header-menu a:visited { color: #969595; text-decoration: none; }
#header-menu a:hover { color: #6d4c5b; text-decoration: none; }


/* LIQUID COLUMN LAYOUT - LEFT AND RIGHT FIXED, MIDDLE FLUID */

#left-column { position: absolute; float: left; left: 0px; top: 121px; width: 190px; background: #6b1935; color: #fff; font-size: 0.9em; margin: 0; padding: 0px 0px 20px 0px; }

#middle-column { background:#fff; margin: 0px 188px 0px 208px; voice-family: "\"}\""; voice-family: inherit; font-size: 0.9em; }
#middle-column img { float: left; border: 0; padding: 0; margin: 0px 10px 0px 0px; }

/*BEFORE PINK WAS top:121px*/
#right-column { position: absolute; float: right; right: 0px; top: 121px; width: 168px; }

.navigation ul { padding: 0; margin: 0; } 
.navigation li { padding: 6px 0px 6px 16px; margin: 0; list-style-type: none; border-bottom: 1px dotted #fff; }
.navigation a:link { color: #fff; text-decoration: none; }
.navigation a:visited { color: #fff; text-decoration: none; }
.navigation a:hover { color: #000; text-decoration: none; }
 
.bullet-none ul { padding: 0; margin: 30px 0px 0px 0px; border: 0; } 
.bullet-none li { padding: 0px 0px 2px 16px; margin: 0; list-style-type: none; border: 0; } 
.searchinput input { width: 115px; border: 1px solid #000; height: 20px; }
.bullet-none form { padding: 0; margin: 0;}

.top-story { padding: 0px 0px 20px 0px; margin: 0; width: 100%; background: #fff; }

/* EXPANDABLE GREY BOX WITH ROUNDED CORNERS */
.grey-box { padding: 0; margin: 0; width: 100%; background:  url(../images/grey_right.gif) repeat-y top right; float: left; }
.grey-top { background: url(../images/grey_top.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
.grey-tl { background: url(../images/grey_tl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
.grey-tr { background: url(../images/grey_tr.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
.grey-btm { background: url(../images/grey_bottom.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
.grey-bl { background: url(../images/grey_bl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
.grey-br { background: url(../images/grey_br.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
.grey-content { background: url(../images/grey_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; }
.grey-content img { float: left; border: 0; padding: 0; margin: 0px 10px 0px 0px; }

.grey-content ul { padding: 0; margin: 0px 0px 0px 82px; min-height: 120px; }
* html .grey-content ul { height: 110px; }
.grey-content li { padding: 0; margin: 0px 0px 10px 0px; list-style-type: none; }

.bulleted-content { background: url(../images/grey_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; }
.bulleted-content ul { padding: 0; margin: 0px 0px 0px 30px; }
.bulleted-content li { padding: 0; margin: 0px 0px 10px 0px; list-style-type: none; }

/* RIGHT BOX */
.right-box { padding: 0; margin: 0px 0px 6px 0px; width: 100%; background: url(../images/rightnav_repeat.gif) repeat-y top left; float: left; font-size: 0.9em; }
.right-box-top { background: url(../images/rightnav_top.gif) no-repeat top left; width: 100%; height: 23px;float: left;  }
.right-box-bottom { background: url(../images/rightnav_btm.gif) no-repeat top left; width: 100%; height: 25px;float: left;  }
.right-box ul { padding: 0; margin: 0px 0px 0px 8px; width: 154px; float: left; }
* html .right-box ul { margin-left: 4px; }
.right-box li { padding: 0; margin: 0; list-style-type: none; border-bottom: 1px dotted #b08896; }


.personalise-top { background: url(../images/burgundy_box_top.gif) repeat-x top left #efe6e9; width: 100%; height: 24px; float: left;  }
.personalise-tl { background: url(../images/burgundy_box_tl.gif) no-repeat top left; width: 18px; height: 24px; float: left; }
.personalise-tr { background: url(../images/burgundy_box_tr.gif) no-repeat top left; width: 18px; height: 24px; float: right; }

/* PERSONALISE AREA */
#p-col-left { float: left; margin: 0; padding: 0; width: 49%;  }
#p-col-left .articles-box-content img { width: 60px; height: 60px; }
#p-col-right { float: right; margin: 0; padding: 0; width: 49%;  }
#p-col-right .articles-box-content img { width: 60px; height: 60px;  }



/* TEXT RELATED */
.site-name h1 { display: none; }
#middle-column h2 { margin: 0px 0px 8px 0px; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1.4em;  }
#middle-column h3 { margin: 0px 0px 8px 0px; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1.2em;  }
#middle-articles h2 { margin: 0px 0px 8px 0px; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1.4em;  }
#middle-articles h3 { margin: 0px 0px 8px 0px; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1.2em;  }
.grey-content h3 { margin: 0px 0px 8px 0px; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1.2em;  }
.bulleted-content h3 { margin: 0px 0px 8px 0px; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1.2em;  }
.right-box h4 { margin: 0; padding: 0; font-weight: bold; color: #b38c9a; font-size: 1em;  }
.right-box h5 { margin: 6px 0px 0px 0px; padding: 0; font-weight: bold; color: #6d4c5b; font-size: 1em;  }
.articlemore { color: #b08896; text-align: right; font-size: 0.8em; float: right; }
.readmore { color: #b08896; text-align: right; font-size: 0.8em;  }
.email { color: #b08896; text-align: left; font-size: 0.8em; float: left; }
.edit { color: #555555; text-align: right; font-size: 0.8em; text-transform: uppercase; padding: 0; margin: 7px 0px 0px 0px; }
.welcome { color: #641530; font-size: 1em; padding: 0px 0px 16px 60px; margin: 0; }
.welcome_landing { color: #641530; font-size: 1em; padding: 0px 0px 16px 60px; margin: 0; float:left; width: 100%; }
.dpt {font-size: 0.9em;}

/* THEME PICKER width changed to 120 from 117 for pink theme */
.picker { border-right: 1px solid #dcdddf; border-top: 1px solid #dcdddf; border-bottom: 1px solid #dcdddf; margin: 0; padding: 0; height: 22px; width: 117px; }
.picker img { border-left: 1px solid #dcdddf; border-right: 0; border-top: 0; border-bottom: 0; }

/* EXPANDABLE TOP STORY BOX WITH ROUNDED CORNERS */
.top-story-box { padding: 0; margin: 0; width: 100%; background:  url(../images/burg_right.gif) repeat-y top right #f9f7f8; float: left; }
.top-story-box-top { background: url(../images/burg_top.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
.top-story-box-tl { background: url(../images/burg_tl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
.top-story-box-tr { background: url(../images/burg_tr.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
.top-story-box-btm { background: url(../images/burg_bottom.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
.top-story-box-bl { background: url(../images/burg_bl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
.top-story-box-br { background: url(../images/burg_br.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
.top-story-box-content { background: url(../images/burg_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; }

/* BLOCKQUOTE */
blockquote { float: right; position: relative; border: 0; padding: 0; margin: 0 0 10px 8px; width: 40%; max-width: 180px; font-family: Georgia, "Times New Roman", Times, serif; color: #b38c9a; font-size: 2em; }

/* ARTICLES LANDING PAGE */ 

#middle-articles { background:#fff; margin: 0px 2px 0px 208px; voice-family: "\"}\""; voice-family: inherit; font-size: 0.9em; }
#middle-articles img { float: left; border: 0; padding: 0; margin: 0px 10px 0px 0px; }

.top-story .articles-box { padding: 0; margin: 0; width: 100%; background:  url(../images/burg_right.gif) repeat-y top right #f9f7f8; float: left; }
.top-story .articles-box-top { background: url(../images/burg_top.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
.top-story .articles-box-tl { background: url(../images/burg_tl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
.top-story .articles-box-tr { background: url(../images/burg_tr.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
.top-story .articles-box-btm { background: url(../images/burg_bottom.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
.top-story .articles-box-bl { background: url(../images/burg_bl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
.top-story .articles-box-br { background: url(../images/burg_br.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
.top-story .articles-box-content { background: url(../images/burg_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; }


#middle-articles .articles-box { padding: 0; margin: 0; width: 100%; background:  url(../images/burg_right.gif) repeat-y top right #f9f7f8; float: left; }
#middle-articles .articles-box-top { background: url(../images/burg_top.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
#middle-articles .articles-box-tl { background: url(../images/burg_tl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
#middle-articles .articles-box-tr { background: url(../images/burg_tr.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
#middle-articles .articles-box-btm { background: url(../images/burg_bottom.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
#middle-articles .articles-box-bl { background: url(../images/burg_bl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
#middle-articles .articles-box-br { background: url(../images/burg_br.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
#middle-articles .articles-box-content { background: url(../images/burg_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; }

#p-col-left .articles-box { padding: 0; margin: 0; width: 100%; background:  url(../images/burg_right.gif) repeat-y top right #f9f7f8; float: left; }
#p-col-left .articles-box-top { background: url(../images/burg_top.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
#p-col-left .articles-box-tl { background: url(../images/burg_tl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
#p-col-left .articles-box-tr { background: url(../images/burg_tr.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
#p-col-left .articles-box-btm { background: url(../images/burg_bottom.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
#p-col-left .articles-box-bl { background: url(../images/burg_bl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
#p-col-left .articles-box-br { background: url(../images/burg_br.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
#p-col-left .articles-box-content { background: url(../images/burg_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; height: 160px; min-height: 160px; }
html>body #p-col-left .articles-box-content { height: auto; }


#p-col-right .articles-box { padding: 0; margin: 0; width: 100%; background:  url(../images/burg_right.gif) repeat-y top right #f9f7f8; float: left; }
#p-col-right .articles-box-top { background: url(../images/burg_top.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
#p-col-right .articles-box-tl { background: url(../images/burg_tl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
#p-col-right .articles-box-tr { background: url(../images/burg_tr.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
#p-col-right .articles-box-btm { background: url(../images/burg_bottom.gif) repeat-x top left; width: 100%; height: 18px;float: left;  }
#p-col-right .articles-box-bl { background: url(../images/burg_bl.gif) no-repeat top left; width: 18px; height: 18px; float: left; }
#p-col-right .articles-box-br { background: url(../images/burg_br.gif) no-repeat top left; width: 18px; height: 18px; float: right; }
#p-col-right .articles-box-content { background: url(../images/burg_left.gif) repeat-y top left; float: left; margin: 0; padding: 0px 10px 0px 10px; height: 160px; min-height: 160px; }
html>body #p-col-right .articles-box-content { height: auto; }

.email-form { font-size: 1em; }
.email-form input { border: 1px solid #969595; background: #fff; font-size: 1em; color: #969595; height: 16px; }
.email-form textarea { border: 1px solid #969595; background: #fff; font-size: 1em; color: #969595; font-family: Verdana, Arial, Helvetica, sans-serif; }
.email-form input:hover { border: 1px solid #000; background: #fff; font-size: 1em; color: #000; height: 16px; }
.email-form textarea:hover { border: 1px solid #000; background: #fff; font-size: 1em; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }

.ad-banner { float: right; margin-right: 4px; }
* html .ad-banner { margin-right: 2px; }

/* FEEDBACK FORM */
.feedback { font-size: 1em;  }
.feedback form ul { list-style: none; margin: 2em 0; padding: 0; }
.feedback form li { margin: 0.5em 0; line-height: 1.6em; }
.feedback label { float: left; width: 19.5em; text-align: right; margin-right: 0.5em; }
.feedback select { z-index: 0; }
.feedback input { border: 1px solid #969595; font-size: 1em;  height: 1.8em; }
.feedback textarea { border: 1px solid #969595; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 31em;}
.feedback .nobox input { border: 0; padding-bottom: 8px; width: auto; height: auto; }
.feedback .nobox img { width: 89px; height: 43px;  }
.feedback.pad-bottom { padding-bottom: 8px; }

/* ARTICLES HOVER */
#middle-articles h2 a { color: #b38c9a; text-decoration: none; }
#middle-articles h2 a:hover { color: #000; text-decoration: none; }

.highlight { font-weight: bold; color: #b38c9a;  }
/* BREAST CANCER MONTH */
#bc-month { float: right; margin:12px 16px 0 0; padding:0;  }

/* ADJUSTING CSS for HOMEPAGE 11-01-07 */
.article_header { float: left; width: 100%; }
.article_header_left { float: left; }
.article_header_right { float: right; }
