html{margin:0;padding:0;}
body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: Arial, "Trebuchet MS", sans-serif;
}
a{
	color:#9D2D2C;
	text-decoration:none;
	font-weight:bold;
}
p{
	margin:0 0 10px 0;
	padding:0;
	font-size:77%;
	color:#000;
}
li{
	font-size:77%;
	
}
h1{
	font-family: Verdana, Arial, sans-serif;
	margin:0;
	padding:0;	
	font-size:small;
	line-height:1em;
	font-weight:normal;
}
h2, h3, h4, h5, h6{
	font-family: Verdana, Arial, sans-serif;
	margin:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;				
	font-size:small;
	line-height:1em;
	font-weight:normal;
}
h1{
	color:#000;
	font-size:161.6%;

}
h2{
	color:#A28D3A;
	font-size:123.1%;
}
h3{
	color:#9D2D2C;
	font-size:116%;
}
h4{
	color:#333;
	font-size:108%;
}
h5{
	color:#666;
	font-size:93%;
	font-weight:600;
}
h6{
	color:#888;
	font-size:85%;
	font-weight:600;
}
/* table{
	border:thin solid #ccc;
	caption-side:bottom;
	border-collapse:collapse;
	width:100%;
	font-size:small;
}
td, th{
	border: thin solid #ccc;
	padding: 5px;
	text-align:left;
}
*/
caption{
	font-style:italic;
	padding-top:8px;
}
#maincontainer{
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

/* ENTIRE TOP SECTION  */
#topsection{
	background: #fff url(../images/topsectionbackground.jpg) no-repeat  top center;
	margin:0 0 15px 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #ccc;
	height:162px;
	overflow:hidden;
	
}
#topsection #logoarea{
	margin:0;
	padding:0;
}
#topsection h1{
	margin:0;
	padding:0;
}

#logoarea h1 a span{
	width:600px;
	height:90px;
	cursor: auto;
	float:left;
	text-indent:-9000px;
	cursor:pointer;
}
/* Search and Login areas  */
#topsection #searchandlogin{
	height:70px;
	margin:25px 0 0 630px;
	padding:0;
}

/* This is a phase one Change (#topsection #searchandlogin #searcharea).  
When the login section is added, just remove the following block */
#topsection #searchandlogin #searcharea{
	padding-top:20px;
}
/* end phase one change  */

#searchandlogin input.searchbox{
	width:177px;
	border:1px solid #fff;
	background: #fff url(../images/searchbackground.gif) repeat-x top left;
}
#searchandlogin input.usernamebox, #searchandlogin input.passwordbox{
	width:113px;
	border:1px solid #fff;
	background: #fff url(../images/searchbackground.gif) repeat-x top left;
	vertical-align:top;
}
#loginarea{
	margin:10px 0 0 0;
}
#topsection #searchandlogin img{
	padding-right:5px;
}
#topsection #searcharea input.searchicon{
	padding:2px 0 0 5px;
	vertical-align:top;
}
/* end search and log in areas  */

/* Nav Container  */
#nav{
	clear:left;
	width:950px;
	margin:18px 0 0 0;
	
}
/* GLOBAL NAV  */
#globalnav{height:23px;width:580px;font-size:77%;float:left;margin:5px 0 0;padding:0 0 0 25px;}
#globalnav ul{display:inline;list-style:none;margin:0;padding:0;}
#globalnav li{float:left;margin:0;padding:0;}
#globalnav li a{display:block;color:#fff;font-family:"Trebuchet MS",sans-serif;font-size:11px;text-transform:uppercase;text-align:center;margin:0;padding:12px 10px 10px;}
#globalnav li.active a,#globalnav li a:hover{background:transparent url(../images/globalNavHoverBg.gif) repeat-x 0 50%;}



/* Secondary Nav  */
#secondarynav{
	font-size:114%;
	height:49px;
	margin:0 0 0 607px;
}
#secondarynav ul{
	display:inline;
	list-style:none;
	margin:0;
	padding:0 0 11px 0px;
}
#secondarynav li {
	display:inline;
	margin:0;
	color:#5d501b;
	padding:12px 6px 12px 6px;
	border-right:1px solid #5d501b;
	float:left;


}


/* each secondary nav is an image (swap the text)  */
#secondarynav li a {
	display:block;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;

}
#secondarynav li#research a{
	background:transparent url(../images/researchbutton.gif) no-repeat scroll center center;
	padding-left:12px;
	width:90px;
}
#secondarynav li#practice a{
	background:transparent url(../images/practicebutton.gif) no-repeat scroll center center;
	width:90px;
	padding-left:12px;
}
#secondarynav li#training a{
	background:transparent url(../images/trainingbutton.gif) no-repeat scroll center center;
	width:90px;
	padding-left:6px;
}
#secondarynav li.last{
	border:0;
}
/* hover state  */

#secondarynav li#research a:hover {
	background:transparent url(../images/researchbuttonactive.gif) no-repeat scroll center center;
}
#secondarynav li#practice a:hover {
	background:transparent url(../images/practicebuttonactive.gif) no-repeat scroll center center;
}
#secondarynav li#training a:hover{
	background:transparent url(../images/trainingbuttonactive.gif) no-repeat scroll center center;
}
/* end secondary nav  */

/* end top section  */
#topcontent{
	float:left;
	margin:0 0 30px 0;
	padding:0 229px 30px 0;
	background: #fff url(../images/contentbackground.gif) repeat-y top left;

}


/* wrapper area (center) */
#contentwrapper{
	float: left;
	width: 721px;
}

#contentcolumn{
	margin:35px 25px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding:0 25px 0 25px;

}

#contentcolumn .centercallout{
	margin:0 0 20px 0;
}

#contentcolumn .centercallout img{
	border:1px solid #ccc;
	padding:1px;
}

#contentcolumn .centercallout h2{
	text-transform:uppercase;
	font-size:116%;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:0;
}
/* images as headlines  */

.centercallout h2#news{
	background: transparent url("../images/newsheadline.gif") no-repeat;
}
.centercallout h2#advocacy{
	background: transparent url("../images/advocacyheadline.gif") no-repeat;
}
.centercallout h2#bloodjournal{
	background: transparent url("../images/bloodjournalheadline.gif") no-repeat;
}
.centercallout h2 span, #rightcolumn .callout h2 span{
	margin-left:-9000px;
}

/* end images as headlines (both center and right column)  */
#contentcolumn .centercallout ul{
	color:#999;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
}
#contentcolumn .centercallout li{
	font-size:77%;
	font-weight:bold;
}

#contentcolumn .centercallout .journallist ul li{
	list-style:none;
	margin:0;
}
#contentcolumn .centercallout .journallist ul{
	margin:0 0 20px 0;
	padding:0;
}
#contentcolumn .centercallout .journallist li{
	display:inline;
	padding: 0 10px;
	border-right:1px solid #FF8000;
}
#contentcolumn .centercallout .journallist li.first{
	padding-left:0;
}
#contentcolumn .centercallout .journallist li.last{
	border:0;
}
#contentcolumn .centercallout .floatbox{
	float:left;
	margin-right:25px;
}

/* end center column and content for center  */

/* LEFT COLUMN */

#leftcolumn{
	float: left;
	font-size:77%;
	width: 200px; /*Width of left column in pixel*/
	margin:35px 0 0 -721px; /*Set margin to that of -(MainContainerWidth)*/
}

/*callouts */
#leftcolumn .callout{
	border:1px solid #ccc;
	margin:0 0 30px 0;
	padding:1px;
	background:#ededed;
}

#leftcolumn .callout img{
	border:0;
	padding:0;
	margin:0;
	display:block;
}

#leftcolumn .callout dl{
	margin:0 10px;
	padding:0 5px 10px 0;
	border-bottom:1px solid #999;
}
#leftcolumn .callout dt{
	font-size:108%;
	font-weight:bold;
	color:#000;
	margin:10px 0 0 5px;
	padding:0;
}
#leftcolumn .callout dd{
	margin:0;
	padding:0;
}
#leftcolumn .callout dl.last, #leftcolumn .callout li.last{
	border:0;
}
ul.horizontallist {
	list-style:none;

}
#leftcolumn .callout dd ul.horizontallist{
	margin:0 0 0 5px;
	padding:0;
}
#leftcolumn .callout dl ul.horizontallist li{
	display:inline;
	margin:0;
	padding:0px 5px;
	border-right:1px solid #999;
	font-size:93%;
}
#leftcolumn .callout dl ul.horizontallist li.last{
	border:0;
	padding-right:0;
}
/*callouts for calendar  (left column) */
#leftcolumn .callout dl.month{
	margin:0;
	padding:0;
	border:0;
}
#leftcolumn .callout dl.month dt{
	color:#fff;
	background:#a9a9a9;
	font-size:116%;
	font-weight:bold;
	margin:0;
	padding:0 0 0 15px;
}
dd.date dd{
	margin:0;
	padding:0;

}

#leftcolumn .callout dl.month ul{
	list-style:none;
	margin:5px 10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #999;
}
#leftcolumn .callout dl.month li{
	margin:0;
	padding:0;
	line-height:1em;
}

	
#leftcolumn .callout  dd.date{
	font-weight:bold;
	margin:0 0 0 12px;
	padding:0;
}
#leftcolumn .callout  dd.day ul,#leftcolumn .callout  dd.day{
	padding:0;
	margin:0;
	line-height:1em;
}
#leftcolumn .callout  dd.day ul{
	padding-bottom:10px;
}
#leftcolumn .callout  dd.day {
	margin:0 ;
}
#leftcolumn .callout  dd.day li{
	padding:0;
	margin:0 0 3px 12px;
	font-size:93%;
}
#leftcolumn .callout ul.last{
	border:0 !important;
}
#leftcolumn .callout li.more a{
	display:block;
	padding:10px 0 0 120px;
	font-size:116%;
}
/*end calendar CSS */
/* end left column  */

/* RIGHT COLUMN */
#rightcolumn{
	float: left;
	font-size:100%;
	width: 229px; /*Width of right column*/
	margin-left: -229px; /*Set left margin to -(RightColumnWidth)*/
}

#rightcolumn #iconsection{
	height:15px;
}

/* if no javascript - this is off by default */
#rightcolumn #iconsection ul#sharemenu, #rightcolumn #iconsection a.printhis{
	display:none;
}

#rightcolumn .callout{
	clear:left;
	margin-top:30px;
}
#rightcolumn .callout .floatbox{
	height:100px;
}
#rightcolumn .callout div.listholder{
	margin:0 0 0 15px;
}
#rightcolumn .callout ul{
	margin:0;
	padding:0;
	font-size:90%;
	color:#464646;
	list-style: none outside url(../images/rightcolumnbullet.gif);
}
 #rightcolumn .callout li{
	margin:0;
	padding:0;
	line-height:1.5em;
}
#rightcolumn .callout img{
	border:1px solid #ccc;
	margin-right:10px;
	padding:1px;
}
#rightcolumn .callout h2{
	font-size:108%;
	border-bottom:1px solid #ccc;
	margin:0 0 15px 0;
	padding:0;
	text-transform:uppercase;
	color:#333;
}

/* headlines text as an image  */

#rightcolumn .callout h2#patients{
	background: transparent url("../images/patientsheadline.gif") no-repeat;
}

#rightcolumn .callout h2#highlights{
	background: transparent url("../images/highlightsofashheadline.gif") no-repeat;
}

#rightcolumn .callout h2#ashjobbank{
	background: transparent url("../images/ashjobbankheadline.gif") no-repeat;
}

#rightcolumn .callout h2#thehematologist{
	background: transparent url("../images/hematologistheadline.gif") no-repeat;
}

#rightcolumn .callout h2#filternewsbytopic{
	background: transparent url("../images/filternewsbytopic.gif") no-repeat;
}

#rightcolumn .callout h3{
	font-size:85%;
	color:#ccc;
	display:inline;
	width:145px;
}
#rightcolumn .floatbox img{
	float:left;
	display:block;
	margin-right:25px;
}

#rightcolumn .callout .floatbox ul{

	margin-left:65px;
}

#rightcolumn .callout  .floatbox ul li{
	margin:0 0 0 25px;

}
/* end right column  */

/* FOOTER SECTION  */
#footer{
	clear: both;
	width: 100%;
	color: #858585;
	text-align: left;
	margin:0;
	padding: 30px 0;
	border-top:1px solid #ccc;
	font-size:100%;
	font-weight:bold;
	line-height:1.5em;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#footer img{
	float:right;
}
#footer a img{
	border:0;
}
#footer #information {
	margin-right:400px;
}
#footer #information ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer #information .title{
	text-transform:uppercase;
	color:#000;
}

/* end footer */
.innertube{
	margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
/* printer banner  */
img#printbanner{
	display:none;
}

/* training application */
.train-admin-padding {
	margin:0px;
	padding-top:10px;
	padding-right:0px;
	padding-left:10px;
	padding-bottom:0px;
}
.train-admin-padding h2 {
	margin:0px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom:5px;
	padding-right:0px;
}
.train-admin-border {
	width:638px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}
.train-admin-border2 {
	width:618px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:10px;
	background-color:#F5F5F5;
}
.train-admin-border3 {
	width:618px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:10px;
	background-color:#FFFFFF;
}
.train-admin2 {
	width:618px;
	margin:0px;
	padding:0px;
}
.train-admin-padding {
	margin:0px;
	padding:10px;
}
.train-admin-padding h4 {
	margin:0px;
	padding:0px;
}
.train-admin th#1 { width:412px;}
.train-admin th#2 { width:202px;}
.train-admin th#3 { width:22px;}
.train-admin th {
	color:#333333;
	text-align:left;
	font-weight:bold;
	margin:0px;
	padding:5px;
}
.train-admin td {
	margin:0px;
	padding:5px;
}
.train-admin tr.tb-hdr {
	background-color:#CCCCCC;
}
.train-admin tr.even {
	background-color:#FFFFFF;	
}
.train-admin tr.odd {
	background-color:#F5F5F5;
}
.imageBorder {
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}
#COI {
	width:668px;
	margin:0px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
}
#mainContent {
	margin:0px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
}
.lang-nav {
	text-align:right;
	float:right;
	clear:none;
	width:65px;
	margin:0px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;			
}
.img-right {
	float:right;
	clear:none;
	margin:0px;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:20px;
}
table.content-table {
	width:668px;
	margin:0px;
	padding:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.content-table tr td {
	margin:0px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.content-table2 {
	width:668px;
	margin:0px;
	padding:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.content-table2 tr td {
	margin:0px;
	padding:5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

