*
{
	margin:0px;
	padding:0px;	
}

/**************************************** Layout Elements ***************************************/

/* IE hack. Only IE will render this height attribute. FF doesn't need it. */
* html #container
{
	height:100%;
}

#container {height:100%;width:700px; padding:20px 20px;text-align:center;margin-left:auto;margin-right:auto;}

#layoutborder{height:100%;border: 1px solid #0054a5;width:700px;}


#top{height: 105px;}

#banner {width:700px;}

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html .rcorner {
background:url(../images/corner.png) no-repeat #fff; right:-1px; margin:-1px 0px 0 0; width:37px; height:40px;z-index:1000;position:relative;
} 

.rcorner {float:right;background:url(../images/corner.png) no-repeat #fff; margin:-1px -1px 0 0; width:37px; height:40px;z-index:1000;}

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html #mainlogo {background:url(../images/imfbslogo.png) no-repeat; width:258px;float:left;overflow: hidden; height: 87px; margin:25px 0px 0px 10px}

#mainlogo a { display: block; width: 100%; height: 100%; z-index: -1;}
#mainlogo a:hover { color: none; text-decoration: none;}

#mainlogo {background:url(../images/imfbslogo.png) no-repeat; width:258px;float:left;overflow: hidden; height: 87px; margin:25px 0px -25px 20px}

#imflogo {margin:10px 10px 0px 10px; background:url(../images/imflogo.png) #cccccc no-repeat; overflow: hidden; width:85px; height: 87px;float:right; }
#imflogo a { display: block; width: 100%; height: 100%; z-index: -1;}
#imflogo a:hover { color: none; text-decoration: none;}
/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html .column {margin-right:-10px; }

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html #leftcol {height:100%;z-index: 1; }

#leftcol {float: left;width:33.5%; height:100%; text-align:left; padding:10px;background:url(../images/leftimage.png) no-repeat; z-index: 1;}

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html #rightcol {height:100%;z-index: 1;margin:0 0 -20px 35% !important; }

#rightcol {margin:0 0 -20px 35%; height:100%; background:#999900;text-align:left; padding:10px;background:url(../images/rightimage.png) repeat-x;}
#rightcolmain {margin:0 0 -20px 0; height:100%; background:#999900;text-align:left; padding:10px;background:url(../images/rightimage.png) repeat-x;}


/* IE hack. Only IE will render this attribute. FF doesn't need it. */
*html #footer {padding: 21% 0 0 0;}

#footer {
	padding: 69% 0 0 0;
	z-index:1001;
	position:relative;
}


/**************************************** Styles **************************************/

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html .book {	margin-top: 20px !important;} 
.book {	margin-top: 25px !important;} 

/* Source for CSS drop shadows (yDSF -- ydnar Drop-Shadow-Fu)
ydnar@sixapart.com - http://www.sixapart.com
*/
.shadowcontainer{
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(../images/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .shadowcontainer{
	margin: 10px -10px -10px 10px;
	background: url(../images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.shadowcontainer:before,
.shadowcontainer:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.shadowcontainer:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.shadowcontainer:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.shadowcontainer .shadowcontent {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .shadowcontainer .shadowcontent {
	left: -10px;
	top: -10px;
	margin: 0;
}

/* helper classes */
.clear {
	clear: both;
	/*overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;*/
}

.left {
	float: left;
	display: inline; /* fixes ie double margin-left bug */
}

.right { float: right; }

.button {background:url(../images/button.png) no-repeat #fff; width:205px; height:40px; margin-bottom:5px; }

.button  p {padding: 10px 0px 0px 0px; text-align:center; color:#0054A6; font-weight:bold;font-size:14px;}

p {padding-bottom:8px;font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body,td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a:link {color:#0054A6;text-decoration:none}
a:hover {color:#FF3300;text-decoration:underline;}
a:visited {color:#666666;text-decoration:none;}

.blue {color: #0054A6;}

.issn {margin-top:-15px;}

.pubtitle {font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight: bolder; color: #0054A6; padding-top:8px;}
.pubtitlesm {font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight: bolder; color: #0054A6; padding-top:8px; padding-bottom: 0; margin-bottom: 0;}
.pubblurb {background: #FFF3D1; padding:10px; color:#32373D;}
.pubblurb h2 {color: #0054A6;font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
.emblurb {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; font-style:italic;color: #32373D; padding:8px;}
.emblurbsm {font-family:Arial, Helvetica, sans-serif; font-size:15px; color: #32373D; padding:8px;}
.emblurblarge {font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; font-style:italic;color: #32373D; padding:8px;}
.emblurblargesm {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #0054A6; padding-top:0px; margin-top: -3px;}
.blurbintro {color: #0054A6;font-family:Arial, Helvetica, sans-serif; padding-bottom:8px; font-size:15px;}
.hiddenbutton { background: transparent; border: transparent}
.copyinfo {font-family:Arial, Helvetica, sans-serif;color: #0054A6; font-size: 10px; padding-bottom:10px;}

/**************************************** Layout Elements for print ***************************************/

@media print {

*
{
	margin:0px;
	padding:0px;	
}

#container {width:97%;}

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
*html #layoutborder{width:97%;height:750px;}

#layoutborder{width:97%;height:755px;}

#banner {width:97%;}


/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html .rcorner {
background:url(../images/corner.png) no-repeat #fff;  margin:-1px -10.5px 0 0; width:37px; height:40px;z-index:1000;position:relative;
} 

.rcorner {float:right;background:url(../images/corner.png) no-repeat #fff; margin:-1px -20.5px 0 0; width:37px; height:40px;z-index:1000;}

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html #leftcol {height:100%;z-index: 1; }

#leftcol {float: left;width:36%; height:100%; text-align:left; padding:10px;background:url(../images/leftimage.png) no-repeat; z-index: 1;}

/* IE hack. Only IE will render this attribute. FF doesn't need it. */
* html #rightcol {height:100%;z-index: 1;margin:0 0 20px 35% !important; }
* html #rightcolmain {height:100%;z-index: 1;margin:0 0 20px 0 !important; }

#rightcol {margin:0 0 20px 35%; height:100%; background:#999900;text-align:left; padding:10px;background:url(../images/rightimage.png) repeat-x;}

#rightcolmain {margin:0 0 20px 0; height:100%; background:#999900;text-align:left; padding:10px;background:url(../images/rightimage.png) repeat-x;}

}

.stage {
  padding: 3px;
}

.selected {
  background-color: #FFFF99;
}

hr.promo {
  height: 1px;
  border: 0;
  color: #ccc;
  background-color: #ccc;
  margin-top: 3px;
  margin-bottom: 3px;
}

hr.header {
   color: #000;
    background-color: #000;
}