body {
	background: black url(images/cassini-saturn.jpg) 0 0 no-repeat fixed; 
	background-position:-400px -100px;
	text-align:center;
}

/* div for centering the page */
.center {
	position:relative; display:block; 	
	/* position:absolute; display:inline; */
	width:760px;
	margin:0px auto; 
	padding:0px;
	text-align:left;
	/* border:1px solid green; */
}

.center {
	position:relative; display:block; 	
	padding:0px;
	margin:auto auto;
	margin:60px auto;
	width:900px;
	text-align:left;
	vertical-align:middle;
	/* border:1px solid green; */
}

/* the menu section */
#textB {
	position:absolute; display:inline; 
	top:4.5em; left:0em; 
	width:19em;
	height:40em;
	margin:0px; padding:0px; 
	padding:0.6em;
	font-size:9pt; 
	text-align:left;
	border:none;
}


.curved .b2,
.curved .b3,
.curved .b4				{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;}
.curved .boxcontent {background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;}
		
.menu 					{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;}
.menu li 				{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;}
.menu li .one 			{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;}
.menu li a				{color:#8BC1D5;color:#B9B0C1;}
.menu li a:hover 	{background: #8BC1D5; color:#224C5C; }
.menu li p:hover 	{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px; }
.menu .h2 				{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;color:#8BC1D5;color:#A19CB2;}
.menu .h3 				{background: #404040 url(images/cassini-saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;color:#8BC1D5;}
                                                          
/*img {height:30px;}*/
h1  {color: #bbbbff;  font-size:20pt;  font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px;	color:#000022; color:#FCFDAF;color:#ECD7C6;}  
h2  {color: #bbbbff;  font-size:14pt;  font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px;	color:#000022; color:#FCFDAF;color:#ECD7C6;}
#h1  {color: #bbbbff;  font-size:20pt;  font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px;	color:#000022; color:#F8E5D6;}
#h2  {color: #bbbbff;  font-size:14pt;  font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px;	color:#000022; color:#FCFDAF;color:#ECD7C6;#A19CB2;}
#h3  {color: #bbbbff;  font-size:14pt;  font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px;	color:#000022; color:#FCFDAF;}
.header {color:#ffdd33;color:#FCFDAF;color:#ECD7C6;}

A:link			{text-decoration:none;	font-weight:bold; display:block;	color:#CEBE3A;	color:#E5D4C2;}
A:visited	{text-decoration:none;	font-weight:bold;	display:block;	color:#CEBE3A;	color:#E5D4C2;}
A:active		{text-decoration:none;	font-weight:bold;	display:block;	color:#CEBE3A;	color:#E5D4C2;}
A:hover		{text-decoration:none;	font-weight:bold;	display:block;	color:#ffdd33;		color:#FFFFFB;}

/*#emails, #altstyles A {display:inline;}*/
#emails A						{display:none;} 
#altstyles						{position:relative; display:none; top:20px; left:90px; width:20px;}
#altstyles A 					{display:inline;}
#altstyles a:link img			{border:2px solid #193863;}
#altstyles a:visited img	{border:2px solid #193863;}
#altstyles a:active img		{border:2px solid #193863;}
#altstyles a:hover img		{border:2px solid #FCFDAF;} 

#title-ed	{display:inline;}
#title-ec	{display:none;}
#title-so	{display:none;}

/*.infor {position:absolute;display:inline; left:90px;}	top:100px; left:90px;}*/
#education	{position:absolute;display:inline; top:200px;	left:90px;background:#4D4D4D;
	background: #404040 url(images/cassini-Saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;
	}
	#education #astrofaces  {position:relative; display:inline; margin-left:10px;}
	#education #grouping {position:relative; display:inline; margin-left:10px;}
	#education #tutoring {position:relative; display:inline; margin-left:10px;}
	                                               
#software	{position:absolute;display:inline; top:90px;	left:90px;background:#4D4D4D;
	background: #404040 url(images/cassini-Saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;
	}	
	#software #	{position:relative; display:inline; }
	#software #	{position:relative; display:inline; }
	#software #	{position:relative; display:inline; }
	                  
#ecology	{position:absolute;display:inline; top:310px;	left:90px; background:#6D6D6D;
	/*background: #404040 url(images/cassini-Saturn-blue.jpg) 0 0 no-repeat fixed; background-position:-400px -100px;*/
	filter: alpha(opacity=60); 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 	-moz-opacity: 0.60; opacity:0.6;
	}
	#ecology	{position:relative; display:inline;}	
	#ecology	{position:relative; display:inline;}	
	#ecology	{position:relative; display:inline;}	
                  
.h4  {
	font-size:10pt;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	margin:0px;
	color: #bbbbff;
	color:#A19CB2;
	}

h4	{display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.6;}
h4:hover	{color:#dbb; opacity:6;}


/*education*/
#infoedu1 {
	position:absolute; display:inline; top:2em; left:26.5em; 
	width:190px; height:500px;
	margin:0px 0px 0px 0px; padding:0px; 
	padding:1em 0;
	background:transparent;
	font-size:9pt; 
	border:none;
	text-align:left;
	display:none;
}

/*education*/
#infoedu2 {
	position:absolute; display:inline; top:2em; left:26.5em; 
	width:190px; height:500px;
	margin:0px 0px 0px 0px; padding:0px; 
	padding:1em 0;
	background:transparent;
	font-size:9pt; 
	border:none;
	text-align:left;
	display:none;
}

/*ecology*/
#info6 {display:none;}

/*personal*/
#info7	{display:none;}

/*education*/
#info8	{
	position:absolute; display:inline; top:2em; left:45em;
	width:190px; height:500px;
	margin:0px 0px 0px 0px; padding:0px;
	padding:1em 0;
	background:transparent;
	font-size:9pt;
	border:none;
	text-align:left;
	display:inline;
}




/*******************************************/

.info	{
	width:190px; height:500px;
	background:transparent;
	margin:0px; padding:1em 0;	
	border:none;
	text-align:left;
	font-family:Verdana,"Trebuchet MS",Helvetica,sans-serif;
	font-size:9pt; 
	position:absolute; 
}

#infosoft1 	{ top:2em; left:21em;		display:inline; }
#infosoft2 	{ top:2em; left:36.5em;	display:inline; }
#infosoft3 	{ top:2em; left:52em;		display:inline; }
#infosoft4 	{ top:2em; left:67.5em;	display:inline; }
#infosoft5 	{ top:2em; left:83em;		display:inline; }

 /*software*/
#infosoft1	{display:none;}
#infosoft2	{display:none;}
#infosoft3	{display:none;}
#infosoft4	{display:none;}
#infosoft5 	{display:none;}

/* education */
#infoedu1 	{ display:none; }
#infoedu2 	{ display:inline; }

/* ecology */
#infoeco1		{ display:none; } 

/*others*/
#infopers1	{ display:none; } /* personal */
#infoastro1	{ display:none; } /* astrology */


/*******************************************/

h4	{display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.45;}
h4:hover	{color:#dbb; opacity:4;}

#textB h5	{display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:transparent; border:1px solid #000; opacity:0.6;}
#textB h5 a:hover	{color:#dbb; opacity:6;}

h5	{display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:transparent; border:1px solid #000; opacity:0.45;}
h6	{display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; text-align:left;} 
#textB img#logo {position:absolute; display:inline; top:360px; opacity:4; z-index:3;}
#textB h5	{display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:#C5854D; border:1px solid #000; opacity:0.45; z-index:5;}
#textB h5 .h3		{color:#E1B791; color:#000; font-weight:bold; font-size:10pt;}
#textB h5 a {opacity:8;}
#textB h5:hover	{opacity:2;}
#textB h5 span {display:none; text-align:center; }
/*#textB h5 span {position:absolute; display:none; text-align:center; top:25em; left:12px;} */  /*top:320px; */
#textB h5 span {position:absolute; display:none; text-align:center; top:27em; left:12px;} /*top:320px; */
#textB h5 span img {width:16em; opacity:3; z-index:15;} /*width:200px; */
#textB h5:hover span {display:inline;}
.screen .underline img {width:25em; opacity:0.5;} /*200px*/

