body,
html {
    margin:0;
    padding:0;
    background: #F4F3E5;
    color:#60584F;
    font: small Verdana, Arial, Helvetica, sans-serif;
    }
    
body {
    	min-width:750px;
    	}
    	
#wrapper 	{
    			background:#F4F3E5;
    			margin:0 auto;
    			width:750px;
    			}
    			
    			
/* Style for the top heading */    			
#header {
				background-color: #534024;
				color: #F4F3E5;
				font-size: 11px;
				font-weight: lighter;}



/* style for the images shown in the header */
#header_images	{	margin-left: 200px;
								margin-top: 2px;
							}


/* Styles for the main menu, navigation menu */
#navigation {
    background:#F4F3E5;
    }
#navigation ul{
    margin:0;
    padding:0;
    list-style:none;
    }
#navigation li{
    display:inline;
    margin:0;
    padding:0;
    }    
#navigation a:link, #navigation a:visited {				text-decoration: none;
																			background-color: #F4F3E5;
																			color: #F4F3E5;	}    
    
    

#footer {
    background:#F4F3E5;
    clear:both;
    font-size: 11px;
    }
    
#footer p {
	font-size: 8px;
	
}

 
 #footer a, a:link, a:hover, a:active 			{
																	text-decoration: none;
																	color: #60584F;
																}
    
 /* f4f3e5; */   
#main {
    margin-top: 0px;
    padding-right: 0px;
    background:#F4F3E5; 
    float:right;
    width:550px;
    
    }
    
    
/* This is the "P" element inside the "main" div. The styles for "p" element inside "main" div is defined here */    
#main p 	{
					text-align: justify;
					line-height: 19px;
				}

				
#main p a:link		{
									text-decoration: none;
									color: #993300;
									
								}
								
#main p a:visited	{
									color: #F3A552;
								}
#main p a:hover	{
									color: #993300;
									font-style: underline;
									text-decoration: underline;
								}
#main p a: active	{
									color: #993300;
								}		

								
#main p#smallprint	{
									font-size:11px;
									line-height: 16px;
								}
								
#main p#subheading {
									font-weight:bold;
								}
								
/* Styles for Main table starts */

#main table 	{ 
						table-layout:fixed 
						width:550px;
						font-size: 12px;
					} 
#main td#one 	{ 
						width:350px; 
						} 
#main td#two { 
						width:200px; 
						}
						
#cabinet table 	{ 
						table-layout:fixed 
						width:550px; 
					} 
#cabinet td#one 	{ 
						width:150px; 
						} 
#cabinet td#two { 
						width:200px; 
						}
#cabinet td#three { 
						width:150px; 
						}
						

#main table#birdbooks	{
										color: #60584F;
										border-right: 0px solid #728D58;
										border-bottom: 1px solid #728D58;
										border-top: 0px solid #728D58;
										border-left: 0px solid #728D58;
										letter-spacing: 0px;						
									}

/* Styles for Main table ends */								
    
/* Style for Sidebar - Starts */    
    
#sidebar {
	margin-top: 7px;
	padding-left: 0px;
    background:#F4F3E5;
    float:left;
    width:200px;
    font:normal 11px Verdana;
    }
    
#sidebar h3 	{
						color: #534024;
					}

								
								
								
/* Style for sidebar - ends */								
								
/* Styles for calendar - starts */

#main #calendar_container h4	{	color : #495733	}
								
#styled ul{width:364px;list-style:none;font-family:georgia;font-size:16px; color:#514638; margin:0px;padding:0px;}
#styled ul li{width:42px;float:left;height:42px;background: 	#F0DA9F; margin:1px;padding:3px;}
#styled ul li.day{font-variant:small-caps;font-size:11px;background:#B3B296; color:#495733; height:12px;font-family:verdana,helvetica,arial;text-align:center;}




#styled ul a:link		{
									color: #F07C2C;
									text-decoration: none;
								}
								
#styled ul a:visited	{
									color: #F3A552;
								}
#styled ul a:hover	{
									color: #993300;
								}
#styled ul a: active	{
									color: #993300;
								}								
								
/* Styles for Calendar - ends */			


/* CSS code for bubble tooltip for calendar - start */

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:160px;
	color: #514638;
	font-family: verdana;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom;
	font-size: 11px; /*text size value inside the bubble */
	font: Verdana;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

/* CSS code for bubble tooltip for calendar - end */



/* CSS code for drop down menu */

#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:13px;
z-index:100;
}

#dropmenudiv a{
color: #534024;
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
	}

#dropmenudiv a:hover{ /*hover background color*/
color:#728D58;
}

/* CSS code for drop down menu - end */

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

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

#navcontainer a
{
display: block;
color: #534024;
width: 200px;
padding: 1px 0px 6px 0px;
text-decoration: none;

}

#navcontainer li.active a {
										color: #F1A452;
										font-weight: bold;
									}

#navcontainer li a:hover
{
color: #F1A452;
}

#navcontainer li li.submenu a:hover
{
color: #728D58;
}

#navcontainer li li.submenu a
{
display: block;
color: #534024;
width: 200px;
padding: 0px 0px 3px 10px;
margin-bottom: 0px;
text-decoration: none;
font-weight: normal;
}

#navcontainer li li li
{
	padding: 0px 0px 1px 15px;
	}


/* CSS FOR THE ANIMATION IN THE DESKTOP PICTURES PAGE */
	
.thumbnailWrapper {
	width: 133px;
	height: 133px;
	position: relative;
	overflow: hidden;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 25px;
}

#containerForThumbnailWrapper {
	width: 550px;
	text-align: center;
	margin: auto;
}

#containerForThumbnailWrapper	 img {
														position: absolute;
														top: 0; left: 0;
}