@charset "ISO-8859-1";
.green_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: 04473A;
}
.green_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

a:visited {
	color: #00CC66;
}

.green_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

#planColumn1 {
clear:left;
float:left;
width:350px;
margin-top:0px;
padding-left:20px;
}

/* this is the place holder for the Sponsor text  */
#sponsorCol1 {
clear:left;
float:left;
width:370px;
margin-top:0px;
padding-left:2px;
}

#strategyCol1 {
clear:left;
float:left;
width:370px;
margin-top:0px;
padding-left:4px;
}


#greenColumn1 {
	clear:left;
	float:left;
	margin-top:0px;
	padding-right:20px;
	width: 380px;
}
#greenColumn2 {
	clear:left;
	float:left;
	margin-top:0px;
	padding-left:10px;
	width: 360px;
}
.journal-image {
	padding-right: -10px;
	float: inherit;
	border-right-color: #666666;
	border-color:#00CC00;
	text-align: left;
	}
.journal-right-image {
	padding-left: 0px;
	float: right;
	border-right-color: #666666;
	border-color:#00CC00;
	width: 200px;
	clear:right;
	}
	
#rightcol {
	position:inherit;
	top:0px;
	right:0px;
	float:right;
	width:200px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	padding:0px;
	background:transparent;
	z-index:99;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	clear:right;
	}
#left_img_col {
	position:inherit;
	top:0px;
	right:0px;
	float:left;
	width:250px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px;
	padding:0px;
	clear:both;
	background:transparent;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 10px;
	}
#journColumn1 {
	clear:left;
	float:left;
	margin-top:0px;
	padding-right:10px;
	width: 610px;
}
#left_img_col2 {
	position:inherit;
	top:0px;
	right:0px;
	float:left;
	width:380px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:380px;
	padding:0px;
	background:transparent;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 10px;
	clear:both;
	}
#left_img_col3 {
	position:inherit;
	top:0px;
	right:0px;
	float:left;
	width:360px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:360px;
	padding:0px;
	background:transparent;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 10px;
	clear:both;
	}
.info a: {
/* add style here for span. have text box already set upt. */
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-20px; 
	left:10px; 
	width:320px;
    border:1px solid #999999;
    background-color:#cff; color:#000;
    text-align: left;
	padding:4px;
	z-index:25;
}
/* this is the sponsor descripto box  */
/* Description box for the SPAN class.  */

#sponDscrp {
	lear:left;
	float:left;
	width:inherit;
	padding-left:10px;
	margin-bottom:10px;
	border-bottom-color:#999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
#Layer1 {
	position:absolute;
	width:350px;
	
	height:115px;
	z-index:1;
	left: 247px;
	top: 224px;
	background:#CCCCCC;
	border: solid;
	border-color:#999999;
	border-style: dashed;
	}
	
#jour-menu-box {
border-top:dotted;
border-top-width:1px;
clear:both;
}