/*                  style sheet overrides for K4HM Net pages
          use attribute <   class=myclass> to access a style defined as .myclass
          Use attribute <   ID="myclass">  to access style defined as #myclass                      
*/ 

body { 
 	text-align: left; 
	font-family: verdana, arial, sans-serif;
	font-size: small;				/* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */
	font-style: normal;				/* normal | italic | oblique */
	font-variant: normal;			/* normal | small-caps */
	font-weight: normal;			/* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 */
	color: black;					/* font color */
	background-color: white;
/*	background-image: url(bgelectron.jpg); */
	background-image: url(bgglobes.gif);
/*	background-image: none; 		 none | url(path/to/file.gif) */
	background-repeat: repeat;		/* repeat | repeat-x | repeat-y */
	background-attachment: fixed;	/* fixed | scroll */

	margin-top: 0px;				/* em | px | % */
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;

/* 
	background: lightblue;
	background: url(bg.gif);
*/
}

.narrow {
	margin-left: 5%;
	margin-right: 5%;
}

.narrower {
	margin-left: 15%;
	margin-right: 15%;
}

.narrowest {
	margin-left: 25%;
	margin-right: 25%;
}


td {
 	text-align: left; 
}


/* LINKS */
/* A:link 		{ color: #0000FF; text-decoration: none;}	 unvisited link */
A:link 		{ color: #0000FF;}	/* unvisited link */
/*A:visited 	{ color: #000077; }	/* visited links */ */
A:visited 	{ color: #FF0000; }	/* visited links */
A:active 	{ color: #000077; }	/* active links */
A:hover	{						/* hover links */
/*	text-decoration: underline; */
	color: red;
/* 	color: #333333;   or color: red */
	background: white;
}



div.universe{
  width:800px;
/*	height:560px; */
	border: 1px solid black; 
/*	margin-left: 100px; */
	margin-top: 10px;
 	background-color: #ffffff;
}



div.head{
	border: 0px solid black;
	width: 98%;
/* 	width: 770px; */
	font-size: x-small;				/* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */

}

/*	height: 100px; */
/*	background-color: red;  */

/*
div.menu{
	border: 0px solid black;
	A:link    {background:white;}
	A:visited { color:SlateGrey; background:white; text-decoration: none; vertical-align:middle}
	A:active 	{ color: #000077; background:white;}
	A:hover	  {	color: red;	background: white;}						
}
*/


.main{
	width: 777px;
	background-color: white;
	margin-top: 1em;
	margin-left: 1%;
 	text-align: left; 
	border: 0px solid blue;
}


.bio{ 
	width: 680px;
 	text-align: justify; 
/*text-align:left; */
	border: 0px solid blue;
}

/*
DIV.Calendar  { position:absolute; top:165px; left:30px; width: 560px; background: white; }
DIV.Otherinfo { position:absolute; top:165px; left:600px; width: 200px; z-index:11; } 
*/

/* .otherinfo { width: 190px; z-index:11; top: 3px; position: relative; top:-100px;  margin-left: 575px; background: blue;} */
.calendar  { width: 560px;}





.counter img{
	height:20px;
	}


div.footer{
	border: 1px solid black;
/* 	width: 770px;  */
	background-color: #e0e0e0;
/*	clear:both; */
}

.main.td{
 	text-align: left; 
}

/*
button{
	border: 0px grove black; 
	width: 81px;      91  
	background-color: lightblue;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: small;
}
*/

button:hover{
	color: #00ffff;
	background-color: black;
}


map{
	float: left;
	margin-right: 20px;
	border: 3px solid red;
	background-color: white;
}
*/
/*	width: 571px;
	height: 400px; */
/*
	margin-left: 5em; 
	padding-left: 19px;
*/


/*
A:hover	{
	text-decoration: underline; 
	color: red; 
	background: white;
}
*/







/*
div.container{
	margin-left: 40px;
	width:750px;
	border: 5px solid black;
  background-color: lightblue; 
}


  color: #333333;  


.navigation:hover {
	background: blue;
}



.txtdraw {
	width=500px; 
	margin-left: 15%;
}



.navigate {
  margin-top: 0px;
  color: blue; 
  background: silver;
}

#warning {
	width:300px; 
	text-align: center;
	color:red;
}

.warning {
	margin-left: 15%;
  width: 70%; 
	text-align: center;
	color:red;
}


#pageHeader {
	background: url(mylogo.gif) no-repeat;
 	width:600px;
	height: 200px;
	float: left;
	margin-bottom: 400px; 
}

*/