/*Navigation Mootools MOUSENTER*/

div#myOtherElement {
	width: 228px;
	height: 60px;
	overflow: hidden;
	background-color: white;
        font-family: Century Gothic, Avant-Garde, Arial, sans-serif;
        cursor: pointer;
        text-align: right;
        margin: 0px;
}

div#myOtherElement #span {
	display: block;
        margin: 0px;
        padding: 0px 0px;
        text-transform: lowercase;
        text-align: right;
        font-weight: bold;
        font-size: 315%;
        line-height: 115%;
}
div#myOtherElement #span a:hover {
	   color: #8EAB99;
}

div#myOtherElement a {
        margin: 0px;
        padding: 0px;
        text-decoration: none;
        text-transform: lowercase;
        text-align: right;
        font-weight: bold;
        font-size: 270%;
        line-height: 115%;
}

div#myOtherElement a:hover {
	color: #8EAB99;
}
div#myOtherElement ul,li {
    margin: 0px;
    padding: 0px 1px 0px 5px;
    color: #666666;
}

/*Column Right, Mootools ACCORDION*/

#accordion, #nextaccordion {
       margin:0px 0px;
       width: 235px;
}

h3.toggler, h3{
padding-bottom: .2em;
        padding-top: .2em;
}
 
h3.toggler, h3.smalltitle {
	cursor: pointer;
        font-size: 90%;
        text-transform: uppercase;
	font-family: Century Gothic, Avant Garde, Arial, sans-serif;
        font-weight: lighter;
	color: #808080;
	padding-left: 2px;
	background-color: #EEEEEE;
	padding-top: 1px;
	padding-bottom: 1px;
        margin: .5em 0em 0em 0em;
}

div.element p, div.content p {
       font-family: arial, sans-serif;
       font-weight: lighter;
       color: #666666;
       padding: 1px 0px 1px 0px;
}
div.element ul, div.content ul{
       font-family: arial, sans-serif;
       font-weight: lighter;
       margin: 0px;
       color: #808080;
       padding: 0px 10px 0px 10px; 
}
div.element li, div.content li{
      padding: 3px;
      margin: 0px;
}