body
		{
			height:100%;
			max-height:100%;
			margin: 0;
			padding: 0;
			font-size: 90%;
			font-family: arial, helvetica, sans-serif;
		}
		
		#container
            {
                  height:100%;
                  width: 100%;


            }

		#header
		{
                  position:absolute;
                  top:1%;
                  left:1%;
                  width:98%;
			height: 15%;
			background-color: #ff7a3c; 
                  overflow:hidden;
		}
		
		#hd_left
		{
			position:absolute;
                  width:25%;  
                  height:100%;

            }

	      #logo
		{
			position:absolute;
			top: 10%;
                  left: 2%;
                  width:90%;  /* 90 */
                  height:80%; /* 80 */
			background: url(logo2.jpg) center center no-repeat;
			overflow: hidden;

            }

		#hd_middle
		{
			position:absolute;
                  left:26%;  
                  width:48%;
                  height:100%;
			background-color: #ff7a3c; 

            }

            #hd_md_top
		{
			position:absolute;
                  top:5%;
                  left:5%;  
                  width:90%;
                  height:60%;
		}

		#bbtd
		{
			position:absolute;
                  width:100%;
                  height:100%;
			background: url(bbtd2.jpg) center center no-repeat;
			overflow: hidden;
            }

		#hd_md_bottom		
		{
			position:absolute;
                  top:70%;
                  left:5%;  
                  width:90%;
                  height:25%; 
		}


		#home		{
			position:absolute;
                  left:4%;
                  width:20%;  
                  height:90%;  
             }

		#news
		{
			position:absolute;
                  left:28%;  
                  width:20%;  
                  height:90%;   
            }


		#info
		{
			position:absolute;
                  left:52%;  
                  width:20%;  
                  height:90%;   
            }

		#contact		{
			position:absolute;
                  left:76%;  
			width:20%;  
                  height:90%;  
            }

		#hd_right
		{
			position:absolute;
                  left:75%;
                  width:25%;
                  height:100%;
            }


		#sidebar_left		{
                  position:absolute;
                  left:1%;
                  top:17%;
			width: 15%;
                  height:69%;
			background-color: #ff7a3c;
			overflow:hidden;
		}
		

		#menu_left		{
                  position:absolute;
                  left:5%; 
                  top:2%;  
			width: 90%;
                  height:100%;
                  overflow:hidden; 
		}

		#menu_right		{
                  position:absolute;
                  left:5%; 
                  top:2%;  
			width: 90%;
                  height:100%;
                  overflow:hidden;
		}

		#viewport
		{
                  position:absolute;
                  left:17%;
                  top:17%;
                  height:69%;
                  width:66%;  
			background-color: #fff;
			overflow:auto;
		}

		#vp_cont
		{
                  position:absolute;
                  height:98%;
                  width:96%;  
                  bottom:0;
border: 1px solid gray;
			background-color: #fff;
			overflow:hidden;
		}

		#sidebar_right
		{
                  position:absolute;
                  left:84%; 
                  top:17%;
                	width: 15%; 
                  height:69%;
			background-color: #ff7a3c;
			overflow:hidden;
			background: url(rounded.gif) right center no-repeat;
		}
		
    	
		#footer
		{
                  position:absolute;
                  left:1%;
                  top: 87%;
			height: 10%;
                  width:98%;  			/* background-color: #ff7a3c; */
                  overflow:hidden;
		}
		
		#ft_left
		{
			position:absolute;                    /* top:5%; left:1%; */
                  width:16%;  
                  height:100%; /* 90 */
            }


		#ft_middle
		{
			position:absolute;                  /* top:5%; left:17%; */
			left: 17%;
                  width:66%; /* 66 */ 
                  height:100%;  /* 90 */
            }


	      #first
		{
			position:absolute;
                  top:10%;  
			left:25%;   
                  width:10%;  
                  height:100%;
            }

	      #prev
		{
			position:absolute;
                  top:10%;  
			left:37%;   
                  width:10%; 
                  height:100%;
            }

            #next
		{
			position:absolute;
                  top:10%;  
			left:49%;   
                  width:10%;  
                  height:100%;
            }

		#last
		{
			position:absolute;
                  top:10%;  
			left:61%;   
                  width:10%;  
                  height:100%;
            }

		#ft_right
		{
			position:absolute;                    /* top:5%; */
                  left:84%;  /* 84 */
                  width:16%;  
                  height:100%;  /* 90 */
            }

		#dl_pdf {
			position:absolute;
                  left: 5%;
			top: 10%;
                  width:95%;
                  height:90%;

		}
		.autowidth {
 			width:auto;
                  height:100%; 
            }

	
	      .autoheight {
			width:100%;
                  height:auto;
            }



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#home dl, #info dl, #contact dl {
float:left;  
width:100%;
font-size:100%;
}

#first dl, #prev dl, #next dl, #last dl {
float:left;  
width:100%;
font-size:75%;
}

#menu_left dl {
padding:2px;
font-size: 75%;
width: 90%;  
}

#menu_right dl {
padding:2px; 
font-size: 75%;
width: 90%;  
}

#ft_right dl {
font-size:75%;
width:80%;
}

dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin-right: 2px;
margin-bottom: 2px;
}

dd {
height:50%;
display: none; 
border: 1px solid gray;
overflow-y: auto; 
}

li {
text-align: center;
background: #fff; 
}

dt a {
color: #000;
text-decoration: none;
display: block; 
border: 0 none;
}

li a {

color: #000;
text-decoration: none;
border: 0 none;
}

li a:hover, dt a:hover {
background: #eee;
}


table { 
width: 96%;
}


caption { 
background: #f0f0f0; 
padding:5px 5px 5px 5px; 
border: 1px solid black; 
font-size: 75%;
}


td { 
border: 1px solid black; 
padding:5px; 
}

td#pic { 
background:#ffca95; 
width:100px;   
padding:5px 5px 5px 5px; 
}

td#txt {
padding:10px;
}

tr#row1 { 
padding:10px 10px 10px 10px; 
font-weight:bold; 
background: #ffca95; 
}

tr#row2 { 
padding:10px 10px 10px 10px; 
background: #f0f0f0; 
}

#pic img { 
border: 1px solid black; 
}

#thumbnail {
position: relative;
z-index: 0;
}

#thumbnail:hover {
background-color: transparent;
z-index: 50;
}

#thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #ffca95;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
text-decoration: none;
}

#thumbnail span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
display: inline;
}


#header #hd_left   { background: url(rounded.gif) left top no-repeat; }
#header #hd_right   { background: url(rounded.gif) right top no-repeat; }

#footer #ft_left   { background: url(rounded.gif) left bottom no-repeat; }
#footer #ft_right   { background: url(rounded.gif) right bottom no-repeat; }
#footer #ft_middle   { background: url(rounded.gif) center bottom no-repeat; }