/* CSS Document */
/*LIBRARY TEMPLATE CSS*/
/*teen.css*/

/*style rule for page body*/
body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


/*style rule for top header section*/
#topsection{
background: none;
height: 148px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

/*style rule for main body*/
#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#contentcolumn h2{
color: 663366;
}

/*style rule for left column*/
#leftcolumn{
float: left;
font-family: Arial, Helvetica, sans-serif;
width: 175px; /*Width of left column*/
margin-left: -100%;
text-indent: 25px;
background: #7A2879;
}

/*style rule for footer*/
#footer{
clear: left;
width: 100%;
background: #411540;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
background: transparent url() bottom right no-repeat;
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #FFF;
background-color: 3fcooo;
width: 9.35em;
padding: .2em .8em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color:#E5AFE4;
color: #FFF;
}

h2
{color:#003300;
border-bottom-style: double;
border-bottom-color:663366;
border-bottom-width:100%;
}





/*style rule for the main menu*/
#slantedmenu{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 90%;
margin: 0;

}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #7A2879;
border: 0px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
padding-left: 200px;
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #FFFFFF;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}



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

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

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:18em;
    border:1px solid #0cf;
    background-color:#660099; color:#9966FF;
    text-align: center;
	}