/* CSS Document */

  @font-face {
    font-family: Stucco 555;
    font-style:  normal;
    font-weight: normal;
	src: url(images/STUCCO0.eot);
  }
  
body {background-color:#fff2c2;
	  background-image: url('/images/paperback.gif');
	  background-attachment: scroll}

h1 {font-size: 36px; font-family:stucco 555}
h2 {font-weight:bold; font-size:medium}
h3 {font-size:x-small; font-style:italic; font-weight:lighter} /* copyright */
h4 {font-size:medium; font-weight:lighter}

#nav {width:100%; border: none} /* navigation menu table */
#body {width:600px; border:2px #CCCCCC solid; border-right:3px #000000 solid; border-bottom:3px #000000 solid;
	   text-align:left; /* main body table */
	   margin:0 auto; /* center hack */
	   background-color:#fff2c2; padding:0.5cm;} 
#home {width:600px; border:2px #CCCCCC solid; border-right:3px #000000 solid; border-bottom:3px #000000 solid;
	   text-align:left; /* main body table */
	   margin:0 auto; /* center hack */
	   background-color:#fff2c2; padding:0.25cm; }
#container {text-align:center; margin-left:125px;}
#valid {width:600px; text-align: center}
#footer {font-size:x-small; padding:7px 5px; text-align:center; width:400px; margin-left:100px}
.applylink a {font-size:x-small;  text-align:center; width:400px; 
				font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:center}

#shadow {width:90%; padding:10px; margin:0 auto;
		filter:shadow(color:#333333, strength:5, direction:135);
		}

img.flag {width:99px; height:64px} /* flags on rim's page */
img.belt {width:73px; height:18px; border:none}
img.mo {width:240px; height:180px}
img.mug {width:144px; float:left; border-style:solid; border-width:4px; background-color:#000000; margin-right:10px}
img.lphoto {width:230px; height:325px; border-style:solid; border-width:4px; border-color: #000000; float:left; margin-right:10px} 
/* photo's on sheya's, rim's, and choi's page */

#black {width:725px; border:1px solid #808080;
			empty-cells:hide; border-collapse:collapse; background-color:#fff2c2;
			margin:0 auto;}

.top {vertical-align:top}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.bold {font-weight:bold}
.double {padding-bottom:1em}

td.blackname {width:185px; text-align:left; border:1px solid #808080; padding-left:0.25cm}
td.blackinfo {width:60px; text-align:center; border:1px solid #808080}
td.third {width:165px}

th.name {width:185px; text-align:left; font-size:larger; padding-left:0.125cm}
th.rank {width:60px; text-align:center; font-size:larger}
th.bold {font-size:larger}

hr.body {width:600px}
hr.story {width:50%; text-align:center}

/* photo album style start */
.tnail {border:#808080 3px ridge}
.album {width:100%; border:#808080 5px ridge}
.real {width:auto; border:#808080 5px ridge}
.photo {width:600px; position:relative; z-index:5}
.cover {width:100%; height:auto; position:absolute; top:0px; left:0px; z-index:10}
.tunder {position:relative; z-index:1}
/* photo album style end */

/* Menu Sytle Start */
#floatdiv { position:absolute; width:325px; height:90%; left:0px; top:2px; padding:8px; float:left;}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */
#menu{		/* position, size, and font of  menu */
	z-index: 10;						
	text-align: center;
	font-family:"Viner Hand ITC"; font-size: 14px; 
	}
#menu a	{
	width: 110px;
	margin:0;
	display:block;
	color:#000000;
	background:#c79766;
	text-decoration:none;
	text-align:center;
	border-style:outset; 
	border-width:thin;
	white-space: normal;
	}
#menu a:hover{				
	color:#CCCCCC;
	background-color:#663300;
	border-style:inset;
	}
#menu li {list-style-type:none; }		
#menu ul li	{position:relative;}
#menu li ul	{
	position: absolute;
	top: 0;
	left: 113px;	/* distance from  left menu (width of top menu +padding & margins */
	display: none;
	z-index:20;
	}
div#menu ul, #menu ul ul, div#menu ul ul ul	{
	margin:0;				/* keeps the menu parts together */
	padding:0;
	width: 110px;			/* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul
	{
	display: none;
	}
div#menu ul li ul a {
	width:200px;
	padding-left:5px;
	padding-right:5px;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
	{
	display: block;
	}
.shadow2 {
		padding:10px;
		filter:shadow(color:#333333, strength:5, direction:135);
		}
/* End Menu Style */