/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
img {
border : 0;
}
div#menu {
background : url(images/main-bg.png) repeat-x;
text-align : left;
height : 40px;
}
div#menu ul {
margin : 0;
padding : 0;
list-style : none;
float : left;
}
div#menu ul.menu {
padding-left : 5px;
text-align : left;
}
div#menu li {
position : relative;
z-index : 9;
margin : 0;
padding : 0 5px 0 0;
display : block;
float : left;
}
div#menu li:hover > ul {
left : -2px;
}
div#menu a {
position : relative;
z-index : 10;
height : 41px;
display : block;
float : left;
line-height : 41px;
text-decoration : none;
font : normal 14px Trebuchet MS;
}
div#menu a:hover, div#menu a:hover span {
color : #a9cbed;
text-align : left;
}
div#menu li.current a {
font-family : "Trebuchet MS";
font-size : 14px;
font-style : normal;
font-variant : normal;
vertical-align : middle;
display : block;
color : #ffffff;
letter-spacing : 0.5px;
}
div#menu span {
display : block;
cursor : pointer;
background-repeat : no-repeat;
background-position : 95% 0%;
}
div#menu ul ul a.parent span {
background-position : 95% 8px;
background-image : url(images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
background-image : url(images/item-pointer-mover.gif);
}
div#menu a {
padding : 0 10px 0 10px;
line-height : 30px;
color : #123456;
}
div#menu span {
margin-top : 5px;
}
div#menu li {
background : url(images/main-delimiter.png) no-repeat 98% 4px;
text-align : left;
color : #ffffff;
}
div#menu li.last {
background : url(images/main-delimiter.png) no-repeat 98% 4px;
}
div#menu ul ul li {
background : none;
}
div#menu ul ul {
position : absolute;
top : 38px;
left : -999em;
width : 163px;
padding : 5px 0 5px 0;
height : auto;
margin-top : 1px;
background-image : url(images/pulldown_back.png);
background-repeat : repeat-y;
background-position : 0% 0%;
border-bottom-width : 4px;
border-bottom-style : solid;
border-bottom-color : #000000;
}
div#menu ul ul a {
padding : 0 0 0 15px;
height : auto;
float : none;
display : block;
line-height : 24px;
color : #cccccc;
}
div#menu ul ul span {
margin-top : 0;
padding-right : 15px;
color : #cccccc;
}
div#menu ul ul a:hover span {
color : #fff;
border-right-width : 4px;
border-right-style : solid;
border-right-color : #ffffff;
background-image : url(images/menu_highlight.png);
background-repeat : repeat-y;
background-position : right top;
}
div#menu ul ul li.last {
background : none;
}
div#menu ul ul li {
width : 100%;
}
div#menu ul ul ul {
padding : 0;
margin : -38px 0 0 163px !important ;
margin-left : 172px;
}
div#menu ul ul ul {
background : rgb(41, 41, 41);
}
div#menu ul ul ul ul {
background : rgb(38, 38, 38);
}
div#menu ul ul ul ul {
background : rgb(35, 35, 35);
}
div#menu li.back {
background : url(images/lava.png) no-repeat right -44px !important ;
background-image : url(images/lava.gif);
width : 13px;
height : 44px;
z-index : 8;
position : absolute;
margin : -1px 0 0 -5px;
}
div#menu li.back .left {
background : url(images/lava.png) no-repeat left top !important ;
background-image : url(images/lava.gif);
height : 44px;
margin-right : 8px;
}
#menu div {
vertical-align : middle;
}
#menu #clock {
height : 30px;
width : 300px;
padding-top : 5px;
padding-right : 5px;
position : absolute;
right : 2px;
top : 131px;
}
.clock {
vertical-align : middle;
}
.formhighlights {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
line-height : 19px;
font-weight : normal;
color : #0097c3;
text-decoration : none;
}
.mainTXT {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 20px;
font-weight : normal;
color : #eeeeee;
text-decoration : none;
text-align : left;
vertical-align : top;
text-indent : 0;
}
.mainTXT a:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 20px;
font-weight : normal;
color : #00ccff;
text-decoration : underline;
text-align : left;
vertical-align : top;
text-indent : 0;
}
.mainTXT a:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 20px;
font-weight : normal;
color : #00ccff;
text-decoration : underline;
text-align : left;
vertical-align : top;
text-indent : 0;
}
.mainTXT a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 20px;
font-weight : normal;
color : #ffffff;
text-decoration : underline;
text-align : left;
vertical-align : top;
text-indent : 0;
}
.mainTXT a:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 20px;
font-weight : normal;
color : #00ccff;
text-decoration : underline;
text-align : left;
vertical-align : top;
text-indent : 0;
}
.SubHeader {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
line-height : 20px;
font-weight : bold;
color : #00ccff;
letter-spacing : -0.1px;
text-decoration : none;
}
.Bottom {
text-align : center;
height : 30px;
background-image : url(images/bottom_back.gif);
background-repeat : repeat-x;
background-position : left top;
background-color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #cccccc;
text-decoration : none;
vertical-align : middle;
}
.Bottom a:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #cccccc;
text-decoration : none;
}
.Bottom a:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #cccccc;
text-decoration : none;
}
.Bottom a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #ffffff;
text-decoration : none;
}
.Bottom a:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #cccccc;
text-decoration : none;
}
.Backtotop {
text-align : center;
}
.Backtotop a:link {
text-decoration : none;
}
.Backtotop a:visited {
text-decoration : none;
}
.Backtotop a:hover {
text-decoration : none;
}
.Bottom a:active {
text-decoration : none;
}
#GoogleCal {
width : 500px;
}
.googleCal {
	width : 450px;
	overflow : hidden;
	background-color : #ffffff;
	background-image : url(images/content_bck.jpg);
	background-repeat : repeat-x;
	background-position : 0 0;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 0px;
	color: #333333;
	padding-top: 20px;
}
.style2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #00ccff;
text-decoration : none;
}
#imagefooters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: italic;
	line-height: 12px;
	color: #CCCCCC;
}