﻿body
	{
    
font-family : arial, verdana, sans-serif;
    
font-size : 11pt;
    
line-height : 1.5em;
    
background : url(images/body-background.jpg);
    
}



h1
	{
	
font-family : arial, verdana, sans-serif;
    
font-size : 28pt;
    
text-align : center;
    
font-weight : bold;
    
color: #9EC630;
   	
}



h2
	{
	
font-family : arial, verdana, sans-serif;
    
font-size : 18pt;
    
font weight : bold;
	
}   	
   	


h3
	{
	
font-family : arial, verdana, sans-serif;
    
font-size : 14pt;
    
font weight : bold;
    
margin-bottom : -16px;
	
}

h4
	{
	
font-family : arial, verdana, sans-serif;
    
font-size : 12pt;
    
font weight : bold;
    
margin : 30px 0px -18px 0px;
    
}



b
	{
	
font-size : 110%;
	
}



.bold
	{
	
font-weight : bold;
	
}
	


#maincontainer
	{
	
width : 778px;
	
margin : 0 auto;
	
border-style : solid;
	
border-width : 1px;
	
background : url(images/maincontainer-background.jpg);
	
}



#maincontainer-for-gallery
	{
	
width : 778px;
	
margin : 0 auto;
	
background : url(images/maincontainer-background.jpg);
	
}



#topsection
	{
	background : #ffffff url(images/top_section_new.jpg) no-repeat;
/* #EAEAEA */	height : 61px;
	padding : 110px 0px 0px 0px;
	color: #006b36;
}



#topsection h1
	{
	margin : 0;
	padding-top : 15px;
	color: #006b36;
}



#indented
	{
	
margin : 0px 0px 0px 20px;
	
}
	


#contentwrapper
	{
	
float : left;
	
width: 100%;
	
}



#contentcolumn
	{
	
margin : 0px 160px 0px 160px; 

/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	

padding : 2px 15px 10px 15px;
	
background : url(images/maincontainer-background.jpg);
	
}



#contentcolumn-for-gallery
	{
	
margin : 20px 160px 0px 160px; 

/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	

padding : 2px 15px 10px 15px;
	
height : 455px;
	background : url(images/maincontainer-background.jpg);
	
}
	


#leftcolumn
	{
	
float : left;
	
width : 160px;
	
margin-left : -778px; /*Set margin to that of -(MainContainerWidth)*/
	
background : url(images/column_background.jpg);
	
padding : 18px 0px 0px 0px;
	
height : 365px;
	
}



#rightcolumn
	{
	
float : left;
	
width : 159px;
	
margin-left : -160px; /*Set left margin to -(RightColumnWidth)*/
	
background : url(images/column_background.jpg);
	
padding : 18px 0px 0px 0px;
	
height : 365px;
	
}



#flower
	{
	
float : right;
	
padding : 0px 0px 0px 10px;
	
}


#sheep-extracted
	{
	
float : left;
	margin : -25px 0px 0px 0px;
	
}
	


#dom-extracted
	{
	
float : left;
	
margin : -110px 0px 0px 0px;
	
}



#rooster-extracted
	{
	
float : left;
	margin : -17px 0px 0px 0px;
	
}



#duck-extracted
	{
	
float : left;
	
margin : 0px 0px 0px 0px;
	
}



#dave-extracted
	{
	
float : left;
	
margin : -165px 0px 0px 0px;
	
}



#woman-and-child-extracted
	{
	
float : left;
	margin : -20px 0px 0px 0px;
	
}



#footer
	{
	
clear : left;
	
width : 100%;
	
background : black;
	
color : #FFF;
	
text-align : center;
	
padding : 4px 0;
	
}



#footer a
	{
	
color : #FFFF80;
	
}



.innertube
	{
	
margin : 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	
}



.glossymenu
	{
	
margin : -15px 0px 0px 0px;
	
position : relative;
	
background : url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	
height : 46px;
	
list-style : none;
	
}



.glossymenu li
	{
	
float : left;
	
}



.glossymenu li a
	{
	
float : left;
	
display : block;
	
color : #000;
	
text-decoration : none;
	
font-family : sans-serif;
	
font-size : 13px;
	
font-weight : bold;
	
padding : 0 0 0 14px;
	
height : 46px;
	
line-height : 46px;
	
text-align : center;
	
cursor : pointer;	
	
}



.glossymenu li a b
	{
	
float : left;
	
display : block;
	
padding : 0 24px 0 8px;
    
color : black;
	
}



.glossymenu li.current a, .glossymenu li a:hover
	{
	
color : #fff;
	
background : url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	
/*
	background-position : left;
	*/
	
}



.glossymenu li.current a b, .glossymenu li a:hover b
	{
	
color : #fff;
	
background : url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
	
}



#peoples-building
    {
    
float : left;
	
margin : 0px 10px 0px 0px;
	
}		
	


/* This section is for the Gallery Images */


.gallerycontainer
	{
	
width : 140px;
	text-align : center;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	
}



.thumbnail img
	{
	
border : 1px solid white;
	
margin : 0 5px 5px 0;
	
}



.thumbnail:hover
	{
	
background-color : transparent;
	
}



.thumbnail:hover img
	{
	
border : 1px solid blue;
	
}



.thumbnail span
	{ /*CSS for enlarged image*/
	
position : absolute;
	
background-color : #FFFFE0;
	
padding : 5px;
	
left : -1000px;
	border : 1px dashed gray;
	
visibility : hidden;
	
color : black;
	
text-decoration : none;
	
}



.thumbnail span img	{ /*CSS for enlarged image*/
	
border-width : 0;
	
padding : 2px;
	
}



.thumbnail:hover span
	{ /*CSS for enlarged image*/
	
visibility : visible;
	
left : 238px; /*position where enlarged image should offset horizontally */
	
top : 150px;
	
z-index : 50;
	
}



/* End of the Gallery Images section */



a:link
    {
	color: #008080;
}



a:visited
    {
	color: #008080;
}



a:hover
    {
	color: #008080;
}



a:active
    {
	color: #008080;
}



blockquote
	{
	
display : block !important;
	
padding : 10px 20px;
	
text-align : justify;
	
font-family : Georgia, Times, "Times New Roman", serif;
	
}



blockquote p
	{
	
font-style : italic;
	
color : black;
	
display : inline;
	
}



blockquote p:before, blockquote p:after
	{
	
color : black;
	
line-height : 0;
	
font-size : 5em;
	
}



blockquote p:before
	{
	
content : open-quote;
	
padding-right : 10px;
	
vertical-align : -27px;
	
}



blockquote p:after
	{
	
content : close-quote;
	
font-size : 5em;
	
line-height : .3;
	
vertical-align : -60px;
	
} 
 	
