/* Universal */
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    background: #000 url(header_edges.jpg) top center repeat-x;
	font: 14px Trebuchet MS, Georgia, Times New Roman, Times, Arial, serif;
}
 
/* Links */

a:link {color: #FFF; text-decoration: underline;}
a:active {color: #FFF; text-decoration: none;}
a:visited {color: #FFF; text-decoration: underline;}
a:hover {color:red;}

/* Fonts */
.fonty{
    color: #DECB3C; 
    }
.fontw{
    color: #FFF; 
    }
.fontg{
    color: #62ee94;
    }
.fontr{
    color: red;
    }
.fontc{
    color: #10eadc;
    }
.fontb{
    color: #4b7bec;
    }
.fontlg{
    font: 16px;
    }
.fontsm{
    font: 10px;
    }

.borderc{
    border-color: #10eadc;
    }
.borderr{
    border-color: red;
    }
.borderb{
    border-color: #4b7bec;
    }
.borderg{
    border-color: #62ee94;
    }

 
/* Header */
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
#headertop {
    margin: 0 auto;
    width: 1000px;
	height: 158px; 
	padding: 0;
	background: url(header_main.jpg) no-repeat;
}
#menubar {
	margin: 0 auto;
	width: 1000px;
	height: 24px;
	padding: 0;
	background: url(header_menu.jpg) no-repeat;
}
#headerbot {
	margin: 0 auto;
	width: 1000px;
	height: 24px;
	padding: 0;
	background: url(header_strip.jpg) top left no-repeat;
}

/* Main panel */
#main {
	margin: 0 auto;
	width: 1000px;
	height: 430px;
	padding: 0;
    float: center;
    position:relative;
}
#content {
	margin: auto;
	width: 950px;
	height: 700px;
    float: center;
    position:relative;
    top: 8px;
    z-index: 1;     
}


#booktitl {
    margin: 0 auto;
    height: 35px;
	width: 940px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

#copies {
    margin: 0 auto;
	width: 940px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
#copydetl {
    margin: 0 auto;
    height: 90px;
	width: 940px;
    float: left;
    padding-top: 35px;
}

#picspace {   
    margin: 0 auto;
    width: 94px;
    height: 74px;
    float: left;
}
#pic1a, #pic2a, #pic3a, #pic4a,
#pic1b, #pic2b, #pic3b, #pic4b {   
    margin: 0 auto;
    width: 80px;
    height: 60px;
    border-width: 2px;
    border-style: ridge;
    float: left;
    position:relative;
    top: 5px;
}
#pic1a img, #pic2a img, #pic3a img, #pic4a img,
#pic1b img, #pic2b img, #pic3b img, #pic4b img { 
	vertical-align:bottom;
    width: 80px;
    height: 60px;
}
#pic1a span, #pic2a span, #pic3a span, #pic4a span,
#pic1b span, #pic2b span, #pic3b span, #pic4b span { 
	position:absolute;
	visibility:hidden;
}
#pic1a span img, #pic2a span img, #pic3a span img, #pic4a span img,
#pic1b span img, #pic2b span img, #pic3b span img, #pic4b span img { 
	vertical-align:bottom;
    width: 560px;
    height: 420px;
}

#pic1a:hover span { 
	visibility:visible;
	top:-143px; left:468px; 
}
#pic2a:hover span { 
	visibility:visible;
	top:-143px; left:374px; 
}
#pic3a:hover span { 
	visibility:visible;
	top:-143px; left:280px; 
}
#pic4a:hover span { 
	visibility:visible;
	top:-143px; left:186px; 
}

#pic1b:hover span { 
	visibility:visible;
	top:-342px; left:468px; 
}
#pic2b:hover span { 
	visibility:visible;
	top:-342px; left:374px; 
}
#pic3b:hover span { 
	visibility:visible;
	top:-342px; left:280px; 
}
#pic4b:hover span { 
	visibility:visible;
	top:-342px; left:186px; 
}

#bigpicholder { 
	position:absolute;
	top:0px; left:476px; 
    width: 560px;
    height: 440px;
    border-width: 4px;
    border-style: ridge;
    border-color: #10eadc;
}
#bigpicholderhd { 
	position:absolute;
    float: center; 
    width: 560px;
    height: 18px;
    border-width: 0px;
    border-bottom-width: 2px;
    border-style: ridge;
    border-color: #10eadc;
    color: #10eadc;
}
#bigpicholderm { 
    position:absolute;
    top: 20px;
	width: 560px;
    height: 420px;
    border: none;
    z-index: -1;
}
#bigpicholderm img { 
	vertical-align:bottom;
	width: 560px;
    height: 420px;
}

/* Menu */
#menu, #menu ul {
	display: inline;
	list-style: none;
	float: left;
	height: 24px;
	padding: 0;
	margin: 0;    
    position:relative;
    left:32%;
    text-align: left;
}
#menu li {
	display: block;
	float: left;
	height: 24px;
    _width:0px;
}
#menu a {
	font: 13px "Georgia", Tahoma, Arial, Georgia, Times New Roman, Times, serif;
	color: #000;
	text-decoration: none;
	display: block;
	margin: 0;
	height: 20px;
	padding: 4px 10px 0px 10px;
}
#menu a:hover {
	color: #21eaea ;
    background-color: #000 ;
}
#menu li ul {
	position: absolute;
	left: -999em;
    border-top: 3px ridge transparent;   
}
#menu li ul a {
	width: 65px;
	margin: 0;
	height: 20px;
	padding: 4px 10px 0px 10px;
    background-color: #DECB3C;   
}
#menu ul li a:hover {
	color: #DECB3C;
} 
#menu li:hover ul{
	left: auto;
	width: 65px;
    z-index: 5; 
} 


/* Copyright message */
#copyright {
    margin: 0 auto;
    width: 500px;
    height: 20px;
    float: center;
    text-align: center;
	font: 10px Trebuchet MS, Georgia, Times New Roman, Times, Arial, serif;
    position:relative;
    top: 15px;    
}