/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;;
    color:#03F;
    text-decoration:underline}

a.info:hover{z-index:25; color:#06F}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:25em;
    border:1px solid #000;
    background-color:#FFC; color:#000;
    text-align: left;
	text-decoration:none;
	font-size:smaller;}

.pageTitle {
	font-size:x-large;
	color:#000000;
	font:Verdana;
}

.SectionTitle {
	font-size:x-large;
	color:#000000;
	font:Verdana;
}

.mainText {
	background-color:#D8D8EB;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.sectionTitle {
	color:#000000;
	font-size:large;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.highLightBlue {
	background-color:#FFFFFF;
	color:#0066FF;
	font:x-large;
	text-align:center;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.highLightPink {
	background-color:#FFFFFF;
	color:#FF33FF;
	font:x-large;
	text-align:center;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.smleft  {background-image:url(http://www.intratrain.com/images/button_left_sm.jpg); width:4px; cursor:pointer}

.smright {background-image:url(http://www.intratrain.com/images/button_right_sm.jpg); width:4px; cursor:pointer}

.smmid   {background-color:#181A7F; width:auto; height:23px; cursor:pointer}

.style1  {color:#CCCDEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small; font-weight:bold}

.smmid:hover {background-color:#0066FF}