body {
	background-color:#FFFFFF;
	width:1000px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:14px;
	color:#336699;
	text-decoration:none;
	}

#header{
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:150px;
	border-bottom-width:thick;
	border-bottom-color:#999966;
	border-bottom-style:double;
		
	}
	
#timeBox
{
	width:500px;
	height:15px;
	padding:5px;
	background:#999966;
	position:absolute;
  	top:285px;
  	left:350px;
	z-index:+1;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
 }
 
#leftCol {
	background:#FFFFFF;
	position:absolute;
	top:360px;
	width:290px;
	left:15px;
	border-right:#999966;
	border-right-style:dotted;
	border-right-width:thin;
	padding:5px;
	}
	 
#content {
	background-color:#FFFFFF;
	padding:5px;
	position:absolute;
  	top:309px;
  	left:322px;
  	width:525px;
  	border:thin;
  	border-color:#FF0000;
  	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	line-height:18px;
	color:#666666;
}
#contentBox {
	padding:5px;
	position:absolute;
  	top:371px;
  	left:256px;
  	width:250px;
	height:380px;
  	border-top:thick;
	border-top-style:solid;
	border-bottom:thick;
	border-bottom-style:solid;
  	border-color:#333300;
	background-color:#999966;
  	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	line-height:18px;
	color:#FFFFFF;

}

#footer {
	background:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	color:#336699;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left:-250px;
    width:800px;
  	height:100px;
	border-top-width:thin;
	border-top-color:#999966;
	border-top-style:double;
	padding-top:5px;
	}
	
.scrollBox {
	width:500px;
	height:110px;
	left:5px;
	overflow:auto;
	padding:5px;
	background:#C9D7AC;
	border-top:2px;
	border-color:#666633;
	border-top-style:dotted;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
 }

/**************************************************************
Sub Menu
***************************************************************/
		
#headerSubMenu1 {
  		height:140px;
		margin-left:321px;
		margin-top:150px;
		background:url(./media/header1.jpg) 0 0 no-repeat;
		}
#headerSubMenu2 {
  		height:140px;
		margin-left:321px;
		margin-top:150px;
		background:url(./media/header2.jpg) 0 0 no-repeat;
		}
#headerSubMenu3 {
  		height:140px;
		margin-left:321px;
		margin-top:150px;
		background:url(./media/header3.jpg) 0 0 no-repeat;
		}
#headerSubMenu4 {
  		height:140px;
		margin-left:321px;
		margin-top:150px;
		background:url(./media/header4.jpg) 0 0 no-repeat;
		}
#headerSubMenu5 {
  		height:140px;
		margin-left:321px;
		margin-top:150px;
		background:url(./media/header5.jpg) 0 0 no-repeat;
		}
#headerSubMenu6 {
  		height:140px;
		margin-left:321px;
		margin-top:150px;
		background:url(./media/header6.jpg) 0 0 no-repeat;
		}		
#nav {
		position:absolute
		float:left;
		margin-left:330px;
		width:560px;
		margin-top:-19px;
		font-size:0.94em;
		line-height:1em;
	}
#nav ul {
		margin:0;
		padding:0 0 0 28px;
		list-style:none;
	}
#nav li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:url(./media/nav1.gif) 0 100% no-repeat;
	}
#nav li:hover {
		background-position:-6px 100%;
	}
#nav a {
		float:left;
		display:block;
		color:#473215;
		font-weight:bold;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		background:url(./media/nav2.gif) 100% 100% no-repeat;
		padding:5px 14px 12px 8px;
		text-decoration:none;
	}
#nav li:hover a {
		background-image:url(./media/nav1.gif);
	}
	/* Hide from IE5-Mac \*/
#nav a {float:none;}
	/* End IE5-Mac hack */
#nav a:hover {
		color:#000;
		text-decoration:underline;
	}
#home #nav #t1,
#services #nav #t2,
#projects #nav #t3,
#about #nav #t4,
#contact #nav #t5 {
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
	}
#home #nav #t1 a,
#services #nav #t2 a,
#projects #nav #t3 a,
#about #nav #t4 a,
#contact #nav #t5 a {
		background-image:url(./media/nav2s.gif);
		padding-left:0;
		padding-right:19px;
	}
#nav #t1,
#home #nav #t1 {
		margin-left:0;
	}
#nav #t5,
#contact #nav #t5 {
		margin-right:0;
	}
	
/*************************************************************
Rounded Box
*************************************************************/

.rbroundbox { 
	background:url(./media/nt.gif) repeat;
			}
.rbtop div { background:url(./media/tl.gif) no-repeat top left; }
.rbtop { background:url(./media/tr.gif) no-repeat top right; }
.rbbot div { background:url(./media/bl.gif) no-repeat bottom left; }
.rbbot { background:url(./media/br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width:100%;
	height:7px;
	font-size:1px;
}
.rbcontent { 
	margin:5px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:normal;
	list-style:disc;
	list-style-position:outside;
}

.rb:link { 
	color:#FFFFFF; 
	border-bottom: 1px dotted;
	border-bottom-color:#FFFFFF;
	margin-bottom: 4px;
}

.rb:visited { 
	color:#FFFFFF; 
	border-bottom: 1px dotted;
	border-bottom-color:#FFFFFF;
	margin-bottom: 4px;
} 

.rb:hover { 
	color:#FFFFFF;
	background-color:#336633;
	text-decoration:none;
} 

.rbroundbox { 
	width:300px;
	position:absolute;
	left:15px;
	top:165px;
		}	

/*************************************************************/

.bt:link { 
	border-bottom: 1px dotted;
	border-bottom-color:#669999;
	margin-bottom: 4px;
}

.bt:visited { 
	border-bottom:1px dotted;
	border-bottom-color:#669999;
	margin-bottom:4px;
}

a:link { 
	color:#993300; 
	text-decoration:none;
	border:none;
	border-style:none;
	outline:0;
		}

a:visited { 
	color:#993300; 
	text-decoration:none;
	border:none;
	border-style:none;
	outline:0;
} 

a:hover { 
	color:#993300; 
	text-decoration:none;
	border:none;
	border-style:none;
	outline:0;
} 

a:active{ 
	color:#993300; 
	text-decoration:none;
	border:none;
	border-style:none;
	outline:0;
} 

.img1 {
	float:left;
	border:none;
	text-decoration:none;
	outline:0;
	padding:5px;
	 }
 
.img2 {
	float:right;
	border:none;
	text-decoration:none;
	outline:0;
	 }
	 
.img3 {
	float:none;
	border:none;
	text-decoration:none;
	outline:0;
	}
	 
.img4 {
	float:none;
	border:none;
	text-decoration:none;
	outline:0;
	position:absolute;
	left:210px;
	top:335px;
	z-index:+5;
	 }

h1 {
	border-bottom:medium;
	border-bottom-color:#99CC99;
	border-bottom-style:dashed;
	width:80%;
	font-size:22px;
	line-height:20px;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;;
	color:#336699;

}

h2 {
	border-bottom:medium;
	border-bottom-color:#FFFFFF;
	border-bottom-style:dashed;
	width:80%;
	font-size:22px;
	line-height:20px;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;;
}

h3 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#666666;
	}
	
/************************************************
Word Cloud
************************************************/

.wordcloudBox  {
	position:relative;
	width:525px;
	height:300px;
	line-height:40px;
	text-align:center;
	z-index:1;
	}
	
h4  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#003300;
	display:inline;
	text-decoration:none;
	border:0;
	margin:10px;
   	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	}
	
h5  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#66CC33;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-style:normal;
	font-stretch:normal;
	}	

h6  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	color:#996699;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	font-variant:small-caps;
	}	

h7  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:25px;
	color:#996600;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:light;
	font-style:italic;
	font-stretch:normal;
	}
	
h8  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:30px;
	color:#FF9900;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:light;
	font-style:italic;
	font-stretch:normal;
	}	
	
h9  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:35px;
	color:#FFCC00;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
	font-stretch:expanded;
		}		
		
h10  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:40px;
	color:#333399;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
	font-stretch:expanded;
		}	
		
h11  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:50px;
	color:#FFCC99;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
	font-stretch:condensed;
			}	

h12  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:60px;
	color:#6699FF;
	display:inline;
	text-decoration:none;
	border:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
	font-stretch:condensed;
			}				
					
	
		
/*****************************************************
Thumbnail Viewer
******************************************************/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left:0;
	top:0;
	width:auto;
	padding:10px;
	padding-bottom:0;
	background:#313131;
	visibility:hidden;
	z-index:10;
	cursor:hand;
	cursor:pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font:bold 16px Tahoma;
	letter-spacing:5px;
	line-height:1.1em;
	color:white;
	padding:5px 0;
	text-align:right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position:absolute;
	visibility:hidden;
	border:1px solid black;
	background-color:#EFEFEF;
	padding:5px;
	z-index:20;
}

/*--------------------------------------------------
Bubble Tooltip
----------------------------------------------------*/

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }
 
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding:15px 0 0 0;
	width:200px;
	color:#993300;
    text-align:center;
	font-weight:normal;
	line-height:normal;
	filter:alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;
}
a.tt:hover span.top{
	display:block;
	padding:30px 8px 0;
    background:url(./media/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display:block;
	padding:0 8px; 
	background:url(./media/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display:block;
	padding:3px 8px 10px;
	color: #548912;
    background:url(./media/bubble.gif) no-repeat bottom;
}

/*--------------------------------------------------
Map
----------------------------------------------------*/


#map {
	margin:0;
	padding:0;
	width:800px;
	height:700px;
	background:url(./media/picture_junglecatworld3.jpg) no-repeat #fff;
	background-position:center;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
				}
		
#mapBox
{
	width:200px;
	height:178px;
	padding:10px;
	background:#FFFFFF;
	position:absolute;
  	top:35px;
  	left:659px;
	border:solid #006600 thick;
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:normal;
	font-weight:bold;
	color:#006600;
	}

#map li {
	margin:0;
	padding:0;
	list-style:none;
		}
		
#map li a {
	position:absolute;
	display:block;
	/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
	background:url(./media/blank.gif);
	text-decoration:none;
	border:thin;
	border-color:#99CC99;
	border-style:dotted;
	color:#000;
	width:17px;
	height:12px;
	left:341px;
	top:222px;
		}
		
#map li a span { display:none;
 }
		
#map li a:hover span {
	position:relative;
	display:block;
	width:260px;
	left:30px;
	top:-100px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
	z-index:1;
 	/***filter:alpha(opacity=80);
	opacity:0.8; **/
	}
	
#map a.animal1 {
	top:228px;
	left:281px;
	width:51px;
	height:32px;
		}
		
#map a.animal2 {
	top:160px;
	left:489px;
	width:36px;
	height:29px;
		}
		
#map a.animal3 {
	top:425px;
	left:502px;
	width:31px;
	height:25px;
		}
		
#map a.animal4 {
	top:355px;
	left:596px;
	width:38px;
	height:31px;
		}
		
#map a.animal5{
	top:300px;
	left:684px;
	width:72px;
	height:61px;
		}
		
#map a.animal6{
	top:154px;
	left:361px;
	width:47px;
	height:45px;
		}
		
#map a.animal7{
	top:258px;
	left:612px;
	width:36px;
	height:28px;
		}
		
#map a.animal8 {
	top:307px;
	left:769px;
	width:88px;
	height:71px;
		}
		
#map a.animal9{
	top:265px;
	left:164px;
	width:68px;
	height:60px;
		}	
		
#map a.animal10{
	top:465px;
	left:675px;
	width:46px;
	height:49px;
		}
		
#map a.animal11{
	top:425px;
	left:455px;
	width:34px;
	height:25px;
		}
		
#map a.animal12 {
	top:390px;
	left:740px;
	width:122px;
	height:117px;
		}
		
#map a.animal13{
	top:448px;
	left:626px;
	width:35px;
	height:24px;
		}				
#map a.animal14 {
	top:455px;
	left:402px;
	width:12px;
	height:7px;
		}
		
#map a.animal15{
	top:388px;
	left:418px;
	width:20px;
	height:19px;
		}	
		
#map a.animal16{
	top:432px;
	left:402px;
	width:13px;
	height:7px;
		}
		
#map a.animal17{
	top:482px;
	left:401px;
	width:15px;
	height:9px;
		}
		
#map a.animal18 {
	top:443px;
	left:403px;
	width:12px;
	height:7px;
		}
		
#map a.animal19{
	top:392px;
	left:484px;
	width:22px;
	height:19px;
		}			
		
#map a.animal20{
	top:468px;
	left:402px;
	width:13px;
	height:7px;
		}	
		
#map a.animal121{
	top:405px;
	left:543px;
	width:68px;
	height:49px;
		}	
		
#map a.animal22{
	top:297px;
	left:350px;
	width:20px;
	height:16px;
		}
		
#map a.animal23{
	top:290px;
	left:326px;
	width:17px;
	height:9px;
		}
		
#map a.animal24 {
	top:138px;
	left:289px;
	width:15px;
	height:11px;
		}
		
#map a.animal25{
	top:306px;
	left:296px;
	width:25px;
	height:14px;
		}			
		
#map a.animal26{
	top:265px;
	left:241px;
	width:28px;
	height:11px;
		}
		
#map a.animal27{
	top:308px;
	left:270px;
	width:13px;
	height:10px;
		}
		
#map a.animal28 {
	top:380px;
	left:382px;
	width:9px;
	height:9px;
		}
		
#map a.animal29{
	top:177px;
	left:596px;
	width:32px;
	height:27px;
		}	
				
#map a.animal30{
	top:305px;
	left:247px;
	width:9px;
	height:11px;
		}	
		
#map a.animal31 {
	top:381px;
	left:397px;
	width:8px;
	height:27px;
		}		
		
#map a.animal32 {
	top:541px;
	left:552px;
	width:43px;
	height:39px;
		}
		
#map a.animal33{
	top:383px;
	left:681px;
	width:15px;
	height:13px;
		}	
				
#map a.animal34{
	top:490px;
	left:488px;
	width:15px;
	height:17px;
		}	
		
#map a.animal35 {
	top:395px;
	left:382px;
	width:9px;
	height:8px;
		}		
		
#map a.animal36 {
	top:411px;
	left:638px;
	width:15px;
	height:16px;
		}			
		
#map a.animal37 {
	top:132px;
	left:543px;
	width:23px;
	height:18px;
		}		
		
#map a.animal38 {
	top:472px;
	left:440px;
	width:17px;
	height:15px;
		}		
		
#map a.animal39 {
	top:359px;
	left:313px;
	width:17px;
	height:10px;
		}		

#map a.animal40 {
	top:375px;
	left:313px;
	width:17px;
	height:10px;
		}	
		
#map a.animal41 {
	top:332px;
	left:300px;
	width:10px;
	height:13px;
		}	
		
#map a.animal42 {
	top:372px;
	left:279px;
	width:10px;
	height:9px;
		}	
		
#map a.animal43 {
	top:341px;
	left:280px;
	width:12px;
	height:8px;
		}
		
#map a.animal44 {
	top:354px;
	left:280px;
	width:12px;
	height:8px;
		}							
#map a.animal45 {
	top:488px;
	left:291px;
	width:14px;
	height:13px;
		}	
		
#map a.animal46 {
	top:365px;
	left:298px;
	width:7px;
	height:13px;
		}				
				
				
/*****************************************************/

/* Last updated: February 16,2010 */