/**
 */
			/* hide from ie on mac \*/
html {
	height: 100%;
	overflow: auto;
	}
	
#flashcontent {
	/*height: 100%;*/
	}
			/* end hide */

body {
	width: 880px;
	margin:0;
	padding: 2px 10px 30px 10px ;
	color:#333333;
	background-color:#E1E9FF;
	font-family:Helvetica, Arial, sans-serif;
	}	

.addr {	font-size:9px;}

h2.locale {
	font-family:Verdana;
	font-size:22px;
	text-decoration:underline;
	color:#804000;
	}

p.getAdobe{ width: 880px; }
a         { color:#0000ee;text-decoration:none;border:0; }
a:visited {	color:#0000ee; }
a:active  {	color:#ee0000; }

#header{ width:880px;}

#flashcontent {
	width: 880px;
	height: 540px;
	/*height: auto;
	overflow:auto;*/
	overflow:hidden;
	position:relative;
	top: -25px;
	}

.co {text-align:center;font-weight:bold;font-size:24px; font-family: 'Amazone BT'; }

#logo {
	height:50px;
	width:180px;
	background:transparent url('../imgs/varga_titlea.gif') center center no-repeat;
}

#logo .logotext { position:absolute; left:-5000px;}

#generations {
	margin-top:40px;
	border:0;
	border-collapse:collapse;
	width:880px;
	color:#804000;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold
	}

#generations a {
	color:#804000;
	}

#generations .sub {
	font-size:10px;
	font-weight:normal;
	}

#text_content {
	height:30px;
	vertical-align:bottom;
	margin-top:20px;
	}

#text_content a:hover   { text-decoration:underline; }
	
#text_content .article {
 	width:820px;
 	padding:10px 20px 50px 20px;
 	text-indent:12px;
	}

#text_content .footer {
	margin-left:25px;
	width:820px;
	font-size:14px;
	font-weight:bold;
	height:30px;
	background:transparent url("../imgs/bottom_menu.png") top left no-repeat;
	}

#back {
	width:100%;
	height:32px;
	display:none;
	text-align:center;
	}
	
#back a {
	width:60px;
	height: 32px;
	display:block;
	font-size:20px;
	font-family: Arial;
	margin: 10px 0px 0px 400px;
	margin:10px auto 0px;
	padding:0px 0px 0px 40px;
	background-repeat:no-repeat;
	background-position:left 0px;
	background-color: transparent;
	background-image: url(imgs/back.gif);
	}
#back a:hover {
	background-position:left -32px;
}
#back a, #back a:link, #back a:focus, #back a:visited {
	border:0;
	outline:none;
	outline-style:none;
}
#mail { width:33.33%;text-align:center;padding-top:6px;float:left;}

.classes { width:33.33%;text-align:center;padding-top:6px;float:left;}

.directions { width:33.33%;height:30px;text-align:center;padding-top:6px;float:left;background:transparent url("../imgs/bottom_menu_r.png") right top no-repeat;}

#map { position:absolute; display:none; z-index:300; }

#map img { border:0; }
	/* ---- Basic menu styles ------------------- */

	/* common styling */
#menu, #menu ul, #menu li { margin: 0; padding: 0; border: 0 none; }

/* ---- Menu layout -------------------------- */
#navigation{
	height:40px;
	width:860px;
	display:block;
	margin:0px 0px 0px 6px;
	padding:0px 0px 0px 18px;
	}

#menu{
	margin:0px;
	padding:0px;
	height:40px;
	position:relative;
	z-index: 100;
	}

#menu li {
	margin:0px;
	padding:0px 7px 0px 0px;position:relative;
	list-style: none;
	list-style-type:none;
	display: inline;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	float:left;
	background:transparent url("../imgs/button_menu_r.png") top right no-repeat;
	}

#menu li .node {
	display:block;
	height:40px;
	margin:0px;
	padding:8px 20px 0px 25px;
	color:#0033cc;
	line-height:12px;
	font-weight:bold;
	float:left;
	background:transparent url("../imgs/button_menu.png") top left no-repeat;
	}

#menu li .node:hover{
	color:#cceeff;
	background:transparent url("../imgs/button_menu2.png") top left no-repeat;
	}

#menu li .sel:hover, .footer a:hover{
	color:#cceeff;
	}

#menu li .sel{
	display:block;
	/*width:auto;*/
	height:40px;
	margin:0px;
	padding:8px 20px 0px 25px;
	color:#99ff33;
	line-height:12px;
	font-weight:bold;
	float:left;
	background:transparent url("../imgs/button_menu2.png") top left no-repeat;
	}

#menu li a  { display:block; white-space: nowrap;  }
#menu li li { clear: both;  /*FF 1.0.7 needs this */  }
#menu li ul { visibility: hidden; position:absolute; }

#menu li ul {  top: 40px; left: 6px; }

#menu li.hover ul               {  visibility: visible; }
#menu li.hover ul li ul 		{  visibility: hidden;  }
#menu li.hover li.hover ul      {  visibility: visible;  left: 100%; }


	/* 1 level - hover */
#menu li.hover a {  }
	/* 2 level - normal */
#menu li.hover li a { }
	/* 2 level - hover */
#menu li.hover li.hover a { }

#menu ul li { 
	border: 0;
	width:100%;
	height:30px;
	padding: 0;
	margin: 0;
	line-height: 11px;
	vertical-align: middle;
	font-size: 11px; font-weight: bold; text-decoration: none;
	background: transparent url("../imgs/button_menu4.png") top left repeat-x;
	}

#menu ul {
	border-right:2px #ece38e solid;
	border-bottom:2px #dad283 solid;
	}

#menu ul li a {
	font-size: 12px;
	height:30px;
	font-weight: bold;
	padding: 12px 10px 6px 10px;
	}

#menu ul li a:hover{
	color:#cceeff;
	}