/* CSS Document */

/* APPLIED TO WHOLE PAGE */
img {border: none;}
p { font-family: verdana, arial, sans-serif;}
a:link {text-decoration: none;}
a:link img {text-decoration: none;}	
	
/* BOX-CONTAINER */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
text-align: center;
background-position: center;
margin: 0px;
padding: 20px 0px 20px 0px;
background-color: #CCCC66;}

#wrapper {
width: 956px;
padding: 10px;
margin: 0px auto 0px auto;
height: 482px;
text-align: left;
border: 1px solid #999933;
background-color:#FFFFFF;}
	
.topBdr {border:#999900 dotted; border-width:1px 0px 0px 0px;}
.leftBdr {border:#999900 dotted; border-width:0px 0px 0px 1px;}
.rtBdr {border:#999900 dotted; border-width:0px 1px 0px 0px;}

#container {
padding: 0px;
margin: 0px;
height: 480px;
width: auto;
border: 1px solid #999900;}
	
	

/* LEFT COLUMN, LOGO, MAIN NAV LIST */
	
#left {
margin: 0px;
height: 318px;
width: 155px;
padding: 20px 10px 142px 20px;
float: left;}	
	
	
/* MAIN NAV - img rollover swap */
	
/* stationery */
div.stat {height:25px; width:145px; margin:20px 0px 0px 0px; padding:0; background-image:url("../images/nav/stationery-blk.gif");}
div.stat a, div.stat a:link, div.stat a:visited {display:block;}
div.stat img {width:100%; height:100%; border:0;}
div.stat a:hover img {visibility:hidden;}

/* books*/
div.books {height:23px; width: 145px; margin:8px 0px; padding:0; background-image:url("../images/nav/books-blk.gif");}
div.books a, div.books a:link, div.books a:visited {display:block;}
div.books img {width:100%; height:100%; border:0;}
div.books a:hover img {visibility:hidden;}

/* branding*/
div.brand {height:40px; width:145px; margin:8px 0px; padding:0; background-image:url("../images/nav/branding-blk.gif");}
div.brand a, div.brand a:link, div.brand a:visited {display:block;}
div.brand img {width:100%; height:100%; border:0;}
div.brand a:hover img {visibility:hidden;}	
	
	

/* MIDDLE COLUMN- SUBSECTIONS OF BOOKS */

#midcol {
width: 180px;
height: 280px;
padding: 190px 0px 10px 5px;
float: left;
margin: 0px 0px 0px 0px;
display:block;
}

#navcontainer ul {margin: 0; padding: 0; list-style-type: none;}

#navcontainer li {margin: 0;}

#navcontainer a {
display: block;
background-color: transparent;
padding: 2px 5px;
font-size: 10px;
color: #666666;
letter-spacing: 1px;
text-decoration:none;
}


#navcontainer a:visited {
color: #999999;
}

#navcontainer a:hover{
color: #000000;
}

#navcontainer ul ul
{
padding-left: 15px;
margin-bottom: 7px;
/* offset sub menu */
}

/* active states */
#navcontainer li a#current
{
color:#FF3399;
text-decoration:none;
font-weight:bold;
}



/* TEXT ATTRIBUTES */

.book, .book ul {
padding-bottom:10px;
font-weight: bold;
color:#FF3399;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.seperate {
font-weight: lighter;
color:#CCCC66;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* LARGE IMAGE AND THUMBS */

#welcome {
padding:10px 0px 0px 90px;
float:left;
width: 470px;
}

#main {
padding: 20px 0px 10px 20px;
height: auto;
width: 470px;
float: left;
margin: 0px;
line-height: 1.8em;
}

#largeimage {
height: 410px;
}


/* UNDER IMAGES AND THUMBS */

#description {
	font-size:9px;
	letter-spacing: 1px;
	width: 550px;
	text-align:left;
	float: left;
	text-transform: uppercase;
	line-height: 1.9em;
	padding: 0px 0px 5px 0px;
	margin:0px;
	}

	
/* OTHER */	

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}