﻿BODY 
{
	text-align: center;
	background-color: #ADD8E6;
}

a
{
	outline: none;
}

img
{
	border: 0;
}

img.bookcover
{ 
    position:relative; 
}

img#book_one_of_two
{
    top:10;
	left:75;
}

img#book_one_of_two_sel
{
    top:10;
	left:75;
    border: 3px solid #FFFF00;
}

img#book_two_of_two
{
    top:10;
	left:125;
}

img#book_two_of_two_sel
{
    top:10;
	left:125;
    border: 3px solid #FFFF00;
}

img#book_one_of_three
{
    top:10;
	left:30;
}

img#book_one_of_three_sel
{
    top:10;
	left:30;
    border: 3px solid #FFFF00;
}

img#book_two_of_three
{
    top:10;
	left:65;
}

img#book_two_of_three_sel
{
    top:10;
	left:65;
    border: 3px solid #FFFF00;
}

img#book_three_of_three
{
     top:10; 
	 left:100;
}

img#book_three_of_three_sel
{
     top:10; 
	 left:100;
    border: 3px solid #FFFF00;
}

div.container
{
	margin: 0 auto;
	text-align: left;
    position: relative;
	margin: 0 auto;
	width: 708px;
	height: 800px;
}

div.left_nav
{
	background-color: white; 
    color: white; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 227px; 
    height: 800px; 
}

div.main_banner
{
	background-color: white;
	color: white; 
  	position: absolute; 
	left: 11px; 
	top: 11px;
}

div.right_side
{
	background-color: white; 
    color: black; 
	position: absolute; 
	left: 251px; 
	top: 0px; 
	width: 460px; 
	height: 800px;
}

div.divider
{
	background-color: #ADD8E6; 
	position: absolute; 
	left: 227px; 
	top: 0px; 
	width: 24px; 
	height: 800px; 
}

div.background_img
{
	position: absolute; 
	left: 0px; 
	top: 150px;
}

div.whats_up
{
	background-color: white;
	color: white; 
  	position: absolute;
	left: 0px; 
	top: 149px
}
    
div.whats_up_sel
{
	background-color: #FFDE78;
	color: white; 
  	position: absolute;
  	width: 251;
  	height: 33; 
	left: 0px; 
	top: 149px
}

div.whats_up_content
{
	text-align: left;
	position: absolute; 
	left: 0px; 
	top: 150px;
	overflow: scroll; 
	width: 430px; 
	height: 579px;
	background-color: #FFDE78;
}

p.what_up_content_p
{
	font-family: helvetica; 
	font-size:10pt;
    margin: 20px 80px 20px 30px;
}

div.search
{
	background-color: white;
    color: white; 
  	position: absolute; 
	left: 0px; 
	top: 254px;
}

div.search_sel
{
	background-color: #88CBC4;
    color: white; 
  	position: absolute; 
  	width: 251;
  	height: 33; 
	left: 0px; 
	top: 254px;
}

div.search_content
{
	text-align: center;
	background-color: #88CBC4; 
	position: absolute; 
	left: 0px; 
	top: 150px;
	overflow: scroll; 
	width: 430px; 
	height: 579px;
}

p.search_content_p
{
    font-size: 11pt;
	text-align: left;
	font-family: helvetica; 
    margin: 20px 20px 20px 20px;
}

p.search_content_div
{
    position: relative;
	left: 0px;
	top: 115px; 
    font-size: 11pt;
	text-align: left;
	font-family: helvetica; 
    margin: 20px 20px 20px 20px;
}

p.search_content_t
{
    position: relative;
	left: -10px;
	top: 115px; 
    font-size: 13pt;
    font-weight:bold;
	text-align: left;
	font-family: helvetica; 
    margin: 20px 20px 20px 20px;
}

div.browse_search_div
{
    position: absolute;
	left: 20px;
	top: 150px;
}

img.author_label
{
    position: relative;
	left: -140px;
	top: 100px;	
}

input.author_input
{
    position: relative;
	left: 0px;
	top: 160px;
}

img.title_label
{
    position: relative;
	left: -140px;
	top: 80px;	
}

input.title_input
{
    position: relative;
	left: 0px;
	top: 138px;
}

form.search_form
{
	
}

img.browse_button
{
    position: relative;
	left: -140px;
	top: 140px;
    cursor:pointer;
    border:outset 1px #ccc;
    width: 82;
    height: 18;
}

.submit_button
{
    position: relative;
	left: -140px;
	top: 110px;
    cursor:pointer;
    border:outset 1px #ccc;
    background:url(images/dig_for_it.gif);
    width: 86;
    height: 20;
}

div.events
{
	background-color: white;
    color: white; 
  	position: absolute; 
	left: 0px; 
	top: 182px;
}

div.events_sel
{
	background-color: #F2AB77;
    color: white; 
  	position: absolute; 
  	width: 251;
  	height: 33; 
	left: 0px; 
	top: 182px;
}

div.events_content
{
	background-color: #F2AB77; 
	position: absolute; 
	left: 0px; 
	top: 150px;
	overflow: scroll; 
	width: 430px; 
	height: 579px;
}

p.events_content_p
{
    font-size: 11pt;
	text-align: left;
	font-family: helvetica; 
        margin: 20px 20px 20px 20px;
}

p.wordplay_p
{
    font-size: 11pt;
	text-align: left;
	font-family: helvetica; 
        margin: 20px 20px 20px 60px;
	
}

img.wordplay_img
{
	position: relative;
	left: 17px;
	top: 7px;
}

div.what
{
	background-color: white;
    color: white; 
  	position: absolute; 
	left: 0px; 
	top: 217px;
}

div.what_sel
{
	background-color: #D1AFD3;
    color: white; 
  	position: absolute; 
  	width: 251;
  	height: 33; 
	left: 0px; 
	top: 217px;
}

div.what_content
{
	background-color: #D1AFD3; 
	position: absolute; 
	left: 0px; 
	top: 150px;
	overflow: scroll; 
	width: 430px; 
	height: 579px;

}

p.what_content_p
{
    text-align: Left;
	font-family: helvetica; 
	font-size: 10pt;
    margin: 40px 50px 30px 45px;
}

div.gallery
{
	background-color: white;
    color: white; 
  	position: absolute; 
	left: 0px; 
	top: 290px;
}

div.gallery_sel
{
	background-color: #B5D479;
    color: white; 
  	position: absolute; 
  	width: 251;
  	height: 33; 
	left: 0px; 
	top: 290px;
}

div.gallery_content
{
	background-color: #B5D479; 
	position: absolute; 
	left: 0px; 
	top: 150px;
	overflow: scroll; 
	width: 430px; 
	height: 579px;
}

p.gallery_content_t
{
    text-align: Left;
    font-weight: bold;
    font-size: 12pt;
	font-family: helvetica; 
    margin: 40px 40px 30px 30px;
}

p.gallery_content_p
{
    text-align: Left;
    font-size: 10pt;
	font-family: helvetica; 
    margin: 20px 20px 30px 20px;
}

div.contact_us
{
	background-color: white;
    color: white; 
    position: absolute; 
    left: 0px; 
    top: 335px;
}

div.contact_info
{
	background-color: white;
    color: white; 
    position: absolute; 
	left: 11px; 
	top: 370px;
}

div.map_link
{
	background-color: white;
    color: white; 
    position: absolute; 
	left: 13px; 
	top: 596px;
}

div.downstreetart_link
{
    background-color: white;
    color: white; 
    position: absolute; 
    left: 11px; 
    top: 630px;
}

div.info
{
	position: absolute; 
    left: 280px; 
	top: 10px;
}

div.info2
{
	position: absolute; 
	left: 10px; 
	top: 452px;
}

div.bottom_line
{
	position: absolute; 
	left: 0px; 
	top: 522px;	
}

img.hiddenPic 
{
	display:none;
}


