/*
NAME: MY PAGE
AUTHOR: YO MISMA
DATE: 7/29/2005
*/


/* BODY

-------------------------------------------*/

html, body 
		 {
		 margin: 8px 0 8px 8px;
		 padding: 0;		 
		 font-family: verdana, arial, helvetica, sans-serif;
		 font-size: small;
		 /*text-align: center;*/
		 background: url(../images/myback2.gif) repeat;  
		 
		 }
		 
		 
/* LAYERS

-------------------------------------------*/
#pagewidth{ 
 width:765px; 
 text-align: left;
 margin: 0;
 padding: 0; 
} 


#banner
    {
    position: static;
		margin: 0;
		padding: 10px 0;
    width:765px;
    background-color:#87CEEB;		
		height: 45px;		
		
    }

#banner2
{
position: static;
margin: 0;
padding: 0;
width:765px;
background-color: #000080;
}




#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px; 
	font-size: 80%;
	line-height: 1.7em;
	color: #333;		
	
 }
 
#outer{ 
 border:solid #ffffee 0px; 
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #ffffee;   /* left column colour */ 
border-left-style: solid; 
background-color: #ffffee; /* center column colour */ 
width: auto; 
 } 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
   float: left; 
   width: 100%; 
   position: relative; 
   margin: 0 -8px 0 -2px; 
   font-size: 88%;
	 line-height: 1.8em;
	 color: #333;	
	 text-align: left;
	 border-left: 1px solid #000080 ;
 
 }
 
#outer>#inner { border-bottom: 1px solid #fff;  }
 
.clr{clear:both;}
 
.content{padding:20px;} /*padding for content */ 
 


 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

/* MENUBAR

-------------------------------------------*/

ul#menubar
				{
        	list-style: none;        	
        	margin: 0;
					padding: 0;
        	width: 765px;
        	font-size: 110%;
        	font-weight: bolder;
					font-family: verdana, arial, helvetica, sans-serif;
        	text-transform: uppercase;
        	text-align: right;
					background-color: #000080;			
										
					}
        				
				
ul#menubar li

					 {
					 display: inline;	 
					 			 					 		 
					 }
					 
					 
ul#menubar li a, ul#menubar li a:visited
        	{
        	margin: 0;
        	padding: 0 11px;
        	color: #191970;	
        	text-decoration: none;
        	font-weight: 900;        	
					background-color: #ADD8E6;
					border-left: 1px solid #000080 ;
										
        	}

ul#menubar li a:hover, ul#menubar li a:focus, ul#menubar li a:active
        	{
        	margin: 0;        	
        	color: #B0E0E6;	
        	text-decoration: none;
        	font-weight: bold;        	
					background-color: #39c;
					padding: 0 11px;												
        	}					
					
ul#menubar li a.in, ul#menubar li a.in:visited, ul#menubar li a.in:hover, ul#menubar li a.in:focus, ul#menubar li a.in:active
        	{
        	margin: 0;        	
        	color: 	#ADD8E6;
        	text-decoration: none;
        	font-weight: bold;        
					background-color: #4682B4;
					padding: 0 11px;		
									
        	}					
				

ol#publications li
								{
								padding: 3px 0;
								}


ul.papers li
								{
								list-style: none;
								list-style-image: url(../images/arrow-t2.gif);
								padding: 6px 0;
								}
								
								
ul.papers2 li
								{
								list-style: none;
								list-style-image: url(../images/arrow-t.gif);
								padding: 6px 0;
								}
					
ul.cv li
								{
								list-style: none;
								/*list-style-image: url(../images/arrow-t.gif);*/
								padding: 0;
								}
					
					
ul.camera li
								{
								list-style: none;
								list-style-image: url(../images/camera.gif);
								padding: 3px 0;
								}

					
/* LINKS
--------------------------------------------*/
	a, a:visited
	{
	color: #153E7E ;
	text-decoration: none;
	}
	
	a:focus, a:hover, a:active
	{
	color: #c00;
	text-decoration: none;
	}
	
	
		
	a.download, a.download:visited
	{
	color: #900;
	}
	
	a.download:focus, a.download:hover, a.download:active
	{
	color: #c00;
	}
	
	
	a.dw, a.dw:visited
	{
	color: #900;
	}
	
	a.dw:focus, a.dw:hover, a.dw:active
	{
	color: #c00;
	}
	

	a.stats, a.stats:visited

	{
  font-weight: bold;
	text-decoration: none;
	color:#463E3F;

		}
		
	a.stats:focus, a.stats:hover, a.stats:active

	{
 
	color: #c00;

		}
	/* H and p
	--------------------------------------------*/
	
	h3{
	font-weight: bold;
	font-size:100%;
	color: #900;
	text-transform: uppercase;	
	}
	
	h4{
	font-weight: bold;
	font-size:100%;
	padding: 0;	
	}
	
	p.course
	{
	padding: 0;
	}
	
	p.cvpdf
	{
	text-align: right;
	font-weight: bold;	
	}
	
	span.update{	
	color: olive;
	font-size:95%;	
	}
	
	span.featured{	
	color: #900;
	font-weight: bold;	
	font-size:105%;	
	}
	
	/* IMG
	------------------------------------------------------*/
	
	img
	{
	padding: 0;
	border: 0;
	}