html	{
	line-height: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	text-align: left;
	text-indent: 0;
	white-space: normal;
	}

body {
		background: #C0C0C0;
		color: #000;
		margin-left: -0.1em; 
		margin-right: .1%;
		margin-top: -0.1em;
		margin-bottom: 5em;
		}

body.general {background: #C0C0C0 url(../Pc/Graphics/table_background.gif);
		color: #000;}
		
body.antillas { background: #C0C0C0 url(./Graphics/tabaco_background.jpg);
				color: #804000;}

body.lajanda { background: #FFF1E3 url(none);
				color: #804000;}				

body.printable {
		background: #FFF url(none.gif);
		color: #000;
		margin: 1em;
		}
		

body.pop-up {
		color: #FFF;
		background: #6699CC url(none.gif);
		}

p, table, tr, td, pre { font-family: verdana, arial, helvetica, sans-serif; 
		font-size: 0.96em; 
		}

p {display: inline }

p.space {letter-spacing: 0.15em; }

p.text-line {line-height: 1.55em; }
		
p.indent { text-indent: 2em;}

p.printable, table.printable { font-family: garamond, serif; font-size: 1.1em }

p.small {
				font-size: x-small;      
             /* false value for WinIE4/5 */
    		voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    		voice-family: inherit;   
             /* recover from trick */
    		font-size: small;         
             /* intended value for better browsers */
    }

html>body p.small  {
    		font-size: small
             /* be nice to Opera */
    }

p.smaller {
				font-size: xx-small;      
             /* false value for WinIE4/5 */
    		voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    		voice-family: inherit;   
             /* recover from trick */
    		font-size: x-small;         
             /* intended value for better browsers */
    }

html>body p.smaller  {
    		font-size: x-small
             /* be nice to Opera */
		}

p.smallest { font-size: xx-small;}

p.large {
				font-size: medium;      
             /* false value for WinIE4/5 */
    		voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    		voice-family: inherit;   
             /* recover from trick */
    		font-size: large;         
             /* intended value for better browsers */
    }

html>body p.large  {
    		font-size: large
             /* be nice to Opera */
		}

p.larger {
				font-size: large;      
             /* false value for WinIE4/5 */
    		voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    		voice-family: inherit;   
             /* recover from trick */
    		font-size: x-large;         
             /* intended value for better browsers */
    }

html>body p.larger  {
    		font-size: x-large
             /* be nice to Opera */
		}

p.largest { font-size: xx-large; }

/* p.text-small { font-size: 95%;
						 line-height: 1.4em;
						 } */


p.photo-text {text-align: left; width: 150px;}

p.drawing{position: absolute; top: 45.50em; left: 53.25em; z-index: 1}

td.small-text { font-size: x-small;}

/* #leftbox { position: absolute;
			color: #000;
			background: #D7D1D1;
			border: .4em solid #CCC;
			top: 30em;
			left: 10em;
			z-index: 1;
			/* MSIE 5.0 and 5.5 workaround patch..! */
			/* width: 40.4em;
			height: 60.4em;
 			voice-family: "\"}\""; 
 			voice-family: inherit;
			width: 40em;
			height: 60em;
	}*/
	
/* html>body #leftbox {
			width: 40em;
			height: 60em;
} */

div#rightbox-description { position: absolute;
		  color: #000;
			background: #FFF;
			border: 0.08em solid #000;
			top: 7.40em;
			left: 16.97em;
			z-index: 1;
			padding: 1.5em;
			/* MSIE 5.0 and 5.5 workaround patch..! */
			width: 28.01em;
			height: 23.91em;
 			voice-family: "\"}\""; 
 			voice-family: inherit;
			width: 24.85em;
			height: 20.75em;
	}
	
html>body div#rightbox-description {
  width: 24.85em;
	height: 20.75em;
} 


.text-leftbox  { position: absolute;
				top: 31em;
				left: 10em;
				text-align: left;
			  padding: 3em;
			   }

.leftbox-white { position: absolute; 
			text-align: center;
			color: #000;
			background: #FFF;
			border: 0.08em solid #000;
			top: 7.40em;
			left: 3.22em;
			/* MSIE 5.0 and 5.5 workaround patch..! */
			width: 12.69em;
			height: 23.91em;
 			voice-family: "\"}\""; 
 			voice-family: inherit;
			width: 12.53em;
			height: 23.75em;
			}
			
html>body .leftbox-white {
			width: 12.53em;
			height: 23.75em;
}

.text-leftbox-white  { position: absolute;
				top: 17.14em;
				left: 4.61em;
				text-align: left;
				z-index: 5;
				}
			   
.photo-leftbox-white  { position: absolute;
				top: 1.70em;
				left: 1.58em;
			   }

.rightbox-dark { 
			position: absolute;
			top: 7.40em;
			left: 16.97em;
		  color: #FFF;
			background: #6699CC;
			border: .08em solid #000;
			/* MSIE 5.0 and 5.5 workaround patch..! */
			width: 25.65em;
			height: 21.91em;
 			voice-family: "\"}\""; 
 			voice-family: inherit;
			width: 25.49em;
			height: 21.75em;
	}
	
html>body .rightbox-dark {
  width: 25.49em;
	height: 21.75em;
} 

.sun { position: absolute;
		top: 23.54em;
		left: 5.67em;
		z-index: 5;
		}

.title { position: absolute;
		top: 5.69em;
		left: 5.67em;
		z-index: 5;
		}
		
.roseton {position: absolute; 
				 top: 100px; 
				 left: 375px; 
				 z-index: 0; }
				 

img { border: none }

img.drawing {position: absolute; top: 18.25em; left: 21.55em; z-index: 1}

a { border: none }

a:link	{text-decoration: none; background: #EAF3F8; color: #804000; }

a:visited	{text-decoration: none; background: #EAF3F8; color: #804000; }
				
a:hover	{ 
	color: #FFFFFF;
	background: #0063A4;
	font-weight: bold;
	text-decoration: none;
	}
	
a:active	{	
	text-decoration: none;
	font-weight: normal;
	}
	
a.image:link {text-decoration: none; background: none; color: #000;} 

a.image:visited	{	
	text-decoration: none;
	background:	none;
	font-weight: normal;
	color: #FFF;
	}	
			
a.image:hover { 
	background:	none;	
	text-decoration: none;
	font-weight: bold;
	color: #804000;
	}
	
a.image:active {	
	text-decoration: none;
	background:	none;
	font-weight: normal;
	color: #000;
	}	

a.box-dark:link {text-decoration: none; background: #0063A4; color: #FFFFFF;} 

a.box-dark:visited {text-decoration: none; background: #0063A4; color: #FFF;} 
		
a.box-dark:hover { 
	color: #9D4C1E;
	background: #FF9921;
	font-weight: normal;
	}
	
a.box-dark-green:link {text-decoration: none; background: #9B9999; color: #FFFFFF;} 

a.box-dark-green:visited {text-decoration: none; background: #9B9999; color: #FFF;} 
			
a.box-dark-green:hover { 
	color: #9D4C1E;
	background: #7BE57B;
	font-weight: normal;
	}

a.box-orange:link {text-decoration: none; background: #FFC549; color: #804000;} 

a.box-orange:visited {text-decoration: none; background: #FFC549; color: #804000;} 

a.box-green:link {text-decoration: none; background:  #A7E9A7; color: #000;} 

a.box-green:visited {text-decoration: none; background:  #A7E9A7; color: #000;} 

a.transparent:link {text-decoration: none; background: none;} 

a.transparent:visited {text-decoration: none; background: none;} 

a.transparent:active {text-decoration: none; background: none;} 
			
a.transparent:hover { 
	color: #9D4C1E;
	background: #FF9921;
	font-weight: normal;
	}	
	
#index {position: absolute;
			 top: 31.50em;
			 left: 3.50em;
			 }
			 
html>body #index {position: absolute;
			 top: 31.50em;
			 left: 3.50em;
			 }

#student-page-id {position: absolute;
						 top: 6em; left: 6em; 
						 width: 65em;
						 background: none;
						 color: #FF4040;
						 z-index: 5;
						 }	
						 		 
html>body #student-page-id {position: absolute;
						 top: 6em; left: 6em; 
						 width: 65em;
						 background: none;
						 color: #FF4040;
						 z-index: 5;
						 }