/* Generic Style Definitions */

html {
	overflow: auto;
}

body {
	FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 76%;
    overflow: auto;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	BACKGROUND-COLOR: #ffffff;
    COLOR: #7f7f7f;
    letter-spacing: 1px;
}
P
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
}



TD
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
    letter-spacing: 1px;
    vertical-align: middle;
    padding-bottom:0px;
    padding-right:0px;
}
BLOCKQUOTE
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
}
LI
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
}
DIV
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
}
TABLE
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;    
    FONT-SIZE: 1em;
    FONT-VARIANT: normal;
}
FORM{
    border-color: #ededed;
    border-style: solid;
    border-width: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 300px;
}
INPUT
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
    background: #e5e5e5 !important;
    border-color: #ffffff;
    border-style: solid;
    border-width: 0px;
}
TEXTAREA
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
    background: #e5e5e5 !important;
    border-color: #ffffff;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
   
}
SELECT
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    FONT-SIZE: 1em;
}

H1
{
    FONT-SIZE: 1.5em;
    background: #ffffff;
    FONT-WEIGHT: bold;
    COLOR: #656565;
    letter-spacing: 4px;
}
H2
{
    FONT-SIZE: 1.1em;
    FONT-WEIGHT: bold;
    COLOR: #656565;
    letter-spacing: 3px;
   
}


H2 A
{
    FONT-SIZE: 1.1em;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    COLOR: #656565;
    letter-spacing: 3px;

}
H2 A:link {text-decoration: none}
H2 A:visited {text-decoration: none}
H2 A:active {text-decoration: none}
H2 A:hover {text-decoration: underline;}

H3
{
    FONT-SIZE: 1em;    
    FONT-WEIGHT: bold;
    COLOR: #656565;
    letter-spacing: 2px;

}
H4
{
    FONT-SIZE: 1em;
    COLOR: #656565;
    letter-spacing: 1px;
}
IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
HR
{
    COLOR: #ff0000;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #ff0000
}


/* Setup the panes */
#header {
	background: #ffffff;
	padding-left: 0px;
	margin: 0;
	position: absolute;
	top: 10px;	
	left: 10px;
	right: 10px;
	height: 35px;
	overflow: hidden;
}

.des {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    letter-spacing: 2px;
    color: #b2b2b2;
	background: #ffffff;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
	top:43px;
}
.des A {

    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    color: #b2b2b2;
	
}
.link {
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    color: #b2b2b2;
}
.link A {
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    color: #b2b2b2;
}
.link A:link {text-decoration: none}
.link A:visited {text-decoration: none}
.link A:active {text-decoration: none}
.link A:hover {text-decoration: underline;}




.small{
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: normal;
        color: #b2b2b2;
    }
.small A{
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: normal;
        color: #b2b2b2;
    }    
    
    

#leftpane {
    FONT-SIZE: 0.7em;
	background: #ffffff;
	padding: 0;
	margin: 0;
	position: absolute;	
	top: 55px;
	left: 10px;
	height:600px;
	width: 600px;
	overflow: hidden;
	padding: 0px;
}
.galleryImage
   {
   border:1px solid #b2b2b2;
   }

#midpane {
    FONT-SIZE: 0.8em;
	
	padding: 0;
	margin: 0;
	position: absolute;	
	top: 55px;
	left: 620px;
	width: 100px;
	height:600px;
	overflow: hidden;

}
#midpane img
   {
   cursor:pointer;
   }
#leftandmidpane {
    FONT-SIZE: 0.7em;
	background: #ffffff;
	padding: 0;
	margin: 0;
	position: absolute;	
	top: 55px;
	left: 10px;
	height:610px;
	width: 710px;
	overflow: hidden;
	padding: 0px;
	text-align: center;
}
#instructions
   {
   background: #e5e5e5;
   position: absolute;	
text-align: justify;
FONT-SIZE: 0.9em;
   top:65px;
   height:300px;
   left: 10px;
	width:180px;
   	padding-left: 30px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 30px;
   }
#leftandmidandrightpane {
    FONT-SIZE: 0.7em;

	padding: 0;
	margin: 0;
	position: absolute;	
	top: 65px;
	left: 10px;
	height:620px;
	right:10px;
	overflow: hidden;
	padding: 0px;
	text-align: left;
}

#rightpane {
    FONT-SIZE: 0.9em;
    background: #e5e5e5;
	padding-left: 30px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 5px;
	margin-left: 0;
	position: absolute;	
	top: 55px;
	left: 730px;
	right: 10px;
	height:570px;
	text-align: justify;
	overflow: auto;

}
#rightpane h2
   {

   text-align:left;
   }
#footer {
    FONT-SIZE: 1em;

	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	position: absolute;
	top: 680px;	
	left: 10px;
	right:10px;
	height: 35px;
	overflow: hidden;

}
#footer2 {
    FONT-SIZE: 1em;
   
   
	padding-left: 0px;
	margin: 0;
	position: absolute;
	top: 720px;	
	left: 10px;
	right: 10px;
	height: 30px;
	overflow: hidden;
}
.bar
   {
display:none;
   }
DIV.menu {
text-align: left;
    
    position:absolute;
	 bottom:0;
	 FONT-SIZE: 1em;
    FONT-WEIGHT: bold;
    left:0px;
    right:0px;
    width:1990px;
   /* letter-spacing: 3px;*/
    
}
DIV.menu A
{
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 5px;
    MARGIN-TOP: 5px;
    MARGIN-BOTTOM: 0px;
    COLOR: #333333;
    BACKGROUND-COLOR: #b3b3b3;
    TEXT-DECORATION: none;
}
DIV.menu A:link
{
    COLOR: #656565;
    BACKGROUND-COLOR: #e5e5e5;
}
DIV.menu A:visited
{
    COLOR: #656565;
    BACKGROUND-COLOR: #e5e5e5;
}
DIV.menu A:hover
{
    COLOR: #333333;

}
DIV.menu A:active
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #e5e5e5;
}

DIV.submenu
{
    FONT-SIZE: 0.9em;
    line-height:1.8em;
    FONT-WEIGHT: normal;
    BACKGROUND-COLOR: #b3b3b3;
    left:0px;
    right:10px;
    padding-left:120px;

}
DIV.submenu A
{
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 5px;
    MARGIN-TOP: 5px;
    MARGIN-BOTTOM: 0px;
    COLOR: #1a1a1a;
    BACKGROUND-COLOR: #b3b3b3;
    TEXT-DECORATION: none;
}
DIV.submenu A:link
{
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    COLOR: #4e4e4e;
    BACKGROUND-COLOR: #b3b3b3;
    
}
DIV.submenu A:visited
{
    COLOR: #4e4e4e;
    BACKGROUND-COLOR: #b3b3b3;
}
DIV.submenu A:hover
{
    COLOR: #1a1a1a;

}
DIV.submenu A:active
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #b3b3b3;
}
.foodmenu
   {

   text-align:center;
   padding:0;
   margin-top: 0;
margin-right: 0;
margin-bottom: 0.3em;
margin-left: 0;
   }



	#page1 {
		position: absolute;
		top: 0;
		left: 0;
		}
		
	#page2 {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		}
		
	#page3 { 
		margin-left:0; 
		padding: 0; 
		position:absolute; 
		left:0; 
		top:0;
		background: url('images/10-percent-black.png');
		padding-left: 0;
		overflow: hidden;
		}
		
	#page4 { 
		margin-left:0; 
		padding: 0; 
		position:absolute; 
		left:0; 
		top:0;
		overflow: hidden;
		}

	#page0 {
		position: absolute;
		top: 0;
		left: 0;
		background: url('images/10-percent-black.png');
		overflow: hidden;
		}
		
	#pageN1 {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		}



	#pagesContainer {
		margin:50px auto; 
		background-color:#888888; 
		position:relative;
		overflow: hidden;
		}

	.pageImage {
		display: none;
	}
div.view
{
height: 20px;
width: 20px;
background-image: url('images/graticule.gif');
opacity:0.6;
filter: alpha(opacity=60);
}
div.view:hover
{
/*opacity:1;
filter: alpha(opacity=100);*/
background-color: #888888;
}	

#viewimageholder
{
display:none;
position: absolute;
right: 10px;
bottom: 70px;
height:250px;
border: 1px solid #888888;
}


#view867
{
position:absolute;
left:40px;
top:454px;
}
#view864
{
position:absolute;
left:98px;
top:474px;
}
#view861
{
position:absolute;
left:120px;
top:470px;
}
#view858
{
position:absolute;
left:132px;
top:438px;
}
#view659
{
position:absolute;
left:157px;
top:397px;
}
#view849
{
position:absolute;
left:146px;
top:386px;
}
#view847
{
position:absolute;
left:168px;
top:408px;
}
#view841
{
position:absolute;
left:179px;
top:400px;
}
#view868
{
position:absolute;
left:175px;
top:385px;
}
#view869
{
position:absolute;
left:0px;
top:0px;
}
#view660
{
position:absolute;
left:0px;
top:0px;
}
#view871
{
position:absolute;
left:0px;
top:0px;
}
#view873
{
position:absolute;
left:0px;
top:0px;
}
#view874
{
position:absolute;
left:0px;
top:0px;
}
#view662
{
position:absolute;
left:0px;
top:0px;
}
#view665
{
position:absolute;
left:0px;
top:0px;
}
#view667
{
position:absolute;
left:0px;
top:0px;
}
#view876
{
position:absolute;
left:0px;
top:0px;
}
#view882
{
position:absolute;
left:0px;
top:0px;
}
#view832
{
position:absolute;
left:0px;
top:0px;
}
#view828
{
position:absolute;
left:0px;
top:0px;
}
#view642
{
position:absolute;
left:0px;
top:0px;
}
#view827
{
position:absolute;
left:0px;
top:0px;
}
#view886
{
position:absolute;
left:0px;
top:0px;
}
#view822
{
position:absolute;
left:0px;
top:0px;
}
#view675
{
position:absolute;
left:0px;
top:0px;
}
#view677
{
position:absolute;
left:0px;
top:0px;
}
#view680
{
position:absolute;
left:0px;
top:0px;
}
#view805
{
position:absolute;
left:0px;
top:0px;
}
#view723
{
position:absolute;
left:0px;
top:0px;
}
#view801
{
position:absolute;
left:0px;
top:0px;
}
#view726
{
position:absolute;
left:0px;
top:0px;
}
#view797
{
position:absolute;
left:0px;
top:0px;
}
#view728
{
position:absolute;
left:0px;
top:0px;
}
#view794
{
position:absolute;
left:0px;
top:0px;
}
#view730
{
position:absolute;
left:0px;
top:0px;
}
#view731
{
position:absolute;
left:0px;
top:0px;
}
#view790
{
position:absolute;
left:0px;
top:0px;
}
#view788
{
position:absolute;
left:0px;
top:0px;
}
#view733
{
position:absolute;
left:0px;
top:0px;
}
#view732
{
position:absolute;
left:0px;
top:0px;
}
#view784
{
position:absolute;
left:0px;
top:0px;
}
#view782
{
position:absolute;
left:0px;
top:0px;
}
#view783
{
position:absolute;
left:0px;
top:0px;
}
#view780
{
position:absolute;
left:0px;
top:0px;
}
#view736
{
position:absolute;
left:0px;
top:0px;
}
#view735
{
position:absolute;
left:0px;
top:0px;
}
#view779
{
position:absolute;
left:0px;
top:0px;
}
#view740
{
position:absolute;
left:0px;
top:0px;
}
#view741
{
position:absolute;
left:0px;
top:0px;
}
#view742
{
position:absolute;
left:0px;
top:0px;
}
#view743
{
position:absolute;
left:0px;
top:0px;
}
#view776
{
position:absolute;
left:0px;
top:0px;
}
#view775
{
position:absolute;
left:0px;
top:0px;
}
#view744
{
position:absolute;
left:0px;
top:0px;
}
#view748
{
position:absolute;
left:0px;
top:0px;
}
#view754
{
position:absolute;
left:0px;
top:0px;
}
#view755
{
position:absolute;
left:0px;
top:0px;
}
#view766
{
position:absolute;
left:0px;
top:0px;
}
#view764
{
position:absolute;
left:0px;
top:0px;
}
#view769
{
position:absolute;
left:0px;
top:0px;
}
#view772
{
position:absolute;
left:0px;
top:0px;
}