/* 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 */
#floatdiv {position:absolute;width:120px;height:auto;left:0px;top:2px; padding:8px; float:left;} 
#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}

.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 */
.menu a {
     margin: 0 ;
     width: 110px; 
     display: block;
     text-align: center;
     border:outset; border-width:thin; 
     text-decoration: none;
     color: #000000;
     background: #c79766;
	 }
	 
.menu a:hover { 
     color:#CCCCCC;
     background: #663300;
     border: inset; 
     }

.menu  a:active {
     background: gray;
     border: 1px solid gray; 
     color: #fff;
     }
	 
.shadow2 {
		width:110px;
		padding:10px;
		filter:shadow(color:#333333, strength:5, direction:135);
		}
		
.viner {font-family: "Viner Hand ITC"; font-size:14px; font-weight:400}
.smenu {height:25px; width:110px}
.lmenu {height:50px; width:110px; letter-spacing:0px;}
/* End Menu Style */