/* Carlock Book Cafe Style sheet  9-26-2011 */
/* Carmel color brown is #ead9b8, coffee color brown is #996600 */
/* paste into calendar for color event<td class="tdcal">    
			<p class="eventyellow">Event yellow</p>
            <p class="eventwhite">Event white</p>
            <p class="eventblue">Event blue</p> l
            <p class="eventpink">Event pink</p> 
            <p class="eventgreen">Event green</p>
            <p class="eventpurple">Event purple</p>
            <p class="eventgrey">Event grey</p>     </td> */

body {	margin: 0;
		background: #ead9b8;
		background-image:url(images/backgroundflowers.gif);
		background-repeat: repeat;
		font-family: helvetica, arial, verdana, geneva, sans-serif;
		font-size: 10pt;
		line-height: 1.2em; }

h2, h3, h4, h5, p, ul {
		margin: 0;
		padding: 10px 10px 10px 10px;
		line-height: 1.2}
		
#wrap {
margin: 0 auto;
padding: 10px 20px 20px 20px;
width: 880px;
background: #ffffff;
border-top: 10px solid #aaaaaa;
border-bottom: 10px solid #666666; }

#top-nav-container, #top-nav-container-jap {      /*     NAVIGATION      */
margin: 0;
padding : 0;
color:#333;
background: #ffffff url(images/carlock-Logo3.jpg) no-repeat;
border-bottom : 10px solid #aaaaaa;
height:100px;}

#top-nav-container-jap {
background: #ffffff url(images/Carlock-Logo3jap-334x86.jpg) no-repeat; }


#navigate {
float:right;
margin: 0;
padding: 0;}

												/*     CONTENT LEFT      */
#content-left, #content-left-index, #content-left-cafe, #content-left-brown {	
float: left;
width: 200px;
margin: 10px 20px 20px 0;
background-color: #E5A267;
color: #ffffff;
text-align:center;}

#content-leftbox {
float: left;
width: 180px;
margin: 0 0 10px 10px;
background-color: #ffcc99;
color:#000000;
text-align: left;
font-size: 12pt;}

#content-left-cafe {
background-color: #CE751C;}  /* Carmel brown */

#content-left-index {
background-color: #CE751C;}  /* Carmel brown */

#content-left-brown {
background-color: #8f4711; }  /* Chocolate brown */


#welcome-pic {				        	/*     PICTURES      */
width:180px; }

#monthly-pic-box {
float: left;
width: 180px;
margin: 10px 20px 10px 10px;
background: # fffff0;
text-align: left;
text-align:justify;}

#content-center {  			        	/*     CONTENT CENTER      */
float: left;
width: 440px;
margin: 0px 20px 20px 0;
background: # fffff0;
text-align: left;
text-align:justify;}

#content-centerbox2 {
float: right;
width: 220px;
margin: 0px 20px 20px 0;
background: # ffffff;
text-align: left;
text-align:justify;}

#content-centerbox3 {
float: left;
width: 410px;
margin: 0px 20px 20px 0;
background: # ffffff;
text-align: left;
text-align:justify;}


#right-col-pic {						/*     CONTENT RIGHT      */
width:160px; }

#content-right-news {
float: right;
width: 180px;
margin: 10px 0px 20px 0px;
background: #ffffcc; 
border-style: ridge;
border-width: 2px;
border-color: #cccccc;}

#content-right-index {
float: right;
width: 178px;
margin: 10px 0px 20px 0px;
background: #ffffcc;      /*  YellowCream  */
border-style: ridge;
border-width: 2px;
border-color: #cccccc;}

#content-right-advisory {
position:relative;
top: 0px; 
right: 0px;
background: #ead9b8;  /* LightTan */
border-style: ridge;
border-width: 2px;
border-color: #cccccc;}  

#content-right-past-cafe  {
position: realtive;
width: 174px;
margin: 0px;
background: #ffffcc;    /*  YellowCream  */
border-style: ridge;
border-width: 2px;
border-color: #cccccc;} 
 
#sidebar-right-container, #sidebar-right-container-tan {
float: right;
top: 0px; 
right: 0px;
width: 180px;
margin: 10px 10px 10px 0;
background: none;}

#sidebar-right-container-tan {
background:#ffcc99;
margin: 10px 0px 20px 0; }

#sidebar-right-library {
float: right;
width: 180px;
margin: 10px 10px 10px 0;
background: #FCBE6C; }

#sidebar-right-japanesebrowser {
position: relative; 
width: 180px;
background: #none;
padding: 5px 5px 0px 5px;}

#sidebar-right-newarrivals {
position: relative; 
width: 178px;
margin: 15px 5px 0px 0px;
background: #ffffff;
border-style: ridge;
border-width: 2px;}


#sidebar-right, #content-right-advisory {
float: right;
width: 180px;
margin: 10px 0px 20px 0;
background: #ffcc99; }

#content-yellowbox {								/*    YELLOW BOX (TAN)    */
background: #F4EAD7;
border-color: #cccccc;}

.content-centerul {line-height:60%;}				/*    TYPE MODIFICATION    */

.centerthetext {text-align: center;}

ol { padding: 0px 5px 0px 30px;
	font-size: 12pt; }
	
#smaller10 {font-size: 10pt;}
#smaller12 {font-size: 12pt;}
#larger14 {font-size: 14pt;}
#big16 {font-size: 16pt; }
#italic {font-style: italic;}

ul { padding: 10px;
	list-style-type: circle; }
	
ul li {
margin: 0 0 0 20px;
padding: 0;}

#whitehead { font-size: 11pt; color:#ffffff;}
#ulnopadding { padding: 0px 0px 0px 0px; list-style-type: circle; line-height: 1.0 }

#table {margin: 0px 0px 0px 10px; }

#brownhead {color: #660000; }  /* changes headline color to brown */
.news {font-weight: bold; }
#red {color:#FF4B4B;}
.white {color:#ffffff;}
.tan a {color:#ffffff;}

.author { line-height: 1.1em; }

	
#footer {
clear: both;
background: #ffffff;
font-size: x-small;
line-height: .5em;
text-align: center;}
	
														/*    CALENDAR    */

.tablecalendar   { /* for a table that expands to the width of the browser window automatically as you resize the browser window replace margin-left: and margin-right; (also delete the px) with margin: auto; */
    margin-bottom: 20px;
    border: 2px solid #cc6600;
    caption: top center;
    border-collapse: collapse;
    width: 880px;
    font-size: small; }
    
.thcal, .tdcal, .weekend{    border: 1px solid #cc6600;
    padding: 2px;
    width: 14%;
    font-size: medium;    }    
.thcal {background-color: #cc6600; 
    text-align: center;
    color: #ffffff; }

.tdcal { text-align: left;
     text-align: top; } 

.caption { font-style: italic;
    padding: 10px 0px 5px 0px;    }
    
.weekend  {background-color: #fbca7a; }

.eventyellow, .eventwhite, .eventblue, .eventpink, .eventgreen, .eventpurple, .eventgrey, .eventwkend, .eventjapan { background-color: #ffff66;
        margin-left: 1px;
        margin-right: 1px;
        padding: 4px;
        font-size: x-small; /* to change font-size use xx-small, medium, large,  */
        border: none; 
        line-height: .9em; /* add size to line-height when you enlarge the font */   }

.eventwhite, .eventjapan { background-color: #ffffff; }        
.eventblue { background-color: #ccffff; } 
.eventpink { background-color: #ffccff; }        
.eventgreen {background-color: #ccffcc; }
.eventpurple { background-color: #ff99ff; }
.eventgrey {background-color: #cccccc; }
.eventwkend {background-color: #fbca7a; } 
.eventjapan {color: #ff0000;
			font-size: x-small;
			font-variant: small-caps;
			font-weight: bold; }
														/*    CALENDAR COMMENTS   */
#calcomments-yearoftiger {
float: top;
width: 880px;
margin: 0px 10px 0px 0;
color: #ffffff;
background: #cccccc;
text-align: center; }

.jumpto {color: #cccccc;}

#calcomments-right{
float: right;
width: 378px;
margin: 10px 0px 10px 0;
background-color: #ead9b8; }

#calcomments-rightbox {
float:right;
width: 180px;
margin: 0 10px 0 0;
background-color: #ead9b8; }

#calcomments-rightbox2 {
float:left;
top: 0px;
width: 180px;
margin: 0;
background-color: #ead9b8; }

#calcomments-center {
float: left;
width: 400px;
margin: 0px 10px 20px 0;
background: #ffffff;
text-align: justify; }

#calendar-pic {										/*     calendar pic      */
width:170px; }

#calcomments-left { /* this is being deprecated?  */
float: right;
width: 200px;
margin: 10px 0px 20px 0;
background: #ead9b8; } 

a:link,a:active,a:visited 
	{	
	color:#993333;
	text-decoration:none;
	border: none;
	border-style: none; 
	background-color: none;}

a:hover { color:#cc33cc;
	text-decoration:none;
	border-style: none; 
	background-color: none;}