/* defines the basic layout of the webpages*/

div#outer {
margin		: auto;
width		: 760px;
}
div#banner {
width		: 100%;
height		: 100px;
padding		: 0px;
background-color:#fff;
}
div#banner img.logo {
float		: left;
margin		: 30px 0px 0px 15px;
}
div#banner img.photo {
float		: right;
padding		: 0px;

}
div#wrapper {
background-color: #f0f0f0;
border			: 2px solid #d9e6ad;
float			: center;
}

/* for menu sidebar see below */
#main {
text-align		: justify;
float			: left; 
width			: 530px; /* width of main column */
position		: relative;
margin			: 0px 0px 0px 0px;
padding			: 30px 0px 0px 15px;
}
#scrollarea {
height			: 800px;
width			: 740px;
overflow		: scroll;
padding			: 8px;
}
#projectmain {
text-align		: justify;
padding			: 5px 15px 0px 15px;
}
div.clear {
clear			: both;
}

table, td, th
{
border:1px #f0f0f0;
width:100%;
font-size:0.9em;

}
th
{
background-color:#f0f0f0;
color:white;


}
td
{
	width:16.6%;
text-align:center;
vertical-align:top;

}
.footer_block {
	background-color:#e0e0e0;
	text-align:center;
}

/* side column menu, could be left or right floated */
#sidebar {
width			: 180px; /* width of sidebar column */
float			: right; 
position		: relative;
padding			: 5px;
margin			: 0px;
}
#sidebar img {
margin			: 0px 0px 0px 0px;  /* positioning of book images */
}
#sidebar ul {
color			: #000000;
list-style-type	: none;
margin			: 0px;
padding			: 10px 8px; 
}
#sidebar ul li {
padding			: 0px;
margin			: 0px; 
}
#sidebar li {
border-bottom	: 1px solid #666d3b;
font-family		: Arial, Verdana, Helvetica, sans-serif;
font-weight		: bold;
font-size		: 0.6em;
position		: relative;
width			: 170px;
padding			: 0px;
}
#sidebar ul li a{
color			: #000000; 
display			: block;
padding			: 4px 0 6px 4px;
text-decoration	: none; 
border-bottom	: 2px solid /* transparent */;
height			: 1%; /* IE quirk */
}
#sidebar a:hover, #sidebar a:focus { 
background-color: #78241a;
border-right	: 0px solid #ffffff;
border-bottom	: 2px solid #ffffff;
color			: #ffffff;
height			: 1%; /* IE quirk */
}
#sidebar li ul { /* second-level lists */
display			: none;
position		: absolute;
font-size		: 0.8em;	
width			: 155px;
top				: -12px;
left			: 144px;
background-color: #dce9f1;
padding			: 0px;
}
#sidebar li:hover ul, li.over ul { /* lists nested under hovered list items */
display			: block;
z-index			: 100;
}

/*required for drop-down menus in IE6 using javascript*/
#sidebar li:hover ul, #sidebar li.over ul { display: block; }
ul li { position: relative; }
#sidebar li ul {
position		: absolute;
left			: 143px;
top				: -12px;
display			: none;
}
ul li a { display: block; }

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }


/* thumbnail book images */

#thumbnails {
	float			: right;
	text-align		: center;
	width			: 180px;
	border-bottom	: 0px solid #666d3b;
	font-family		: Arial, Verdana, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 0.8em;
	padding			: 10px;
}