/* this line works in FF, Safari & Opera ONLY. IE uses EOT.  */
@font-face {font-family: 'lucida'; src: url('lsans.ttf') format('opentype');}

html	{background: #889c6d;}

BODY	{min-height: 1024px; height: 100%; margin-bottom: 30px; background: #889c6d;
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbdf9c', endColorstr='#889c6d'); /* for IE */
		 background: -webkit-gradient(linear, left top, left bottom, from(#cbdf9c), to(#889c6d)); /* for webkit browsers */
		 background: -moz-linear-gradient(top,  #cbdf9c,  #889c6d); /* for firefox 3.6+ */
		}

* 		{margin: 0; padding: 0;}
img		{border: 0;}

#container	{width: 960px; height: 100%; display: table; background: none; position: relative; margin: 0 auto;}

#header		{float: left; width: 960px; height: 148px; margin-bottom: -34px; position: relative;
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a4485', endColorstr='#093374'); /* for IE */
		 background: -webkit-gradient(linear, left top, left bottom, from(#0a4485), to(#093374)); /* for webkit browsers */
		 background: -moz-linear-gradient(top,  #0a4485,  #093374); /* for firefox 3.6+ */
		}

#ads		{float: left; width: 296px; height: 96px; margin: 12px 0 0 18px; position: relative;}

#mastpix	{float: left; width: 960px; height: 248px; background: #093778; position: relative;}
#logo		{float: left; width: 930px; height: 30px; background: url("images/igta-logo.png"); padding: 218px 0 0 30px; margin: -248px 0 0 0; position: relative;}

#menu		{float: left; width: 960px; height: 40px; z-index: 10; position: relative;
		 background: -webkit-gradient(linear, left top, left bottom, from(#084090), to(#0950a0)); /* for webkit browsers */
		 background: -moz-linear-gradient(top,  #084090,  #0950a0); /* for firefox 3.6+ */
		}

#content	{float: left; width: 960px; height: 100%; background: #b2cfed; position: relative; margin: 0 auto;}

#left		{float: left; width: 308px; height: 100%; padding: 18px 12px 20px 0; position: relative;}
#right		{float: left; width: 550px; height: 100%; background: #ffffff; padding: 18px 40px 50px 50px; position: relative; min-height: 480px;}
#right-idx	{float: left; width: 580px; height: 100%; background: #ffffff; padding: 18px 30px; position: relative;}

#left-inner	{float: left; width: 296px; height: 100px; background: #9dbfe2; margin: 0 0 12px 0; padding: 0 12px 0 0; position: relative;}

#login		{float: left; width: 296px; height: 62px; padding: 18px 12px 0px 12px; position: relative;
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#387fd1', endColorstr='#2159a9'); /* for IE */
		 background: -webkit-gradient(linear, left top, left bottom, from(#387fd1), to(#2159a9)); /* for webkit browsers */
		 background: -moz-linear-gradient(top,  #387fd1,  #2159a9); /* for firefox 3.6+ */
		}

#footer		{float: left; width: 640px; height: 64px; background: #1f0152; padding-top: 16px; position: relative;
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#387fd1', endColorstr='#2159a9'); /* for IE */
		 background: -webkit-gradient(linear, left top, left bottom, from(#387fd1), to(#2159a9)); /* for webkit browsers */
		 background: -moz-linear-gradient(top,  #387fd1,  #2159a9); /* for firefox 3.6+ */
		}

.mktplc		{float: left; width: 296px; height: 96px; margin: 24px 0 0 0px; position: relative;}

.photo		{float: left; width: 100px; height: 100px; background: #d5eaff; padding: 6px; margin: 24px 25px 0 0px; position: relative;}


p	{color: #23354e; font: 13px Lucida Sans, Lucida Sans Unicode, lucida; text-align: justify; line-height: 18px; padding: 0 10px 9px 0;}
h1	{color: #ffffff; font: bold italic 23px Georgia; text-align: left; background: #8ead44; padding: 12px 0 12px 50px; margin: 0 0 0 -50px;}
h2	{color: #ffffff; font: bold italic 23px Georgia; background: #3e86d4; padding: 12px 12px 12px 24px; margin-bottom: 12px;}
h3	{color: #679300; font: bold 18px Georgia; padding: 28px 0 3px 0;}
h4	{color: #093374; font: bold 13px Lucida Sans, Lucida Sans Unicode, lucida; padding: 3px 0 6px 0; line-height: 15px;}
h5	{color: #093374; font: bold 14px Lucida Sans, Lucida Sans Unicode, lucida; text-align: right; padding-top: 12px; line-height: 21px;}
h6	{color: #c0e1ff; font: bold 12px Lucida Sans, Lucida Sans Unicode, lucida; text-align: center; padding: 9px 0 3px 0; line-height: 15px; }

a	{color: #2460b5; font: ; text-decoration: underline;}
a:hover	{color: #679300; font: ; text-decoration: underline;}

ul 	{list-style: square; text-align: justify; margin: 6px 10px 0 20px;}
li	{color: #23354e; font: 13px Lucida Sans, Lucida Sans Unicode, lucida; line-height: 18px; padding: 0 20px 6px 0; position: relative;}


img.icon	{margin-bottom: -1px;}
img.itinpicidx	{height: 100px; width: 100px; padding: 0 12px 0 0;}
img.itinpic-x	{height: 150px; width: 180px; z-index: 9; padding: 6px 20px 12px 20px; margin: 0px; position: relative;}
img.itinpic-y	{height: 180px; width: 150px; z-index: 9; padding: 6px 20px 12px 20px; margin: 0px; position: relative;}
img.photo	{height: 100px; width: 100px; background: none; padding: 0px; margin: 0px;}

span.url 	{left: 310px; position: absolute;}
span.virgo	{font: 11px Fujiyama2, fuji2n;}

.idx h1	{padding: 12px 0 12px 30px; margin: 0 0 0 -30px;}


.mast	{color: #c0e1ff; font: bold 12px Lucida Sans, Lucida Sans Unicode, lucida; text-align: left;
	-moz-text-shadow: 2px 2px 2px #123b75;
	-webkit-text-shadow: 2px 2px 2px #123b75;
	text-shadow: 2px 2px 2px #123b75;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#123b75')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#123b75');}

.mast a		{color: #e2f3ff;}
.mast a:hover	{color: #ffffff;}


.menu ul 	{list-style: none; margin: 0; padding: 0;}
.menu ul li 	{float: left; margin: 0; padding: 0; position: relative;}
.menu ul li a	{width: 118px; height: 40px; font: bold 13px Georgia; display: block; text-decoration: none; text-align: center; color: #cdf900; line-height: 41px; overflow: hidden;}
.menu ul li ul 	{display: none; border-top: 1px solid #3d86d4;}

.menu ul li.dash {height: 14px; margin-top: 13px; border-right: 1px #ffffff dotted; float:left; position: relative;}

.menu ul li:hover a  {color: #ffffff;}
.menu ul li:hover ul {width: 118px; top: 40px; display: block; position: absolute;}
.menu ul li:hover ul li a {font: bold 11px Georgia; height: 41px; color: #cdf900; background: #0950a0; display: block; line-height: 41px; border-bottom: 1px solid #3d86d4;}
.menu ul li:hover ul li a:hover {color: white; background: #3d86d4;}


.featitin p	{color: #23354e; font: 12px Lucida Sans, Lucida Sans Unicode, lucida; line-height: 18px; padding: 0;}
.featitin h2	{color: #ffffff; font: bold italic 16px Georgia;}
.featitin h3	{color: #679300; font: bold 21px Georgia; text-align: center; padding: 0px 0 9px 0;}
.featitin h4	{font: bold 12px Lucida Sans, Lucida Sans Unicode, lucida; padding: 9px 0 1px 0; line-height: 15px;}


.region-nav p		{padding-left: 24px;}
.region-nav a		{color: #093374; text-decoration: none;}
.region-nav a:hover	{color: #679300;}


#footer p	{color: #c0e1ff; font: 11px Lucida Sans, Lucida Sans Unicode, lucida; text-align: center; padding: 3px 0;}
#footer	a	{color: #c0e1ff; text-decoration: none;}
#footer	a:hover	{text-decoration: none;}

#login a 	{color: #cdf900;}
#login a:hover 	{color: #ffffff;}


TABLE.form	{border-collapse: collapse; border: 1px; text-align: center; margin:0 auto;}
.fields		{color: #000; text-align: left; margin: 4px; padding: 1px;}
.label		{color: #23354e; font: 12px Lucida Sans, Lucida Sans Unicode, lucida; text-align: right;}




/*   l i g h t b o x  */

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

#outerImageContainer{ position: relative; background-color: #ffffff; 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-image: url(data:image/gif;base64,AAAA); /* 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: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #23354e; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font: bold 14px Lucida Sans, Lucida Sans Unicode, lucida; color: #679300;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*   l i g h t b o x  */