body
	{
    font-family : arial, verdana, sans-serif;
    font-size : 12pt;
    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 : #045c97;
   	}

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;
    margin
	}

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 : #EAEAEA url(images/top_section.jpg) no-repeat;
	height : 61px;
	padding : 110px 0px 0px 0px;
	}

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

#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;
	}

#activities-image
	{
	float : right;
	padding : 30px 0px 5px 5px;
	}
#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 : white;
 	}

a:visited
    {
    color : white;
 	}

a:hover
    {
    color : white;
 	}

a:active
    {
    color : white;
 	}

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;
	}