/* Oct 2008 Healthcare Memes Style Sheet */

body
	{
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	}

#container
	{
	text-align:left;
	margin: 0 auto;
	width:960px;
	vertical-align: top;
	background-color: #FFFFFF;
	clear: both;
	}

#topbar
	{
	background-color:#1C353E ;
	height:20px;
	color: #FFFFFF;
	vertical-align: text-top;
	line-height: 16pt;
	}

#topad
	{
	height:160px;
	width:746px;
	color: #FFFFFF;
	float: right;
	vertical-align: bottom;
	padding-top: 4px;

}

#topad2
	{
	height:100px;
	width:746px;
	color: #FFFFFF;
	float: right;
	background: url(img/advert.gif) no-repeat right;
	vertical-align: bottom;
	padding-top: 4px;
}

#titleint
	{
	text-align:center;
	color:#1C353E;
	float: left;
	width: 200px;
	border-top: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom: 1px;
	margin-right: 10px;
	height: 100px;
	}

#mainpage2
	{
	text-align:left;
	margin: 0 0 0 0;
	clear: both;
	background-image: url(/health/img/rules090212.gif);
	background-repeat: repeat;
	height: auto;
	letter-spacing: normal;
	border-top: 1px;
	border-top-color: #1C353E;
	border-top-style: solid;
	border-top-width: thin;
	}

#mainpage
	{
	text-align:left;
	margin: 0 0 0 0;
	clear: both;
	height: auto;
	letter-spacing: normal;
	border-top: 1px;
	border-top-color: #1C353E;
	border-top-style: solid;
	border-top-width: thin;
	}

#colm1
	{
	float:left;
	width:320px;
	margin-bottom: 16px;
	background-attachment: fixed;
	min-height: 700px;

	}

#colm2
	{
	float:left;
	width:322px;
	z-index: 50;
	}


#colm2a
	{
	float:left;
	width: 308px;
	background-color: #FFFFFF;
	line-height: 130%;
	border-top: 2px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	z-index: 50;
	}

#redbox
	{
	background-color: #821639;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	}
	
#colm3
	{
	float:left;
	width:176px;
	height: 800px;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif;
	}

#colm4
	{
	float:left;
	width: 138px;
	height: 800px;
	overflow:auto;
	}

#colmpad
	{
	padding:2px 10px 0px 10px;
	}

#colmpad2
	{
	padding:2px 8px 0px 8px;
	}

#video
	{
	border-top: solid white thin;
	border-bottom: solid white thin;
	text-align:center
}

#tv
	{
	float:left;
	width: 638px;
	height: 398px;
	overflow:hidden;
	text-align: center;
	padding-top: 3px;
	z-index: 10;
	}

#elementa
	{
	overflow:visible;
	text-align: center;
	}

#colmpadarc
	{
	padding:0px 8px 0px 8px;
	}

#colmpad4ad
	{
	padding:2px 0px 2px 0px;
	margin: 0px 7px 0px 5px;
	border-top: 1px;
	border-top-color: #999999;
	border-top-style: solid;
	border-bottom: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	}

#colm4pad
	{
	padding:0px 0px 0px 10px;
	}

#colmhead
	{
	margin: 0px 10px 0px 10px;
	}

#newpage
	{
	clear: both;
	text-align: center;
	background-color: #FFFFCC;
	}	
	
	
#archive
	{
	float:left;
	width:238px;
	background-color: #FFFFFF;
	min-height: 1000px;
	margin-bottom: 16px;
	}

#footer 
	{
	height: 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#1C353E;
	clear: both;
	vertical-align: bottom;
	margin-top: 16px;
	}
		
.ftext
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 14px;
	color:#FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	}	

.ftext a
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.ftext a:hover
{
	text-decoration:underline;
}
		
.memehead
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	margin-top: 8px;
	line-height: 120%;
	color: #000000;
	}	
	
.memeheadbold
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	font-size: 16px;
	margin-top: 8px;
	line-height: 120%;
	}	


.memecomment
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#2C2B26;
	font-size: 0.9em;
	line-height: normal;
	font-style: italic;
	margin-top: 2px;
	}	

.rb_title
	{
	font-family:"Times New Roman", Times, serif;
	color:#2C2B26;
	font-size: 14px;
	margin-top: 1px;
	line-height: 110%;
	}

.rb_source_link
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#2C2B26;
	font-size: .8em;
	line-height: 120%;
	}

.rb_title a, .rb_source_link a 
	{
	color:#2C2B26;
	text-decoration:none;
	}

.rb_title a:hover, .rb_source_link a:hover
	{
	color:#A43955;
	text-decoration:underline;
	}

.memehead a, .rb_source_link a,  .fave a, .small a, .favheadtext a
	{
	color:#000000;
	text-decoration:none;
	}
	
.memehead a:hover, .rb_source_link a:hover, .fave a:hover, .small a:hover, .favheadtext a:hover
	{
	text-decoration:underline;
	}



/* Oct 2008 Picture scroller */

#memepscroller1{
	width: 290px;
	height: 70px;
	border: 1px solid #2C2B26;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	background-image: url(/health/img/memebg.jpg);
	font-weight: 200;
	height: 200px;
	height: 200px;
}

.memesomeclass
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#821639;
	line-height:110%;
	margin-top: 4px;	
	}

.memepixwrapper{
	position: relative; /* Do not change this value */
	width: 296px;
	height: 236px; /* Set height to be able to contain height of largest content shown*/
	border: 1px solid #1C353E;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	overflow: hidden;
	margin-bottom: 4px;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.memepix{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	padding: 0 2px 0 2px;
	visibility: hidden;
	width: 290px;
	text-align: center;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.memepixtoggler{ /*style for DIV used to contain toggler links. */
width: 290px;
margin-top: 1px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align: right; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.memepixtoggler a{ /*style for every navigational link within toggler */
display: inline-block;
display: inline-block;
border: 1px solid #1C353E;
color: #1C353E;
padding: 1px 3px;
margin-right: 3px;
font-weight: normal;
text-decoration: none;
}

.memepixtoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #821639;
color: black;
}

.memepixtoggler a:hover{
background: #1C353E;
color: #FFFFFF;
}

.memepixtoggler a.prev, .memepixtoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.memepixtoggler a.prev:hover, .memepixtoggler a.next:hover{
background: #1A48A4;
color: white;
}


/* Oct 2008 Google RSS feed */


#gfeedbox
{
	font-size:1.4em;
}

.gfeed
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	margin-top: 0px;
	line-height: 120%;
	color: #000000;
	}	
	

.labelfield
{ /*CSS for label field in general*/
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color:#2C2B26;
margin-bottom:0px;
}

.datefield{ /*CSS for date field in general*/
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color:#2C2B26;
margin-bottom:0px;
}

#gfeedbox a{ /*CSS specific to demo 3*/
color: #000000;
text-decoration: none;
}

#gfeedbox a:hover 
{ 
/*CSS specific to demo 3*/
text-decoration: underline;
}

code{ /*CSS for insructions*/
color: #2C2B26;
}


/* Interior Text Styles */


h1
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}

h2
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

h3
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
	
h4
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
		
h5
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

h6
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#821639;
	line-height:110%;
	margin-top: 4px;
	}

h6 a
	{
	color: #821639;
	text-decoration: none;
	}

h6 a:hover
	{
	color: #1C353E;
	text-decoration: underline;
	}

.subhead6
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#821639;
	line-height:110%;
	margin-top: 8px;
	}

.subhead6 a
	{
	color: #821639;
	text-decoration: none;
	}

.subhead6 a:hover
	{
	color: #1C353E;
	text-decoration: underline;
	}




#logo
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#1C353E;
	margin: 3px 0px 6px 0px;
	font-weight: bold;
	position: relative;
	line-height: 28px;
	letter-spacing: -2pt;
	}

.logoblack {	color:#1C353E;}
.logored	{	color:#821639;}
	
.logoblack a 	{	color:#1C353E; text-decoration: none;}
.logored a 		{ 	color:#821639; text-decoration: none;}
.logoblack a:hover, .logored a:hover { text-decoration: underline;}

.logoblack a:visited, .logored a:visited { 	text-decoration: none;}


	
p.text
	{
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	line-height:130%;
	color:#000;
	}

p.ad
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	line-height:100%;
	color:#CCCCCC;
	text-align: center;
	}


.fineprint
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:130%;
	color:#000;
	}

.text
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:130%;
	}

.small
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:110%;
	color: #2C2B26;
	}


/* ######### CSS for Shade --now DAY -- Tabs. Remove if not using ######### */

#countrytabs
	{
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
.daytabs{
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-type: none;
	font-size: 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.daytabs li{
display: inline;
margin: 0px;
}

.daytabs li a{
	text-decoration: none;
	position: relative;
	z-index: 27;
	padding: 6px 6px 5px 5px;
	margin-right: 3px;
	border: 1px solid #1C353E;
	color: #FFFFFF;
	background-color: #1C353E;
}

.daytabs li a:visited{
color: #FFFFFF;
}

.daytabs li a:hover{
text-decoration: underline;
}

.daytabs li a.selected{ /*selected main tab style */
position: relative;
color:#821639;
}

.daytabs li a.selected{ /*selected main tab style */
	color:#821639;
	background-color: #FFFFFF;
}

.daytabs li a.selected:hover
{ /*selected main tab style */
text-decoration: none;
}

.daytabs li a.selected:visited
{ /*selected main tab style */
text-decoration: none;
	color:#821639;
}



.daytabs li a.arc{ /*selected main tab style */
position: relative;
color:#821639;
background-color: #FFFFFF;

}

.daytabs li a.arc{ /*selected main tab style */
color:#821639;
background-color: #FFFFFF;
}

.daytabs li a.arc:hover
{ /*selected main tab style */
text-decoration: none;
}

.daytabs li a.arc:visited
{ /*selected main tab style */
text-decoration: none;
background-color: #FFFFFF;
color:#821639;
}


.spacer
{
	height:1px;
	line-height: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
}



/* LEGACY */

	
.bloghead
	{
	margin-left: 12px;
	text-indent: -12px;
	margin-bottom: 4px;
	color: #006600;
	margin-top: 0px;
	}

.bloghead a
	{
	color:#006600;
	text-decoration:none;
	}

.bloghead a:hover
	{
	color:#006600;
	text-decoration:underline;
	}

#favbox
	{
	float:left;
	padding: 0;
	width: 300px;
	}

#favhead
	{
	border-top-width:4px;
	border-top-style: solid;
	border-top-color: #006600;
	margin-bottom:6px;
	}

.favheadtext
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#1C353E;
	line-height: 11px;
	margin: 0px 0px 0px 0px;
	}

.fave
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006600;
	font-weight:bold;
	margin-bottom:0px;
	}


/* tabls */

.smallgray {font-family:arial,helvetica,sans-serif; font-size:24px; color:#FFFFFF;}
SELECT.smallgrayform {font-family:arial,helvetica,sans-serif; font-size:11px; color:#666666;}
.smallgrayformlabel {font-family:arial,helvetica,sans-serif; font-size:11px; color:#666666;}


ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 5px;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0px;
	margin-bottom: 11px;
	margin-top: 4px;
}


.titletextINT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#2C2B26;
	margin-top: 9px;
	margin-bottom: 0px;
	line-height: 120%;
	border-left: 5px;
	margin: 9px 0px 0px 6px;
}

#twitter_div
	{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 0px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: square;
	margin: 2px 0 2px 0;
	}


#twitter_div ul li
	{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	font-style: normal;
	line-height: 110%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 0px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: square;
	margin: 2px 0 2px 0;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	}





/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: 2px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}