/* basic elements */

		a:link {color:blue}
		a:visited {color:red}
		a:hover {color: #33ff33}
  		a:active {color: lime}
		
body { 
	font: 8pt/16pt georgia; 
	#background:#3399FF; 
	background:#ffffee; 
	}


/* specific divs */

 #warning { color:#FF8C00;}

#photo0 { 
        background: url(image/porgramer.jpg) top left no-repeat; 
	position: absolute; 
	top: 90px; 
	left: 45px; 
	width: 145px; 
	height: 188px; 
	}

 #photo { 
	#background: url(image/jeff.gif) top left no-repeat; 
        background: url(image/jeff.jpg) top left no-repeat; 
	position: absolute; 
	top: 20px; 
	left: 20px; 
	width: 145px; 
	height: 188px; 
	}
#photo1 { 
        background: url(image/icon2.GIF) top left no-repeat; 
	position: absolute; 
	top: 208px; 
	left: 20px; 
	width: 145px; 
	height: 39px; 
	}

#header h1 {
	#color:#FFFFCC;
        color:#6600ff;
        #font: 200 39px/30px ; 
        font:  16pt/32pt georgia;
	position: absolute;
	top: 80px; 
        left: 205px;
	width: 250px; 
	height:188px; 
	}

#header h2 {
	#color:#FFFFcc;
        color:#6600ff;
        font:  8pt/16pt georgia;
	position: absolute;
	top: 80px; 
        left: 575px;
	width: 350px; 
	height:188px; 
	}

#header h3 {
	#color:#FFFFcc;
        color:#6600ff;
        font:  8pt/16pt georgia;
	position: absolute;
	top: 105px; 
        left: 595px;
	width: 350px; 
	height:188px; 
	}

#index { 	
	margin-top: 230px; 
	margin-left:10px;
        width:150px;
	}

#index li {
	color:FFFFFF;
	#font: 16pt/12pt;
         # font: 12pt/9pt;
         #font: 10pt/8pt;
         font: 9pt/7pt;


	#line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(http://www.geocities.com/jeffreychencanada/cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#contents {
position: absolute; 
	top: 230px; 
	left: 200px; 
}

#project_title{
        color:#66ff33;
        font: 39px/30px; 
	position: absolute;
	top: 10px; 
        left: 210px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu1 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 230px; 
	left:10px;
       width:100px;
       z-index:100;
     margin-right:1px;
margin-left:10px;
}
#menu2 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 260px; 
	left:10px;
       width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu3 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 290px; 
	left:10px;
       width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu4 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 320px; 
	left:10px;
       width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}

#menu5 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 350px; 
	left:10px;
        width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu6 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 380px; 
	left:10px;
        width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu7 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 410px; 
	left:10px;
        width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu8 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 440px; 
	left:10px;
       width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu9 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 470px; 
	left:10px;
        width:100px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu10 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 530px; 
	left:10px;
        width:1px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}

#menu11 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 500px; 
	left:10px;
        width:1px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}
#menu12 {
/*position: absolute; Menu position that can be changed at will */
position: absolute; 
        top: 560px; 
	left:1px;
        width:1px;
z-index:100;
 margin-right:1px;
 margin-left:10px;
}


#menu {
/*position: absolute; Menu position that can be changed at will */
        position: absolute; 
        top: 500px; 
	left:10px;
       /* width:150px;*/
z-index:100;
width: 100%;/* precision for Opera */
}



#menu dl {
	float: left;
	width: 12em;
        font-weight: bold;
	}
#menu dt {
      cursor: pointer;    
      height: 30px;
      margin-right: 1px;
      padding-right:0px;
      /*text-align: right;*/
      font-weight: bold;
      font: 10pt/8pt;
     /*border: 1px solid gray;*/
     /*background: #ccc;*/
}
#menu1 dd,#menu2 dd, #menu3 dd,
#menu4 dd,#menu5 dd, #menu6 dd, 
#menu7 dd,#menu8 dd, #menu9 dd,
#menu10 dd, #menu11 dd{
        margin-top: -15px;
	margin-left:100px;
        width:150px;
	display: none;
	z-index:100;
}
#menu1 li, #menu2 li, #menu3 li,
#menu4 li, #menu5 li, #menu6 li,
#menu7 li, #menu8 li, #menu9 li,
#menu10 li, #menu11 li{

        height: 20px;
        line-height: 1px;
}
#menu li a, #menu dt a {
/*color: #000;*/
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
/*background: #eee;*/
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
/*color: #000;*/
/*background-color: #ddd;*/
padding: 5px;
/*border: 1px solid gray; */
}