/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

html { overflow-y: scroll; } /* normalize presence of scrollbars */
body {
	text-align: center;
	background: #EBEBEB url('/images/Cancer/bkgd.jpg') repeat-x;
	color:#666;
	line-height:22px;
}
#doc974 {
	width: 974px;
	margin: auto;
	text-align: left;
}

/** Page Grid:                    | #bd
  * 974px: Total page             | 974px width
  *   1px: #bd border-left        | 1px border
  *   1px: #bd border-right       | 15px padding-left
  *  15px: #bd padding-left       | +-------------+------------+-------------+
  *   0px: #bd padding-right      | | #left       | #main      | #right      |
  *                               | | 169px width | fluid      | 200px width |
  * 957px: Remaining content area | |  13px right | 20px right |   0px right |
  *                                 | optional    |            | optional    |
  ***** Fixed measurements:         |             |            |             |
  * 169px: Left
  *  13px: Left-Main gutter
  *  20px: Main -* gutter
  * 200px: Right
  *
  ***** Derived:
  * LMR: (LM Container): 775px
  * LMR: Main:           555px
  * LM:  Main:           775px
  * MR:  Main:           737px
  * M:   Main:           937px
  *
  *
  */
.grid_LMR #grid_container { float: right; width: 775px; }
.grid_LMR #grid_Main      { float: left;  width: 555px; }
.grid_LMR #grid_Right     { float: right; width: 200px; }
.grid_LMR #grid_Left      { float: left;  width: 169px; }

.grid_LM  #grid_Main      { float: right; width: 775px; }
.grid_LM  #grid_Left      { float: left;  width: 169px; }

.grid_MR  #grid_Main      {
	float: left;
	width: 626px;
	padding:10px;
	background: #fef9e6 url(/images/Cancer/mainBack.jpg) repeat-x scroll 0 0;
	border:2px solid #fff;
	margin:0;
	
}

.grid_MR  #grid_Right     { float: right; width: 310px; }

.grid_M   #grid_Main      {
	width: 937px;
	background:#FBFBFB url(/images/HomePage/homepage_bg.jpg) repeat-x scroll 0 0;	
	border:2px solid #fff;
	margin:0;
	padding:10px;
}

#hd, #bd, #ft { clear: both; }

/*** Header ***/
#topNav #explore { float: left; font-size: 9px; color: #fff; text-decoration: none; height: 27px; line-height:27px; background-color: #1F7D80; padding: 0px 10px; }
#topNav ul { margin: 0; padding: 0; float: right; height: 28px;}
#topNav ul li { display: inline; float: left; margin: 0; padding: 0 10px; height: 27px; line-height: 27px; background-color: #1F7D80; border-left: 2px solid #036B6E; }
#topNav ul li a { font-size: 9px; color: #fff; text-decoration: none; padding:0; margin: 0; }
#topNav ul li a:hover { color: #dedede; }

#hd {
	margin-top: 0;
	padding-top: 0;
	height:140px;
}
#hd #layout_Logo {
	float: left;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom:0;
	height:71px;
}
#hd .service {
	float: right;
	clear: right;
	
}

#topNav {
	height:28px;
	margin:0;
	padding:0;
}

#hd #layout_Search {
	margin-top: 0;
	background-color: #EEE08C;
	color: #888348;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 10px 20px;
	display:none;
}


/** Top Menu, including T1 with T2 drop-downs
  * Remove this whole section if there is no top menu!
  * Aside from the width, every style here is purely structural.
  * This is just to get the list horizontal and have things line up
  * when the drop-down occurs. Do appearance styling below these.
  **/
#layout_TopMenu       { clear: both; height: 24px; }
#layout_TopMenu ul    { list-style: none; }
#layout_TopMenu li { list-style: none; display: inline; float: left; width: auto; }
#layout_TopMenu a { display: block; }
#bd select.hover  { visibility: hidden; }

/** Top Menu appearance styling **/
#layout_TopMenu {
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-top:0px;
	padding-top:0px;
	margin-top:0px;
	height:42px;
}

#layout_TopMenu .T1 a {
	line-height: 39px;
	list-style: none;
	float: left;
	padding: 0 30px;
	border-right: 1px solid #e2e2e2;
	background-image:none;
	color: #006B6E;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;

}

#layout_TopMenu .T1 a:hover {background: url('/images/Cancer/navigation_bg.jpg') repeat-x;}

.nav_flower {border:0; margin:-3px 0 0 -1px;}

/** Search function styles **/
#layout_TopMenu #searchTop{
	float: right;
	padding: 0 10px;
	background: none;
	width: 320px;
}
#searchTop form { margin-top: 12px; }

#layout_SearchField {
	float: left;
	width: 212px;
	padding-left: 8px;
	border: 1px solid #a3a3a3;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}

#layout_emailField {
	float: left;
	width: 160px;
	padding-left: 8px;
	border: 1px solid #a3a3a3;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}


#layout_SearchGo {
	float: left;
	width: 87px;
	height: 29px;
	margin-top: -4px;
	padding-left: 10px;
}

#layout_submitGo {
	float: left;
	width: 80px;
	height: 25px;
	margin-top: -4px;
	padding-left: 10px;
}

/**Right Buttons**/
#layout_Callouts .rightNav {
	margin:0px;
}

#layout_RightMenu li {
	border-bottom:1px solid #E2E2E2;
	list-style-type:none;
	padding-left: 10px;
}

#layout_RightMenu li.T1 {
	padding-top: 14px; 
	padding-bottom:15px;
}

#layout_RightMenu li.T2 {
	height: auto; 
	padding-top: 0px; 
}

#layout_RightMenu a {
	color: #006B6E;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#layout_RightMenu a:hover {
	text-decoration:underline;
}


/** Body **/
#bd {
	padding:10px 0;
}

/* Fancy page_title background varies according to current grid
   These files exist, but not all are used:

.grid_LMR h1.page_title { width: 495px; background-image: url('/images/Cancer/header_LMR_555.jpg'); }
.grid_MR  h1.page_title { width: 677px; background-image: url('/images/Cancer/header_MR_737.jpg');  }
.grid_LM  h1.page_title { width: 715px; background-image: url('/images/Cancer/header_LM_775.jpg');  }
.grid_M   h1.page_title { width: 877px; background-image: url('/images/Cancer/header_M_937.jpg');   }

  * Not all are used because the header normally spans both L and M.
  * For, for instance, LMR really needs MR.
  * And LM need M.
  */
.base h1.page_title {margin-top: 0;}

.grid_LMR h1.page_title,
.grid_MR  h1.page_title { width: 600px;}
.grid_LM  h1.page_title,
.grid_M   h1.page_title { width: 877px;}


/** Related Links / Callouts **/
.HP .base#layout_Callouts img { padding: 0; }
.HP .base#layout_Callouts td { padding: 10px 0 0 0; }

.layout_Related { 
	font-family: arial, helvetica, clean, sans-serif; 
	background:#FCF7DB url(/images/HomePage/homepage_bg.jpg) repeat-x scroll 0 0;	
	border:2px solid #fff;
	margin:10px 0 10px 0px;
	padding:10px;
	width:265px;
	overflow:hidden;
}

.layout_Related h2 {
	color:#4E666F;
	font-size: 80%;
	margin: 0 0 10px;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
}

.layout_Related ul { margin: 0; }
.layout_Related li {margin:5px 0; }
.layout_Related a { color: #006a6e; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:80%;}
.layout_Related a:hover { color: #81B3B2; text-decoration: underline; }

/*** Footer ***/
#lowerGrid { background-image: url('/images/Cancer/footer_bg.jpg'); background-repeat: repeat-x; }
#ft { clear: both; color: #868989; list-style:none; font-size: 12px;  text-align: center; height: 150px; padding-top: 4px; width: 974px; margin: 10px auto 0 auto; }
#ft a { color:#333; text-decoration:none}
#ft .greyLinks a { color: #868989; }

#ft a:hover{color:#bbbbbb; text-decoration:none}

#ft ul {margin: 0; } 
#ft li {color: #333; display: inline; border-left: 1px solid #e3e3e3; list-style:none; float: right; }
#ft #this_page { height: 36px; text-align: right; font-size: 11px; margin-bottom: 19px; }
#ft #this_page a { display: block; float: right; border-left: 1px solid #e3e3e3; }

#ft  .font_sizer {
	border-right:1px solid #e3e3e3;
	float:right; 
}
#ft  .font_sizer img { cursor:pointer;}

/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1 { font-size: 138.5%; margin: 13px 0; font-weight: bold; }
.base h2 { font-size: 110%; margin: 13px 0; font-weight: bold; text-transform:uppercase}
.base h3 { font-size: 108%;   margin: 13px 0; font-weight: bold; }
.base h4 { font-weight: bold; }
.base h5 { font-weight: bold; }
.base h6 { font-weight: bold; }
.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 1em; }
.base ul,
.base ol,
.base dl { margin: 13px 13px 13px 26px; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:13px; }
.base th,
.base td {
/*	border: 1px solid #000; */
	padding: 7px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 7px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 13px;
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 159px;
}


/** Styles applied for Piedmont Cancer Connection content areas **/
.base h1 {
	color: #666666;
	font-family: arial, helvetica, clean, sans-serif;
	line-height: 18px;
	font-weight:bold;
	text-transform:uppercase;
}

.base h2 { font-family: arial, helvetica, clean, sans-serif; color:#006a6e;}

.base h3 {
	font-family: arial, helvetica, clean, sans-serif;
	margin-bottom: 3px;
	padding: 5px 0 0;
}

.base p,
.base ul li,
.base ol li { font-family: arial, helvetica, clean, sans-serif; }

.base ol li { padding: 0 0 10px 0; }

.base a,
a,
#grid_Right a,
a:visited { color: #006B6E; text-decoration: none; }
.base a:hover,
a:hover,
#grid_Right a:hover { color: #81B3B2; text-decoration: underline; }

.base img { padding:0px 8px; }

/** Forms **/
.FormError { background-color: red; color: white; }


#grid_Right h3 {
	color:#4E666F;
	font-size: 80%;
	margin: 0 0 5px 0;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
}
#upcomingEvents {
	background:#FCF7DB url(/images/HomePage/homepage_bg.jpg) repeat-x scroll 0 0;	
	border:2px solid #fff;
	margin:10px 0 10px 0px;
	padding:10px;
	width:265px;
	display:none;
}

.HP #upcomingEvents {display:block;}

#newsletter {
	background:#FCF7DB url(/images/HomePage/homepage_bg.jpg) repeat-x scroll 0 0;	
	border:2px solid #fff;
	margin:10px 0 10px 0px;
	padding:10px;
	width:265px;
	overflow:hidden;
}

#promo {
	background:#FCF7DB url(/images/HomePage/homepage_bg.jpg) repeat-x scroll 0 0;	
	border:2px solid #fff;
	margin:10px 0 10px 0px;
	padding:10px;
	width:265px;
	overflow:hidden;
	text-align:center;
}



#upEvents {
	width:265px;
	margin:3px 0;
}

#upcomingEvents .dynamicText {
	margin:5px 0;
	color:#666666;
	font-weight:bold;
	font-size:11px;
}

#upcomingEvents .dynamicText a {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#006a6e;
}

.featuredIcon {
	float:left;
}
.T2{
	display:none;
}

.Monthly table.calendar a.dd {
	font-size:14px;
	color:#333333;
}



.eventClass h3 {
	background:#D8ECE3 url('../evc/images/arrow.gif') no-repeat;
	padding-left:30px;
}


.OTH000945 .grid_MR #grid_Right {display:none;}
.OTH000945 .grid_MR #grid_Main {width:940px;}