/**Island Books 2007 CSS, Nancy Shawn Web Design **/
/** colors: #cc3300 red,#3f6bad blue,#4c82d4 light blue,#fc9d4a orange	**/
			
	
/***Typography***/
body {font-family: Georgia, Times New Roman, serif;  margin-left: 10px;}
h2{font-size: 1.5em;color: #cc3300;font-style: italic;border-bottom: solid #999 1px;font-weight: normal;}
h3{font-size: 1.2em;color: #3f6bad;font-weight: 400;}
h4{font-size: 0.9em;color: #3f6bad;font-style: italic;border-bottom: solid #999 1px;font-weight: normal;}
hr{color:#CCCCCC;}		

dl {font-size:.75em;}
dt {color:#525252;}
dd {color:#999; margin-left:.4em; padding-bottom: 3px;}

p{font-size:small;color: #525252;}

.subtitle {font-size: 1em;color: #3f6bad;font-weight: 400;}
.emphasis {color: #cc3300;font-size:larger;}
.caption {font-size: .7em; color: #666; font-style:italic;}

a {text-decoration: none;color: #3f6bad;}
a:hover {text-decoration: underline;color: #fc9d4a;}

/***Layout***/
#store {
	color: #3F6BAD;
	text-align:center;
	position: absolute;
	left: 0;
	top: 66px;
	padding-top:1em;
	font-size:0.8em;
	z-index: 6;
}
#container{
	margin-top: 48px;
	float:left;
	padding-top:0em;
	min-width:800px;
	background-image: url(../images/logos/blueTile.gif);
	background-repeat:repeat-x;
	
}

#mainContent{
	float:left;
	width:50%;
	margin-top: 0px;
	margin-left: 1.5em;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0em;
}

#mainContent.wide {
 width:70%;
 margin-left:3em;}
 
.book{
border-bottom: solid 1px #ccc;padding-top: 1em;padding-bottom: .25em;
display: inline-block; /* @ IE 7  -clear div*/
_height: 1%; /* @ IE 6  -will push div to hold content*/
min-height:200px;/*Moz -will contain content w/in size or more*/
		}
.book img{float: right; border-right: 2px solid #666; border-bottom: 2px solid #666; margin: 0.5em 0 0.25em 2px; padding:0; position:relative;}

	
#leftContent {float:left; width: 20%; padding: 1em 0 1em 0; margin:0px;}


.feature {
	background-color: #EFF1E9;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}	
.feature h2{font-size: 1.5em;color: #cc3300;font-style: italic;}
.feature h2, .feature h4{text-align:center;}
.feature p{padding-right:2%; padding-left:2%;}
.feature img{border-right: 2px solid #666;border-bottom: 2px solid #666; margin: .5em 0 .25em 0;}

#storeInfo blockquote {text-align:left; color:#333; font-size:.8em;}
#storeInfo p{color: #3f6bad;text-align:center;} 
 
#rightContent {float:left; width:20%; padding:1em 0em; margin:0 0 0 2em;}
#rightContent ul, ol, #leftContent ul, ol{font-size: .75em; color: #525252; line-height: 1.5em; }
#rightContent ul, #leftContent ul {list-style:none;}

#footer {clear: both;font-size: x-small;color:#999;text-align:center;padding: 0.3em 0;margin:0;}
.staffTable {width:80%;}
.staffTable img {vertical-align:middle; margin: .3em  .3em .3em 0;}
.staffTable td {border-bottom: #ccc 2px dotted; margin-bottom: .3em;}
#imageTD {width:30%;}

/********Navigation Styles**************/
#navbar {height: 50px;	padding: 0 10px 0 80px;	background: url(../images/logos/blueGrad_03.gif); background-repeat:repeat-x;
	border-top: 5px solid #3f6bad;	font: 18px Georgia, Times, serif;	/*overflow: hidden;*/	list-style-image: none;
	list-style-type: none;	margin: 0px;}
#navbar li {float: right; padding: 0 23px 0 13px; margin-right: 5px;}
#navbar li a {display: block; padding: 0.75em 0 0.25em;  text-transform: uppercase; color: #000;}



/********************/
/*drop down menu styles*/
/*********************/


/*#chromemenu ul li a[onMouseover]:after{ HTML to indicate drop down link -- left this in because w/o menu is breaking in FF??*/
/*content: " v";
content: " " url(downimage.gif); /*uncomment this line to use an image instead
}*/

#noscriptDrop{
text-align:right;
}
.dropmenudiv{
position:absolute;
top:0;
border: 1px solid #B5E2FE; /*Theme Change here*/
font-family:   Georgia, Times New Roman, serif;
color: #525252;
font-size:.8em;
line-height:1em;
z-index:100;
background-color: white;
visibility: hidden;
width:150px;
padding-right:3px;/*compensate for FF pushing a padding out to right*/
}

.dropmenudiv a{
width: 100%;
display: block;
border-bottom: 1px solid #B5E2FE;/* Theme Change here*/
padding: 5px 0 5px 0;
margin-left:3px;
text-decoration: none;
color: #333;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #ebf2f3;
color:#000;
text-decoration:none;
}