/* CSS Document */


div#container_pane { width:865px; height:870px; }

div#sub_nav_pane { margin-left:70px;}

div#sub_nav_bot_pane { margin-left:60px; margin-top:30px;}

#verse {margin-left:175px; width:518px; text-align:center;}

		div#bird_pane {margin-left:65px;}



		#next_prev
		{
			position: absolute;
			margin:0;
			padding:4px;
			left: 622px;
			top: 50px;
			height: 20px;
			font-size: 85%;
			font-weight: none;
			color: #000;

		}

		/* IE MAC 5 */
		/*\*//*/
		#next_prev { left: 613px; }
		/**/
		
		#next_prev ul
		{
			list-style: none;
			padding: 0px;
			margin: 0;
			font-weight: none;
			color: #006600;
		}
		
		#next_prev ul li {
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		#next_prev ul li a {
			padding: .1em .2em;
			text-decoration: none;
			color: #000;
		}
		
		
		#next_prev ul li a:hover {
			color: #003300;
			text-decoration: underline;
		}


		#thumbs
		{
			float:left;
			margin:0;
			padding:0;
			width:520px;
			margin-left:175px;
			margin-top:50px;
			padding-bottom:20px;
			border:1px solid #a49188;
			background-color:#FFFFFF;
			/*background: url(graphics/02.gif) repeat top left;*/
			
			
						
		}



		
		#thumbs ul
		{

			list-style: none;
			padding: 0;
			margin: 0;

			
		}
		
		
		#thumbs ul li
		{	float:left;
			margin: 0;
			padding: 0;

		}
	
		/*#thumbs ul li a:hover, #thumbs ul li a:active {display:block; display:inline-block; color:#336600; text-decoration:none; border:0px solid #000; width:100px; height:100px; float:left; margin:4px;  z-index:50;}*/
		
		#thumbs ul li a {
			color: #336600;
			display: block;
			padding: 105px 10px 5px;
			text-align: center;
			text-decoration: none;
			font-size:80%;
			border:0px solid #a49188;
			margin:0px;
			width: 108px;
			height:25px;

		}

		/* hack for the box problem is IE set new width */


		/* IE MAC 5 */
		/*\*//*/
		#thumbs ul li a { width:108px; }
		/**/
	


		#page_no_pane
		{
			position: absolute;
			margin:0;
			padding:4px;
			left: 170px;
			top: 50px;
			font-weight: none;
			color: #000;
		}
		
		#page_no_pane ul
		{
			list-style: none;
			padding: 0px;
			margin: 0;
			font-size:85%;
			font-weight: none;

		}
		
		#page_no_pane ul li {
			float: left;
			margin: 0px;
			padding: 0px;
		}

		#page_no_pane ul span {

			text-decoration: none;
			font-size: 105%;
			font-weight: bolder;
			color: red;
		}
		
		#page_no_pane ul li a {
			padding: .1em .3em;
			text-decoration: none;
			color: #000000;
		}

		
		
		#page_no_pane ul li a:hover {
			color: #003300;
			text-decoration: underline;
		}

		#page_no_pane ul li a:active {
			color: red;
			text-decoration: none;
		}


	

		#opaque_pane {
			position: absolute;
			left: 170px;
			top: 65px;
			height: 515px;
			width: 520px;
			border:1px solid #a49188;
			background: url(graphics/02.gif) repeat top left;

		}


		/* IE for WINDOWS */

		* html #opaque_pane {
		height: 560px;
		}

		/* IE for MAC 5 */

		*>html #opaque_pane {he\ight: 515px;}