/*
Colors
Teal 			#4f858e
Pink/ Violet 	#c04459  	Cancer
Green Bright	#45bf4b  	healthy lifestyle
Blue-grey  		#ced9db 	supporter list bkg
Orange 			#fea518 	Physican Diabetes, smoking, copd
mbgh Orange		#fea518  	About page
Green 			#99cc33 	Employer medication, smoking

*/


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;/*SCROLLBAR-BASE-COLOR: #EFC710;*/
}
html {
/*	margin:10px 0px 0px 10px;*/  /* border around the browser window */
/*	min-height: 100%;
	margin-bottom: 1px;*/
}
body {
	padding: 10px 0px; /* pads the top and bottom of the page in the browser window */
	background: #ccc;  /* #043f56 Browser window color */
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
/* Centers the webpage in the browser */
#wrapper {
	width: 1000px;
	border: 0;
	padding: 0;
	margin: 0 auto;/*border: 1px solid #CCCCCC;*/
}
#header {
	height: 190px;
	width: 1000px;
	position: relative; /* allows positioning of the right side navbar */
	/*background-color: #ADADAD;*/
	/*border-bottom: 40px solid #61a1ac;*/ /*  blue  navbar */
	background-image: url(/images/navbar.jpg); /*  1000 x 40 navbar */
	background-repeat: no-repeat;
	background-position: left bottom;
}
#innerwrapper {
	width: 990px;
	background: #fff;
	padding: 15px 0px 0px 10px;
}
#rightcol {
	width: 255px;
	margin-left: 702px;
	font-size: 87%;
	background-color: #eeeeee; /* #cadde7 */
	padding: 0px;
}
a {
	color: #000;
}
h1 {
	font-size: 140%;
	font-weight: bolder;
}
h2 {
	font-size: 1.1em;
	color: #0078c1;
	font-weight: bolder;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 100%;
	color: #000;
}
p {
	font-size: 100%;
	margin-bottom: .80em;
}
/* removes the underline on links */
a:link, a:visited {
	text-decoration: none;
}
/* color only used when links are inline paragraphs */
p a:link, p a:visited {
	text-decoration: none;
	color: #5fa4b0;  /* teal */
}
p a:hover, p a:focus {
	color: #51868f;/*  text-decoration: none;*/
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearboth {
	clear: both;
}
/* make the type smaller for the sponsors partners */
.smalltext {
	font-size: 80%;
	font-weight: normal;
}
.citation {
	font-size: .5em;
}
.citation ol li {
	list-style-position: outside;
	margin-left: 1.5em;
}
/* used for the page update in the footer */
.copyright {
	font-size: 0.7em;
	text-align: left;
	clear: both;
	padding-top: 10px;
}

/* home page boxes under imageflow */
#featurebox_container {
	padding:0px 0px 30px 0px;
	width:905px;
	margin-left:auto;  /* center the boxes */
	margin-right:auto;
}
.featurebox {
	width: 285px;
	height: 325px;
	margin-right: 4px;
	text-align:center;  /* centers the img and the text */
	border: thin solid black;
	float: left;
	padding: 5px;
	overflow: hidden;
	font-size: 85%;
}
#content {
	width: 600px;
	margin-left: 40px;/*padding-top:10px;*/
	float: left;
}
/* home page has different width */
#home #content {
	width: 950px;
	margin-left: 15px;/*padding-top:10px;*/
	float: left;
}
#subcontent {
	background-color: #eee;
	padding: 25px 0px 0px 40px;
}
/* home page has different padding to allow seperate padding of elements */
#home #subcontent {
	padding: 25px 0px 0px 0px;
}
/* style the sponsor list */
.supporter_list {
	padding: 10px 15px 13px 15px;
}
.supporter_list ul li {
	/*border-bottom: 1px solid #ddd;*/
	list-style-type: none;
	padding-left: 10px;
}
.supporter_list li a {
	display: block;
	padding: 6px 0 6px 2px;
	text-decoration: none;  /*list-style-type: none;*/
}
.supporter_list li a:hover, #rightcol li a:focus {
	background-color: #ced9db;  /*  light blue grey  */
}
/* style content within the right column */
.info_holder {
	padding: 10px 15px 0px 15px;
}
/*  Fixed length of the box for home page  */
/*#home .info_holder {
	height: 660px;  
}*/

/* -------------------- List formatting ------------------------ */

/* the list on this page doesn't have links and I want it to be normal */

.info_holder ul li {
	/*border-bottom: 1px solid #ddd;*/
	padding-left: 15px;
}
.info_holder li a {
	display: block;
	padding: 6px 0px 0px 2px;
	text-decoration: none;  /*list-style-type: none;*/
}
.info_holder li a:hover, #rightcol li a:focus {
	background-color: #ced9db;  /*  light blue grey  */
}
/* used to space out list items */
.space_above {
	margin-top: 10px;
}
/* puts the marker inside the margin */
ul li {
	list-style-position: outside;
	margin-left: 1.5em;
}
/* underlines all links not in the sidebar */
ul li a:hover, ul li a:focus {
	/*background-color: #ced9db;*/  /*  light blue grey  */
	text-decoration: underline;
}
/* add this to the ul tag to get an arrow position is horiz 0 vert percent height */		
.download li {
	list-style-type: none;
	background: url(/images/download_arrow.gif) no-repeat 0 40%;
	padding: 0px 0px 5px 20px;
	font-weight: bold;
}
/* keeps phantom down arrow from appearing in 2nd tier list elements ie smoking page */
/*.download li li {
	list-style-image:url(/images/download_arrow.gif);
	background:none;
}*/

ul ul li {
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 0px;
	margin-left: 25px;
	font-weight: normal;
	font-size: 90%;
	color: #000;
	background: none;
}
ul ul ul li {
	list-style-type: square;
	/*font-size: 80%;*/
	padding-left: 15px;
	color: #000;
	background: none;
}
/* ================= Footer formatting ================================*/
#footer {
	width: 918px;
	margin-left: 40px;
	padding-bottom: 10px;
	font-size: .8em;
	text-decoration: none;
	clear: both;  /* this clear property forces the .container to understand where the columns end and contain them */
	background-color: #ffffff;/*position: relative;*//* this gives IE6 hasLayout to properly clear */
}
#footer img {
	border: none;  /* fixes a border around the advocate image */
}
/* ================= Page Theme colors ==============================*/
#smokefreeIcons {
	font-weight: bold;
	width: 200px;
	margin-left: 7px;
	padding-bottom: 20px;
	display: block;
	height: 100px;
}
#smokefreeIcons img {
	border: none;
	outline: 0;
}
#smokefreeIcons {
	font-weight: bold;
	width: 200px;
	margin-left: 7px;
	padding-bottom: 20px;
	display: block;
	height: 100px;
}
.tooltip {
	outline: none;
	float: left;
	position: relative;
	margin-right: 6px;
	width: 60px;
	text-decoration: none;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: -70px;
	top: 60px;
	z-index: 99;
	margin-left: 0px;
	width: 200px;
	text-align: center;
}
.tooltip:hover img {
	border: 0;
	display: block;
}
.women {
	background: #FE99FF;
	border: 1px solid #551A8B;
	color: #551A8B;
	padding: 2px 0;
}
.teen {
	left: 50px;
	background-color: #4F4E4E;
	color: #F99420;
	border: 1px solid #F99420;
	padding: 2px 0;
}
.espanol {
	left: 50px;
	border: 1px solid #903;
	background-color: #FC6;
	color: #903;
	padding: 2px 0;
}

#step_by_step a:hover, a:focus {
	color:#39aaef;
	text-decoration:none;
}
	
#smokeResources {
	width: 300px;
	font-size: 12px;
}
#smokeResources a {
	text-decoration:underline;
}
/* IE displayed black borders  */
#smokeResources img {
	border:none;
}

# div.first {
	margin-top: -0.7em;
}
/* End of smoking section  */
/* Individual page colors and styles  */
#home h1, #home h2 {
	color: #bf301a;  /*mbgh red  FF0013  */
}
#medications h1, #medications h2 {
	color: #333;  /*eb790a orange */
}
#diabetes h1, #diabetes h2 {
	color: #53c199; /* green */
}
#smoking h1, #smoking h2 {
	color: #99cc33; /* blue */
}
#physician_diabetes h1, #physician_diabetes h2 {
	color: #fea518; /* orange 	color:#99cc33;  green */
}
#physician_smoking h1, #physician_smoking h2 {
	color: #fea518; /* orange */
}
#physician_copd h1, #physician_copd h2 {
	color: #fea518; /* orange */
}
#about h1, #about h2 {
	color: #fea518; /* bf301a mbgh red */
}
#physician_medication h1, #physician_medication h2 {
	color: #333; /* ff8e40 pale orange */
}
#employer_medication h1, #employer_medication h2 {
	color: #99cc33;  /* green bf301a mbgh red*/
}
#employer_smoking h1, #employer_smoking h2 {
	color: #99cc33;  /* green bf301a mbgh red*/
}
#lifestyle h1, #lifestyle h2 {
	color: #45bf4b;  /* bright green */
}
#employer_lifestyle h1, #employer_lifestyle h2 {
	color: #45bf4b;  /* bright green */
}
#cancer h1, #cancer h2, #employers_cancer h1, #employers_cancer h2, #physician_cancer h1, #physician_cancer h2 {
	color: #c04591;  /* pink */
}
#choosewisely h1, #choosewisely h2 {
	color: #45bf4b;  /* bright green */
}
#early_delivery h1, #early_delivery h2 {
	color: #c04591;  /* pink */
}

/*--------------------------------------------------------------------------------------- */
/* format for large graphic that displays with java */
/* Style the large image area in collection detail etc. Detail is also used in the sort programs	*/	
/* records 1 to 20 next last display */

#dynamic_wrapper {
	padding:0px 10px 0px 40px;
}
#dynamic_wrapper p {
	color:#FF9900;  /* dk orange */
}
/*initially hides the divs for the detail display that java turns on*/
.hiddenDetail {
	display:none;
	}
/* used in the choose wisely pages dynamic display */
#detail {
	width:400px;
	margin-top:0px;
	padding: 0px 20px 0px 0px;
	font-size:1em;
	float: right;
	}
/* pads the space under image to space the text down */
/*#detail img {
	padding:0px 0px 10px 0px;
}*/
.detail_date {
	font-size:.8em;
}
.detail_author {
	font-style:italic;
	font-size:.9em;
}
/*Style the links 	*/
#detail a {
	font-family: Verdana;
	color: #58929c;  /* yellow-gold */
	font-size: 1.1em;
	text-decoration:none;
	}
/*  Style the listing sidebar	*/
#detail_sidebar {
	padding: 5px 0px 0px 0px;
	width: 400px;
	float: left;
	background: #fafbfd; /* lt blue */
	}
/* make the java links have a 'hand' cursor */
#detail_sidebar a {
	cursor: pointer;
}
/* style the next last buttons */
#detail_sidebar table tr {
	font-size: small;
	font-weight: bold;
	color:#0C9;
}
/* the left side of the choose_work-doc page */
#gencare {
	width: 440px;
	padding: 0;
	float: left;
	}