/* 	Michelle Rajunov
	frog_style.css
	Nov 2008
*/

body{	
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
}
#yiu-main, .yui-b{	margin: 0;}
a{ color: #629600; text-decoration: none; border-bottom: 0px dotted #999;}
a:hover{	color: #CC0000;}
#hd{ }
#hd img{ }
#hd h1{	}
#ft{ }

#preload{ display: none;}
#box{  width: 100%; height: 600px; }

#box img{ position: relative; top: 0; left: 0; z-index: -100;  }
#box a.thickbox{	 background: url(link_circle.png) no-repeat;  position: absolute;  padding: 25px; border: 0;  height: 25px; width: 25px;}
#big{ }
#img1{	top: 170px; left: 444px;}
#img2{	top: 140px; left: 543px;}
#img3{	top: 135px;	left: 675px;}
#img4{	top: 215px;	left: 810px;}
#img5{	top: 388px; left: 2300px;}
#img6{	top: 395px; left: 2388px;}
#img7{	top: 185px; left: 2388px;}
#img8{	top: 450px; left: 2665px;}
#img9{	top: 18px;  left: 4054px;}
#img10{	top: 294px;  left: 5120px;}
#img11{	top: 294px;  left: 5087px;}
#img12{	top: 303px;  left: 5035px;}
#img13{	top: 110px;  left: 5500px;}
#img14{	top: 582px;  left: 5890px;}
#img15{	top: 410px;  left: 4910px;}
#img16{	top: 100px;  left: 5135px;}
#img17{ top: 300px;	 left: 4125px;}
#img18{ top: 400px;  left: 4100px;}
#img19{	top: 450px;  left: 2030px;}
#img20{	top: 170px;  left: 4750px;}
#img21{	top: 535px;  left: 6095px;}
#img22{ top: 575px;  left: 3060px;}
#img23{ top: 435px;  left: 1760px;}
#img24{ top: 403px;  left: 1320px;}
#img25{ top: 660px;	 left: 1188px;}
#img26{ top: 650px;  left: 4510px;}
#img27{ top: 575px;  left: 5095px;}


/* last image not showing in Safari, repeated img17 */
#img180{top: -20px;  left: 0;}

#scroll_left{ position: fixed; top: 0; left: 0; 	border: 0; background: transparent url('../img/bar_left.png') no-repeat; 
	padding: 400px 15px; z-index: 500;}
#scroll_right{position: fixed; top: 0; left: 97%;   border: 0; background: transparent url('../img/bar_right.png') no-repeat;  
	margin-left: 7px; padding: 400px 15px; z-index: 500;}
#scroll_right:hover{	background: transparent url('../img/bar_right_hover.png') no-repeat; }
#scroll_left:hover{		background: transparent url('../img/bar_left_hover.png') no-repeat; }
#scroll_left:active {	background: transparent url('../img/bar_left_active.png') no-repeat;}
#scroll_right:active{	background: transparent url('../img/bar_right_active.png') no-repeat;}

/* Menu */
#nav{ width: 100%;	position: fixed; top: 0; left: 25px;	z-index: 100;}

ul.menu { 
	list-style-type:none;	
	display:block;
	width:auto;	height:33px;	
	position:relative;	
	font-size: .8em;
	background:url(../images/menu_bg.png) repeat-x top left;
	border: 1px solid #000; 		
	margin:0; 	padding:0;
}

ul.menu li { 	display:block; 	float:left;  margin:0; padding:0; }
ul.menu li a { 	float:left; 	color:#A79787; 	height:24px; 	padding:9px 15px 0; 	font-weight:normal; 
	text-decoration:none;	border: 0; }
ul.menu li a:hover,.current { 	color:#fff; 	background:url(../images/menu_bg.png) repeat-x top left; 		
	text-decoration:none;	border: 0; }
ul.menu .current a { 			color:#fff; 	font-weight:700; border: 0;}


/*ORANGE*/
ul.menu.orange{ background-color:#DC4900; }
ul.menu.orange li a:hover, .menu.orange li.current { background-color:#F46D00;}
/*GREEN*/
ul.menu.green{ background-color:#629600; }
ul.menu.green li a:hover, .menu.green li.current { background-color:#7AB900;}