body	{
						margin:0px;
						padding:0px;
						background:#fff2cc;
						}
						
font 	{				
						font:normal 12px Tahoma, Arial;
						color:#3D270F;
						}
td 		{
						vertical-align:top;
						font-size:11px;
						line-height:13px;
						font-family:Tahoma, Arial;
						color:#3D270F;
						}	
img {
						border:0;
						}

/*----------------------------------------------------   a	 ----------------------------------------------------*/						
a	{
						color:#3D270F;
						font-size:11px;
						text-decoration:underline;
						}
a:hover	{
						color:#3D270F;
						font-size:11px;
						text-decoration:none;
						}
em a	{
						color:#3D270F;
						font-size:11px;
						text-decoration:underline;
						}
em a:hover	{
						color:#3D270F;
						font-size:11px;
						text-decoration:none;
						}                                             	

i em a	{
						color:#3D270F;
						text-decoration:underline;
						}
i em a:hover	{
						color:#6A6666;
						text-decoration:none;
						}
em i a	{
						color:#6A6666;
						text-decoration:underline;
						}
em i a:hover	{
						color:#6A6666;
						text-decoration:none;
						}
						
/*----------------------------------------------------   end of a   ----------------------------------------------------*/	
.tobblet {
						background-image: url(images/tableback5.png);
						background-repeat: repeat;
						background-position: 0px 0px;
						border-top-style: none;
						border-right-style: none;
						border-bottom-style: none;
						border-left-style: none;
						visibility: visible;
						}

/* Component containers
----------------------------------*/
.ui-widget {
						font-family: Verdana,Arial,sans-serif;
						font-size: 1.1em;
						}
					
.ui-widget .ui-widget {
						font-size: 1em;
						}
					
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
						font-family: Verdana,Arial,sans-serif;
						font-size: 2em;
						}
					
.ui-widget-content {
						border: 0px;
						background: #FFF2CC;
						color: #0066CC;
						}
					
.ui-widget-content a {
						color:#6A6666;
						}
					
.ui-widget-header {
						border: 1px solid #aaaaaa;
						background: #FFF2CC url(images/menu/menu_line.png) 50% 50% ;
						color: #aaaaaa;
						font-weight: bold;
						}
					
.ui-widget-header a {
						color:#6A6666;
						}

/*-----------------------------------------------------------------------------------------------------------------------*/

.orange	{
						font-family: Tahoma, Arial;
						color:#D25400;
						font-size:12px;
						font-weight : bold;
						}
.orange2	{
						font-family: Tahoma, Arial;
						color:#D25400;
						font-size:15px;
						font-weight : bold;
						}
.orange3	{
						font-family: Tahoma, Arial;
						color:#D25400;
						font-size:21px;
						}												

.style1	{
						font-family: Tahoma, Arial;
						font-size: 12px;
						font-weight : bold;
						color:#6A6666;

						}
.style2 {	
						font-family: Tahoma, Arial;
						font-size: 12px;
						color:#6A6666;

						}
.style3 {
						font-family: Tahoma, Arial;
						font-size: 12px;
						text-decoration: underline;
						}
.style4 {
						font-family: Tahoma, Arial;
						font-size: 12px;
						color:#6A6666;

						}
.style5 {
						font-family: Tahoma, Arial;
						font-size: 20px;
						color:#6A6666;

						}
.style6 {
						font:normal 12px Tahoma, Arial;
						color:#3D270F;
						background:#fff2cc;	
						}

.style7 {
						font-family:Tahoma, Arial;
						font-weight: bold;
						font-stretch: condensed;
						line-height:inherit;
						font-size: 20px;
						color:#65270F
						}
.style8 {
						font-family:Tahoma, Arial;
						text-height:font-size;
						font-stretch: condensed;
						line-height:inherit;
						font-size: 18px;
						color:#6A6666;
						}							
/*-----------------------------------*/

#lightbox	{
						position: absolute;
						left: 0;
						width: 100%;
						z-index: 100;
						text-align: center;
						line-height: 0;
						}

#lightbox a img	{
						border: none;
						}

#outerImageContainer{
						position: relative;
						background-color: #fff;
						width: 250px;
						height: 250px;
						margin: 0 auto;
						}

#imageContainer{
						padding: 10px;
						}

#loading{
						position: absolute;
						top: 40%;
						left: 0%;
						height: 25%;
						width: 100%;
						text-align: center;
						line-height: 0;
						}
#hoverNav{
						position: absolute;
						top: 0;
						left: 0;
						height: 100%;
						width: 100%;
						z-index: 10;
						}
						
#imageContainer>#hoverNav{
						left: 0;
						}

#hoverNav a	{
						outline: none;
						}
						
#prevLink, #nextLink{
						width: 49%;
						height: 100%;
						background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
						display: block;
						}
						
#prevLink { 			
						left: 0; float: left;
						}
						
#nextLink { 			
						right: 0; float: right;
						}
						
#prevLink:hover, #prevLink:visited:hover {
						background: url(images/prevlabel.gif) left 15% no-repeat;
						}
						
#nextLink:hover, #nextLink:visited:hover {
						background: url(images/nextlabel.gif) right 15% no-repeat;
						}

#imageDataContainer{
						font: 10px Verdana, Helvetica, sans-serif;
						background-color: #fff;
						margin: 0 auto;
						line-height: 1.4em;
						}

#imageData{
						padding:0 10px;
						color: #666;
						}
						
#imageData #imageDetails{
						width: 70%;
						float: left;
						text-align: left;
						}	
						
#imageData #caption{
						font-weight: bold;
						}
						
#imageData #numberDisplay{
						display: block;
						clear: left;
						padding-bottom: 1.0em;
						}	
								
#imageData #bottomNavClose{
						width: 66px;
						float: right;
						padding-bottom: 0.7em;
						}	
		
#overlay{
						position: absolute;
						top: 0;
						left: 0;
						z-index: 90;
						width: 100%;
						height: 500px;
						background-color: #000;
						}
						
.clearfix:after {
						content: ".";
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
						}

/*-----------------------------------*/
						
.ui-helper-clearfix:after { 
						content: ".";
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
						}
.ui-helper-clearfix { 
						display:block;
						}
						
/*-----------------------------------*/

.ui-state-default, 
.ui-widget-content 
.ui-state-default, 
.ui-widget-header 
.ui-state-default {
						border: 1px solid #d3d3d3;
						background: #e6e6e6 url(images/menu/menu_line1.png) 100% 100% repeat-x;
						font-size: 20px;
						font-weight: normal;
						color: #BAA9EB; 
						}
	
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {
						color: #555555;
						text-decoration: none;
						font-size: 20px; 
						}
	
.ui-state-hover, 
.ui-widget-content 
.ui-state-hover, 
.ui-widget-header 
.ui-state-hover, 
.ui-state-focus, 
.ui-widget-content 
.ui-state-focus, 
.ui-widget-header 
.ui-state-focus {
						border: 1px solid #FFF2CC;
						background: url(images/menu/menu_line2.png) 50% 50% repeat-x;					
						font-size: 20px;
						font-weight: normal;
						color: #FFF2CC;
						}

.ui-state-hover a, 
.ui-state-hover a:hover {
						color: #FFF2CC;
						font-size: 20px;
						}
	
.ui-state-active, 
.ui-widget-content 
.ui-state-active, 
.ui-widget-header 
.ui-state-active {
						border: 1px solid #aaaaaa;
						background: #FFF2CC url(images/menu/menu_line3.png) 50% 50% repeat-x;
						font-size: 20px;
						color: #0066CC;
						}
	
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited {
						color: #0066CC;
						font-size: 20px;
						text-decoration: underline;
						}

.ui-widget :active {
						outline: none;
						}
						
/*-----------------------------------*/


.ui-tabs {
						position: relative;
						padding: .2em;
						zoom: 1;
						}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
						margin: 0;
						padding: .2em .2em 0;
						}
						
.ui-tabs .ui-tabs-nav li {
						list-style: none;
						float: left;
						position: relative;
						top: 1px;
						margin: 0 .2em 1px 0;
						border-bottom: 0 !important;
						padding: 0;
						white-space: nowrap;
						}
						
.ui-tabs .ui-tabs-nav li a {
						float: left;
						padding: .5em 1em;
						text-decoration: none;
						}
						
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
						margin-bottom: 0;
						padding-bottom: 1px;
						}
	
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
						cursor: text;
						}
						
.ui-tabs .ui-tabs-nav li a,
.ui-tabs. ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
						cursor: pointer;
						}
 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 
.ui-tabs .ui-tabs-panel {
						display: block;
						border-width: 0;
						padding: 1em 1.4em;
						background: none;
						}
						
.ui-tabs .ui-tabs-hide {
						display: none !important;
						}

/*-----------------------------------*/
						
.ui-tabok {
						position: relative;
						padding: 3em;
						zoom: 1;
						}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabok .ui-tabok-nav {
						margin: 0;
						padding: 1em 1em 0;
						}
							
.ui-tabok .ui-tabok-nav li { 
						list-style: none;
						float: left; position: relative;
						top: 1px;
						margin: 2em 2em 2em 2em;
						border-bottom: 0 !important;
						padding: 3em;
						white-space: nowrap;
						}
								
.ui-tabok .ui-tabok-nav li a {	
						float: left;
						padding: 2em 2em 2em 2em;
						text-decoration: underline;
						}
						
.ui-tabok .ui-tabok-nav li.ui-tabok-selected {
						margin-bottom: 0;
						padding-bottom: 3px;
						}

.ui-tabok .ui-tabok-nav li.ui-tabok-selected a,
.ui-tabok .ui-tabok-nav li.ui-state-disabled a,
.ui-tabok .ui-tabok-nav li.ui-state-processing a {
						cursor: text;
						}

.ui-tabok .ui-tabok-nav li a,
.ui-tabok. ui-tabok-collapsible .ui-tabok-nav li.ui-tabok-selected a {
						cursor: pointer;
						}
 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 
.ui-tabok .ui-tabok-panel {
						display: block;
						border-width: 0;
						padding: 3em 1.4em;
						background: none;
						}
							
.ui-tabok .ui-tabok-hide {
						display: none !important;
						}