/**
 Caron Minisite CSS File
**/



/** -----------------------------------
 * Misc
 * ---------------------------------- */

* {
	margin: 0;
	padding: 0;
}

#LandingSurvey html {
	background: none;
}

body {
	background: #728b89 url(../images/bg2.gif) repeat-x top left;
	font-family: Verdana, Arial, Sans-serif;
}

a img {
	border: none;
}
.clear {
	clear: both;
}
.forPrint { 
	display: none;
}

/** -----------------------------------
 * Site Layout
 * ----------------------------------- */
#Container {
	width: 966px; /* 946 */
	margin: 33px auto 0 auto;
	background: url(../images/containerBgBottom.gif) repeat-y;
	position: relative;
	}
	#Container2 {
	    padding-top: 7px; /* show top shadow */
	    background: url(../images/containerBgTop.gif) no-repeat;
	    }
	#Microsite #Container {
		width: 946px;
		background: url(../images/containerBg.gif) repeat-y; 
	}
	#LandingSurvey #Container {
		width: 946px;
		background: none;
	}	
	#topPhoneLine {
		position: absolute;
		top: -28px;
		left: 10px;
		color: #004F87;
		font-size: 9px;
		display: block;
	}
		#topPhoneLine span{
			position: relative;
			top: 2px;
			font-size: 14px;
		}
	
	#ContainerTop {
		width: 946px;
		margin: 0px;
		padding: 0px;
	}
		#ContainerTop li {
			float: left;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#ContainerTop li img {
			display: block;
		}
		#Microsite #ContainerTop {
			background: url(../images/containerTop.gif) no-repeat;
			height: 12px;
		}
#Footer {
	width: 966px; /* 946 */
	margin: 0 auto;
	padding-top: 14px;
	background: url(../images/containerFooter3.gif) 0 0 no-repeat;
}
	#Microsite #Footer {
		width: 946px;
		background: url(../images/containerFooter.gif) no-repeat;
	}


#Header,
#HomeHeader {
	width: 946px;
	background-image: url(../images/bannerHome.jpg);
	background-repeat: no-repeat;
	background-position: 6px 0;
	padding-right: 6px;
}

#Header {
	width: 928px;
	margin-left: 6px;
	padding-top: 5px;
}

#Microsite #Header {
	width: 940px;
	margin-left: 0px;
}

#HeaderTop {
	height: 3px;
	margin-top: -8px;
	margin-left: 3px;
}

#Header {
	height: 209px;
	position: relative;
	background: #999 url(../images/bannerMain.jpg) no-repeat;
	/* Header images still have old layout which includes the shadows, so its offset from the left.
	Avoid glitches with the logo overlay by moving further left */
	background-position: -3px 0; 
}

#HomeHeader {
	height: 237px;
	padding-left: 6px; /* show background shadow */
	/*background: #999 url(../images/bannerHome.jpg) no-repeat;*/
}	
	#Header #LogoOverlay {
		position: absolute;
		top: 0;
		/* left: 3px; */
	}
	#Microsite #Header #LogoOverlay {
		position: absolute;
		top: 0;
		left: 3px;
	}
	#Microsite #Header {
		background: #999;
		height: 236px;
	}
	#HomeHeader h1,
	#Header h1 {
		padding: 48px 0 0 48px;
	}
	#Microsite #Header h1 {
		padding: 42px 0 0 48px;
	}
		#HomeHeader h1 a,
		#Header h1 a {
			display: block;
			outline: none;
			text-indent: -900000px;
		}
		#HomeHeader h1 a {
			width: 165px;
			height: 108px;
			/*background: url(../images/caronLogoHome.gif) no-repeat;*/
		}
		#Header h1 a {
			width: 148px;
			height: 99px;
			/*background: url(../images/caronLogoDefault.gif) no-repeat;*/
		}
		#Microsite #Header h1 a {
			width: 165px;
			height: 108px;
			/*background: url(../images/caronLogoHome-microsite.gif) no-repeat;*/
		}
	#HomeHeader h2,
	#Header h2 {
		text-indent: -9000000px;
	}
#Layout {
	margin-left: 4px;
	overflow: hidden;
	clear: left;
}
#HomeLayout {
	width: 958px;
	margin-left: 4px;
	overflow: hidden;
}
	/* Needed to style search results on homepage */ 
	#HomeLayout #Content {
		margin-right: 20px;
	}
	
	#Microsite #Layout,
	#Layout {
		width: 938px;
	}
#SideBar {
	width: 245px;
	/* background: url(../images/menuBg.gif) repeat-x 0px 0px; */
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 2px; padding: 0;
	min-height: 370px;
	
}
#Breakthrough #SideBar { width: 250px; }

#Microsite #SideBar {
	width: 248px;
	padding-top: 20px;
	padding-bottom: 158px;
	background: url(../images/menuBg.gif) repeat-x 0px 0px; 
	margin-left: 0px;
}
	#SideBar a#donationImg {
		display: block;
		width: 209px;
		margin: 19px 0px 28px 20px;
		padding-bottom: 18px;
		text-align: center;
	}
	
/* Get Help Now */
#SideBar #GlobalGetHelp {
	margin-bottom: 25px;
	background-color: #f7fafa;
	border-bottom: 1px solid #ddd;
}
#SideBar #GlobalGetHelp h2 {
	background-color: #0f6cb6;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding: 12px 0 12px 17px;
	color: #ffffff;
}
#SideBar #GlobalGetHelp ul {
	margin: 0 18px;
	padding: 6px 0 0;
}
#SideBar #GlobalGetHelp ul li {
	list-style: none;
	padding: 13px 0 13px 38px;
	border-bottom: 1px solid #ddd;
}
#SideBar #GlobalGetHelp ul li#inquiryForm { 
	  background: transparent url(../images/icon_inquiry-form.png) 0 14px no-repeat;
}
#SideBar #GlobalGetHelp ul li#phone {
	  background: transparent url(../images/icon_phone.png) 0 14px no-repeat;
}
#SideBar #GlobalGetHelp ul li#chat { 
	  background: transparent url(../images/icon_chat.png) 0 14px no-repeat;
		padding-bottom: 16px;
		border: none;
}
#SideBar #GlobalGetHelp h3, #SideBar #GlobalGetHelp h3 a {
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #0f6cb6;
}
#SideBar #GlobalGetHelp p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}
#SideBar #GlobalGetHelp ul li p.alert a {
	font-weight: bold;
	color: #e4883e;
	text-decoration: none;
}

/* Make a Donation */
a#makeADonation, a#makeADonation img {
	display: block;
	width: 213px;
}
a#makeADonation {
  float:left; display: inline;
	margin: -20px 0 40px 20px;
	position: relative;
}



#Content {
	width: 689px; /* overwritten in ie6.css */
	float: right;
}

#Breakthrough #Content { width: 685px; }

#HomeContent {
	/* width: 710px */
	/* background: url(../images/homeContentBg.jpg) no-repeat 3px 79px; */
	float: right;
	margin-right: 30px;
	display: inline;
	width: 665px;
	color: #286ca6;
}

.typography {
	border: 1px solid #fff; /* Hack for our dumb friend IE6 */
	margin: 10px 26px 10px 40px;
}

* html .typography p em {
	overflow: visible;
	zoom: 1;
	}

/* ------------------------------------
 * Home page
 * ---------------------------------- */
#HomeContent h2, h3 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}
#HomeContent h2 {
	color: #003471;
	margin: 1.5em 0 1em 20px;
}
#HomeContent h3 {
	font-size: 12px;
	color: #000000;
	margin: 1.5em 0 0 20px; 
} 
#HomeContent p {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: .3em 0 1em 20px; 
} 
#HomeContent p a:link,
#HomeContent p a:visited,
#HomeContent p a:hover,
#HomeContent p a:active {
	color: #0f6cb6;
	text-decoration: none;
}
#HomeContent p a:hover,
#HomeContent p a:active {
	text-decoration: underline;
}

#HomeContent #learnAbout {
	margin: 2.2em 0 0 20px;
}
#HomeContent #learnAbout a {
	display: block;
	width: 284px;
	height: 23px;
	text-indent: -9999px;	
	background: transparent url(../images/btn_learn_about_treatment.png) 0 0 no-repeat;
}

#caron360Intro {
	float: left;
	width: 414px;
}

#caronlogo {
	float: right;
	margin: 0 0 0 40px;
}

#logIntoCaron360 {
	margin: 3em 0 2.2em 0;
}

#logIntoCaron360 a {
	display: block;
	width: 284px;
	height: 23px;
	text-indent: -9999px;	
	background: transparent url(../images/btn_log_into_caron360.png) 0 0 no-repeat;
}

div.video-cta {
  float: left; display: inline;
	width: 190px;
	margin: 2em 5px 0 10px;
}
div.first {
	margin-left: 20px;
}
div.video-cta img {
	display: block;
	width: 190px;
}
div.video-cta p {
	margin: 5px 0 0;
}
div.video-cta a {
	display: block;
	margin: 0;
	color: #0f6cb6;
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#bottomNav {
	width: 614px;
	float: left; display: inline;
	margin: 2em 0 1em 20px;
	background-color: #f4f4f4;
}
#bottomNav .inner {
	float: left;
	margin: 15px 0;
	background: transparent url(../images/bg_homeContent_bottomNav2.gif) 0 0 repeat-y;
}
#bottomNav .inner div h3 {
	color: #003471;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
}
#bottomNav .inner #additionalPrograms {
	float: left;
	width: 290px;
	padding: 0;
}
#bottomNav .inner #additionalPrograms ul {
	margin-left: 22px;
}

* html #bottomNav .inner #additionalPrograms {
	width: 280px;
}

#bottomNav .inner #learnMore {
	float: left;
	width: 300px;
	padding: 0 0 0 20px;
}

#bottomNav .inner ul {
	margin: 10px 10px 10px 0; 
}
#bottomNav .inner ul li {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0 0 4px 10px;
	background: transparent url(../images/list-arrow.gif) 0 .4em no-repeat;
}
#bottomNav .inner ul li a {
	color: #0f6cb6;
	text-decoration: none; 
}
#bottomNav .inner .first,
#bottomNav .inner .last {
	float: left;
	}
#bottomNav .inner .first {
	width: 110px;
	margin-left: 20px;
}
* html #bottomNav .inner .first { margin-left: 10px; }

#bottomNav .inner .last {
	width: 150px;
}


 
	#phoneLine {
		color: #004f87;
		font-size: 16px;
		padding: 10px 0 0 30px;
	}


	#Buttons {
		/* float: left; */
		/* width: 200px; */
		margin-top: 15px;
		padding-left: 10px;
	}
		#Buttons a {
			/* display: block; */
			width: 197px;
			height: 57px;
			margin-right: 5px;
			margin-bottom: 4px;
			outline: none;
			cursor: pointer;
			text-decoration: none;
		}

#HomeContent .typography {
	clear: both;
	margin-left: 50px;
}

	
#Locations {
	float: left;
	clear: left;
	display: inline;
	width: 680px;
	margin-top: 20px;
	margin-left: 0;
}

#Locations li {
	padding-left: 12px;
	float: left;
	list-style-type: none;
	height: 65px;
	position: relative;
}
	#Locations li span,
	#Locations li a {
		font-size: 9px;
		color: #1b4462;
		text-decoration: none;
		text-align: center;
		display: block;
		font-weight: bold;
	}

#MoreInfoLinks {
	margin-left: 40px; /* same as .typography */
	margin-right: 30px; /* same as .typography */
	font-size: 10px;
	color: #0257A7;
	text-align: center;
}	

	#MoreInfoLinks a:link {
		color: #0257A7;
	}

/* ------------------------------------
 * Live Chat Microsite button
 * ---------------------------------- */
#LiveChat a {
	display: block;
	width: 166px;
	height: 57px;
	position: absolute;
	top: 160px;
	text-indent: -90000px;
	outline: none;
	cursor: pointer;
	right: 0;
	background: url(../images/liveChat.png) no-repeat;
}
* html #LiveChat a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/caron/images/liveChat.png', sizingMethod='crop');
}

/* ------------------------------------
 * Main site buttons top right
 * ---------------------------------- */
#MainButtons {
	position: absolute;
	top: 13px;
	right: -5px;
}
#MainButtons a {
	display: block;
	width: 166px;
	height: 57px;
	outline: none;
	cursor: pointer;
	margin-left: 302px;
	margin-bottom: 6px;
}

/* ------------------------------------
 * Sidebar 
 * ---------------------------------- */
#CallUs {
	text-align: center;
}

/* ------------------------------------
 * Navigation 
 * ----------------------------------- */
#Navigation {
	margin: 10px 20px 20px 30px;
	/* border-top: 1px solid #c9d8bc; */
	/* border-bottom: 1px solid #b5c5a7; */
	padding-top: 18px;
	padding-bottom: 15px;
}
#Microsite #Navigation {
	margin: 6px 20px 20px 20px;
	border-top: 1px solid #c3d2b5;
	border-bottom: none;
	padding-bottom: 0px;
}
	#Navigation ul {
		margin: 0 0 0 3px;
	}
		#Navigation li {
			list-style: none;
		}
			#Navigation li a {
				color: #333333;
				padding: 1px;
				text-decoration: none;
				font-size: 10px;
			}
			#Microsite #Navigation li a {
				color: #343333;
			}
				#Navigation li a:hover {
					font-weight: bold;
				}
				#Navigation li a.current,
				#Navigation li a.section {
					font-weight: bold;
				}
/* ------------------------------------
 * Navigation 2 and 3
 * ----------------------------------- */
#Navigation #Menu2 {
	border-bottom: 1px solid #b5c5a7;
	margin: 0 0 20px 0;
	padding: 0 0 24px 14px;
}
.ChildMenu {
	line-height: 1em;
}
	.ChildMenu #Menu2 {
		border: none !important;
		padding: 5px 0 5px 14px !important;
		margin: 0 !important;
	}
	#Navigation #Menu2 li {
		font-size: 10px;
		color: #003366;
		margin-left: 14px;
	}
	#Navigation #Menu2 li.menuTitle {
		padding: 0;
		margin: 0;
	}
		#Navigation #Menu2 li.menuTitle h3 a {
			color: #4180c0;
			font-size: 11px;
			font-weight: normal;
			margin-bottom: 16px;
		}
	#Navigation #Menu2 li a {
		display: block;
		color: #003366;
		padding: 0 0 0 11px;
		line-height: 1.4em;
		/*background: url(../images/arrow-normal.gif) 0px 4px no-repeat;*/
	}
		#Navigation #Menu2 li a:hover,
		#Navigation #Menu2 li a.current,
		#Navigation #Menu2 li a.section {
			font-weight: bold;
			/*background: url(../images/arrow-hover.gif) 0px 4px no-repeat;*/
		}

/* ------------------------------------
 * Main Site Nav
 * ----------------------------------- */
.Page #Navigation {
	margin: 0 0 20px 0; padding: 0;
	}
	.Page #Navigation ul {
		margin-left: 0;
		}
	.Page #Navigation li {
		list-style: none;
		padding: 6px 5px 10px 18px;
		border-bottom: 1px solid #CADACF;
		}
		.Page #Navigation li a {
			color: #1D598B;
			padding: 1px;
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
			line-height: 1;
			}
	.Page #Navigation ul#Menu2 {
		margin: 0; padding: 0;
		border-bottom: none;
		}
	.Page #Navigation li.section,
	.Page #Navigation ul#Menu2 .menuTitle {
		/*background: #FAFFF5 url(../images/menu/bg-subnav-top.gif) left top repeat-x;*/
		border-bottom: none;
		}
		.Page #Navigation ul#Menu2 .menuTitle {
			margin: -6px 0 5px -33px;
			padding: 11px 0 0 18px;
			}
		.Page #Navigation ul#Menu2 .menuTitle a {
			font-size: 11px !important;
			font-weight: bold !important;
			}
		.Page #Navigation ul#Menu2 {
			position: relative;
			/*background: #FAFFF5 url(../images/menu/bg-menu2-bottom.gif) left bottom repeat-x;*/
			margin: 0 -5px 2px 0;
			padding: 6px 5px 12px 33px;
			}
			.Page #Navigation li.section ul#Menu2 {
				/*background: #FAFFF5 url(../images/menu/bg-subnav-bottom.gif) left bottom repeat-x;*/
				margin: 0 -5px -10px -18px;
				padding: 6px 5px 10px 33px;
				}
		.Page #Navigation li.current a {
			color: #464646;
			}

/* ------------------------------------
 * Main Site Subnav
 * ----------------------------------- */
.Page #Navigation ul ul {
	margin: 5px 0 0 15px;
	text-align: 
	}
	.Page #Navigation #Menu2 li,
	.Page #Navigation ul ul li {
		background: transparent url(../images/breakthrough-subnav-bullet.gif) 0 9px no-repeat;
		font-size: inherit;
		margin-left: 0; padding: 0 0 3px 8px;
		border-bottom: none;
		}
		.Page #Navigation #Menu2 li ul li {
			background: transparent url(../images/breakthrough-subsubnav-bullet.gif) 0 9px no-repeat;
			}
		.Page #Navigation #Menu2 li a, .Page #Navigation #Menu2 li.section li a,
		.Page #Navigation ul ul li a, .Page #Navigation ul li.section li a {
			display: inline;
			color: #1D598B;
			font-weight: normal;
			padding: 1px;
			}
		.Page #Navigation #Menu2 li a.current,
		.Page #Navigation ul ul li a.current {
			color: #464646;
			}

/* ------------------------------------
 * Breakthrough Nav
 * ----------------------------------- */
#Breakthrough #Navigation {
	margin: 0 0 20px 0;
	}
	#Breakthrough #Navigation li {
		list-style: none;
		padding: 6px 5px 10px 18px;
		}
		#Breakthrough #Navigation li a {
			color: #492F91;
			padding: 1px;
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
			line-height: 1;
			}
	#Breakthrough #Navigation li.section {
		border-top: 1px solid #c5c2e3;
		background: #e9e9f6 url(../images/breakthrough-subnav-bg.gif) left bottom repeat-x;
		}
		#Breakthrough #Navigation li.current a {
			color: #000000;
			}
				
/* ------------------------------------
 * Breakthrough Subnav
 * ----------------------------------- */
#Breakthrough #Navigation ul ul {
	margin: 5px 0 0 15px;
	}
	#Breakthrough #Navigation ul ul li {
		background: transparent url(../images/breakthrough-subnav-bullet.gif) 0 9px no-repeat;
		padding: 0 0 3px 8px;
		}
		#Breakthrough #Navigation ul ul li a, #Breakthrough #Navigation ul li.section li a {
			color: #492F91;
			font-weight: normal;
			}
		#Breakthrough #Navigation ul ul li.current a {
			color: #000000;
			}
 
		
/* ------------------------------------
 * SearchBar
 * ---------------------------------- */
#UtilLinks {
	position: absolute;
	top: -28px;
	right: 0;
}

#SearchBar,
#SearchBarMicrosite {
	display: block;
	float: right;
	width: 500px; /* HACK */
	margin: 0px 0px 0px 0px;
}

#SearchBarMicrosite {
	width: 468px;
	margin-top: 18px;
	float: left;
}

	#SearchArea,
	#SearchBar li,
	#SearchBarMicrosite li {
		float: right;
		font-family: Verdana,Arial,sans-serif;
		font-size: 9px;
		line-height: 1.5em;
		color: #004F87;
	}
	#SearchBar li,
	#SearchBarMicrosite li {
		list-style: none;
	}
	
	#SearchArea {
		width: 205px;
		margin: 0px 0px 0px 0px;
	}
		#SearchArea #Search {
			display: block;
			float: left;
			width: 160px;
			padding: 0;
		}
		#SearchArea #SearchForm_SearchForm label,
		#SearchArea #BreakthroughSearchForm_SearchForm label,
		#SearchArea #RenaissanceSearchForm_SearchForm label {
			display: block;
			float: left;
			width: 43px;
			padding: 0px;
			padding-left: 10px;
		}
		#SearchArea #SearchForm_SearchForm,
		#SearchArea #BreakthroughSearchForm_SearchForm,
		#SearchArea #RenaissanceSearchForm_SearchForm {
			display: inline;
		}
		#SearchArea #SearchForm_SearchForm input,
		#SearchArea #BreakthroughSearchForm_SearchForm input,		
		#SearchArea #RenaissanceSearchForm_SearchForm input {
			display: inline;
			width: 96px;
			color: #878787;
			font-family: Verdana,Arial,sans-serif;
			font-size: 9px !important;
			border: none;
			/* background: none; */
		}
		#SearchArea #SearchForm_SearchForm input.maxlength,
		#SearchArea #BreakthroughSearchForm_SearchForm input.maxlength,
		#SearchArea #RenaissanceSearchForm_SearchForm input.maxlength {
			display: inline;
			border: 1px solid #dadada;
			font-size: 9px !important;
			border-top: 2px solid #afafaf;
			margin: 0px 7px 0px 0px;
			padding: 0px;
		}
		#SearchArea #SearchForm_SearchForm input.action, 
		#SearchArea #BreakthroughSearchForm_SearchForm input.action,		
		#SearchArea #RenaissanceSearchForm_SearchForm input.action {
			display: block;
			float: left;
			width: 30px;
			text-align: left;
			cursor: pointer;
			margin-top: -1px;
			background: none;
			color: #004F87;
		}
		#SearchBar li a,
		#SearchBarMicrosite li a {
			text-decoration: none;
			color: #004F87;
			padding: 0px 12px;
		}
			#SearchBar li a:hover,
			#SearchBarMicrosite li a:hover {
				color: #000;
				text-decoration: underline;
			}

/* ------------------------------------
 * Search Results
 * ---------------------------------- */
#SearchResults p {
	margin-bottom: 0;
}

#SearchResults li {
	margin-bottom: 1em;
}

/* ------------------------------------
 * Content
 * ---------------------------------- */
#Microsite #Content h1,
#Content .title {
	border-left: 1px solid #565656;
	text-indent: 40px;
	font-family: "Myriad Pro", Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	margin: 15px 0;
}
#Content .title {
	background: #646464 url(../images/headerBgMain.gif) top left repeat-x;
	margin-top: -1px;
	margin-left: -1px;
	width: 687px;
}
#Content .title span {
	display: block;
	padding: 15px 27px 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: right;
}
	#Content .title span a {
		color: #fff;
		text-decoration: none;
	}
	#Content .title span a:hover {
		text-decoration: underline;
	}
#Content .title h1 {
	background: none !important;
	font-size: 14px;
	padding: 10px 0;
}
#Microsite #Content h1 {
	/*background: #6a6a6a url(../images/headerBg.gif) repeat-x;*/
	background: #646464 url(../images/headerBg.gif) top left repeat-x;
	height: 32px;
	padding-top: 20px;
}
	#Content hr {
		border: 1px solid #919191;
		margin: 20px 60px 0px 40px;
	}

/* need to fix #Content .typography h1 and remove background etc... */

/* ------------------------------------
 * Content Footer 
 * ---------------------------------- */
#ContentFooter {
	width: 680px;
	margin: 15px 0px;
	text-align: center;
	clear: left;
}

	#ContentFooter li {
		display: inline;
		color: #c4c4c4;
		font-size: 10px;
		padding: 0px 13px;
		margin: 0px;
	}
	#ContentFooter li.bar {
		padding: 0px;
	}
		#ContentFooter li a {
			color: #0257a7;
			text-decoration: none;
		}
			#ContentFooter li a:hover {
				text-decoration: underline;
			}

/*
 * Event styling
 */
.location .locTitle {
	margin-bottom: 20px;	
}

.backNote {
	margin: 15px 0 30px 0;	
}

#eventLocations {
	margin-bottom: 50px;	
}

.location h3 {
	margin-bottom: 20px !important;
}

.location .button {
	border: 1px solid #ccc;
	background: #eee;
	padding: 4px;
	margin: 10px 0;
	width: 180px;
	font-size: 14px;
	text-align: center;
}
	.location .button a {
		text-decoration: none;
	}
.event .subheading {
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
}

.location .top {
	margin-bottom: 50px;	
}

/* ------------------------------------
 * Staff details
 * ---------------------------------- */
.staffDetail {
	margin-bottom: 30px;	
}

.staffDetail .imageLeft {
	float: left;
	width: 120px;
	padding-bottom: 10px;
}

/* ------------------------------------
 * Footer 
 * ---------------------------------- */
#Footer {}
	#Footer p {
		color: #313e3d;
		text-indent: 10px;
		padding-bottom: 20px;
		font-size: 10px;
	}
		#Footer p a {
			color: #313e3d;
			text-decoration: none;
		}
			#Footer p a:hover {
				text-decoration: underline;
			}
			
/* ------------------------------------
 * Footer 
 * ---------------------------------- */
#BlogContent {
	font-size: 10px;
}
	#BlogContent td {
		font-size: 10px;
	}

	#BlogContent td.date {
		padding-right: 10px;
	}

	#BlogContent h4 {
		font-size: 10px;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#BlogContent #PageNumbers {
		margin-top: 2em;
	}

/* ------------------------------------
 * Special Features Page
 * ---------------------------------- */
ul#SpecialFeaturesForm_Form_Types {
	margin-left: 0;
}
ul#SpecialFeaturesForm_Form_Types li {
	float: none;
	width: auto;
	margin-left: 0;
}	

/* ------------------------------------
 * Video and Photo Gallery
 * ---------------------------------- */
.videoHolder,
.photoHolder {
	float: left;
	width: 400px;
}

.typography .videoHolder ul,
.typography .photoHolder ul {
	margin-left: 0;
}

.videoHolder .videos,
.photoHolder .photos {
	list-style: none;
}

.videoHolder .video,
.photoHolder .photo {
	float: left;
	margin-right: 10px;
}

.videoHolder .pagination,
.photoHolder .pagination {
	clear: left;
}

/* ------------------------------------
 * Questionaire Pages
 * ---------------------------------- */
.questionaire td {
	padding: .4em;
}

.questionaire table,
.questionaire tr,
.questionaire td {
	width: auto;
	margin: 0;
}

/* ------------------------------------
 * Contact Form
 * ---------------------------------- */
#ContactForm_Form #LeaveMessage,
#ContactForm_Form #IdentifyAsCaron {
	padding-top: 0;
}

#ContactForm_Form .Actions {
	margin-top: 20px;
}

/* ------------------------------------
 * Renaissance Home
 * ----------------------------------- */
.RenaissancePage .typography {
	margin: 10px 30px 0 30px;
}
.RenaissancePage #Header {
	height: 267px;
}
.RenaissancePage #SideBar {
	background: #1f8988 url(../images/renaissance_menu.gif) repeat-x top left; 
	width: 250px;
	margin-left: 0px;
	padding-bottom: 110px;
}
.RenaissancePage #Layout {
	background: url(../images/renaissance_layout.gif) repeat-y;
	margin: 0 0 0 6px;
	width: 930px;
}
.RenaissancePage #Content {
	width: 670px !important;
	overflow: hidden;
}

/* MENU */
.RenaissancePage #Navigation {
	margin-left: 0;
}
	.RenaissancePage #Navigation ul {
		margin-left: 0;
	}
		.RenaissancePage #Navigation li {
			margin-bottom: 10px;
		}
			.RenaissancePage #Navigation li a {
				font-size: 13px;
				font-weight: bold;
				color: #fff;
				padding-left: 30px;
			}	

		.RenaissancePage #NavigationSubSection {
			position: relative;
			padding: 10px 0;
			width: 250px;
			background: #eee url(../images/reniassance-menu-sub.gif) repeat-x bottom left;
			border-bottom: 1px solid #002a5c;
		}
			.RenaissancePage #NavigationSubSection li {
			
			}
				.RenaissancePage #NavigationSubSection li a {
					color: #01b1af;
					font-size: 12px;
					font-weight: bold;
					margin-left: 10px;
					display: block;
					padding-right: 30px;
				}
					.RenaissancePage #NavigationSubSection li a.top {
						font-size: 14px;
						margin-left: 0;
					}
					.RenaissancePage #NavigationSubSection li a.current {
						color: #153c6a;
					}

.RenaissancePage .menu3 {
	padding-left: 15px;	
}

.RenaissancePage .typography h2 {
	font-size: 14px;
	color: #002b5d;
	font-weight: bold;
}
.RenaissancePage #ContentFooter {
	margin-top: 0;
}
.RenaissancePage .getHelp {
	font-size: 12px;
	color: #004f87;
}
	.RenaissancePage .getHelp strong {
		font-size: 16px;
		padding-top: 4px;
	}

#ContentLinks {
	width: 630px;
	color: #00547e;
	font-size: 11px;
	padding: 98px 0 0 284px;
}
	#ContentLinks a {
		color: #00547e;
		font-weight: bold;
		padding: 4px 8px;
		font-size: 11px;
		text-decoration: none;
	}
	
.leftContent {
	float: left;
	width: 335px;
}
.rightContent {
	float: right;
	width: 245px;
}


/** -----------------------------------
 * Breakthrough Layout
 * ----------------------------------- */
#Breakthrough {background: #D3D2D6 url(../images/breakthrough/layout/bg-body.gif) repeat-x top left;}
	
	#Breakthrough #Container {
		background: url(../images/breakthrough/layout/bg-container.gif) repeat-y;
		padding-top: 7px; /* show top shadow */
	}
	
	#Breakthrough #Header {
		margin: -1px 0 0 6px;
		padding: 0; border-bottom: 1px solid #C7C7C7;
		width: 934px;
		height: 237px;
		background-color: #492f91; background-position: right top;
		}
		
		#Breakthrough img#LogoOverlay {border-right: 2px solid #C7C7C7;}
	
	#Breakthrough #SideBar {background: #D7D7EF;}
	
	#Breakthrough #HomeContent {
		float: left;
		margin: 0 10px;
		display: inline;
		width: 625px;
		color: #000000;
		}
	
	#Breakthrough #HomeContent #Locations, #Breakthrough #Content #Locations {width: auto; margin: 20px 0 20px 42px;}
	
	#Breakthrough #Footer {background: url(../images/breakthrough/layout/bg-footer.png) no-repeat;}
	
/** -----------------------------------
 * Breakthrough Content
 * ----------------------------------- */
#Breakthrough #topPhoneLine span {font-weight: bold;}
 
#Breakthrough #Content .title {
	margin: 30px 0 0;
	border: none;
	background: none;
	font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #035188;
	}
	#Content .title h1 {
		padding: 0;
		font-weight: bold; font-size: 13px;
		}
	#Breakthrough #Content .pleaseSendMeNote {
		margin-bottom: 4px;
	}

#VideoCallout {
	float:right;
	width: 190px;
	padding-left: 30px;
}

	#VideoCallout #topImage {
		padding-bottom: 12px
	}

	#VideoCalloutWrapper {
		border-top: 1px solid #b5b5b5;
		border-bottom: 1px solid #b5b5b5;
		padding: 3px 0;
	}
	
	#VideoCalloutWrapper #ContactButton {
		padding-bottom: 12px
	}
	
		#VideoCallout #content {
			padding: 10px 14px 10px 14px;
			margin: 0;
			background-color: #f3f7f7;
		}
		
			#VideoCallout ul {
				margin: 0;				
			}
		
			#VideoCallout li {
				list-style: none;
				background: transparent url(../images/videocam.gif) left top no-repeat;
				padding: 0 0 2px 22px;
			}
			
			#TobaccoCessationSpacer {
				height: 175px;
			}
			
#clinicalVideo {
	float: left;
	padding: 15px 0 0 0;
	margin: 0 0 0 20px;
}

* html #clinicalVideo {*margin: 0 0 0 10px;}

	#clinicalVideoMainRegion {
		float: left;
		width: 361px;
	}

	#clinicalVideoCallout {
		float:left;
		width: 190px;
	}

		#clinicalVideoCalloutWrapper {
		border-top: 1px solid #b5b5b5;
		border-bottom: 1px solid #b5b5b5;
		padding: 3px 0;
	}
	
		#clinicalVideoCallout #content {
			padding: 10px 14px 0 14px;
			margin: 0;
			background-color: #f3f7f7;
			height: 254px;
		}
		
			#clinicalVideoCallout ul {
				margin: 0;
				padding: 0;
			}
		
			#clinicalVideoCallout li {
				list-style: none;
				background: transparent url(../images/videocam.gif) left top no-repeat;
				padding: 0 0 2px 22px;
			}

			#clinicalVideoClear {
				clear: both;
				margin: 0;
			}			

#HomeContent .typography {
	margin-top: 20px;
	margin-right: 0;
}
		
#HomeContent #leftContent {
	float: left; 
	width: 380px;
	margin: 0 20px 0 0; 
}
#HomeContent #leftContent h4 { font-size: 13px; margin: 0 0 20px 0; }
#HomeContent #leftContent p  { margin: 0 20px 20px 0; }
#HomeContent #leftContent p a#why  { font-size: 14px; font-weight: bold}

#HomeContent #rightContent {
	float: left;
	border: 1px solid #e0e0e0;
	padding: 3px;
}

#HomeContent #rightContent #videoImageOverLay {
	display: block;
	margin: -23px 0 0 36px;
	position: relative;
}
#HomeContent #rightContent #videoImageOverLay img { display: block; }