HTML { background-color: #CCCCCC  }
.clearer { clear: both; }
.clearer2 { clear: both; padding-top: 0px; border-bottom: groove #888888 3px; }
.clearer3 { clear: both; padding-top: 2px; padding-bottom: 2px; 
            border-bottom: groove #888888 2px; } 
			
.logo { padding-top: 5px; padding-left: 15px; margin-right:inherit;}
.organization_name { display: block; float: right; margin-top: 20px; 
                  font-family: Optima, Garamond, Arial, Helvetica, sans-serif; 
                  margin-left: auto; margin-right: inherit;
				  font-size: 50px; text-align: right; font-weight: bold; color: #993300; 
				  padding-right: 30px; } 
			 
.navigation { background-color: #B2DCDC; display: block; vertical-align: top;  padding-top: 2px; 
              font-weight: bolder; font-style: italic; font-size: 10pt; }
.nav_left  {  text-align: left; float: left; padding-left: 30px; width: 10%; } 
.nav_mid   {  text-align: left; float: left; padding-left: 12%; } 
.nav_right {  text-align: right; padding-right: 30px; margin-right:auto;  float: right;    }


.all 	{ width: 95%; border: groove #888888 3px; margin-left: auto; margin-right: auto;
		  text-align: left; background-color: #EDEDED; padding: 0; 
		  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal;
		  font-weight: normal; color: #000000;   
		}

a:link { color: #003366; text-decoration: none; }
a:hover {  color: #003366; text-decoration: underline; }
a:visited { color: #810081; text-decoration: none; }
a:visited:hover { color: #810081; text-decoration: underline; }


H1,H2,H3 {font-family: Palatino, Goudy, Optimum, Garamond, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000;
margin: 0; padding: 0; }

H1 	{font-size: 28px;  
	 text-align: center;
	 padding-left: 15px; }
H2 	{ font-size: 22px; font-style: normal;  
	  padding-top: 10px; padding-bottom: 10px;}
H3 	{ font-size: 16px; font-style: normal; padding-bottom: 5px; }


em.smallcaps {font-size:0.9em; font-style:normal;}
	
DIV.deskcontent { padding-left: 20px; padding-top: 15px; text-align: justify; }
DIV.content { padding-left: 30px; padding-top: 15px; width: 97%; }
DIV.tcontent { padding-left: 30px; padding-top: 0px; }

DIV.mapping { padding-left: 30px; padding-top: 0px; font-family: Goudy, Optimum, Garamond, Arial, Helvetica, sans-serif;
			  font-weight: bold; color: #993300; font-size:24px; text-align:center; font-style:italic;}
DIV.mappingbody { padding-left: 10px; padding-top: 0px; padding-bottom:3px; 
				  font-family: Palatino, Georgia, Garamond, Arial, Helvetica, sans-serif; font-weight: bolder; font-size:16px; }
DIV.mappingleft {float:left; width:37%;}
DIV.mappingcenter {float:left; text-align:right; width:27%; }
DIV.mappingright {width:100%; text-align:right;}
DIV.maprightpadding {padding-right:10px; }

DIV.paddingtop {padding-top:8px;}				  
DIV.tcontentcenter { padding-left: 30px; padding-top: 0px; text-align:center;}
DIV.dokumen { padding-left: 30px; padding-top: 10px; text-align:center;}
DIV.tcontent2 { padding-left: 107px; padding-top: 0px; }
DIV.tindent {padding-left:10px; padding-top: 0px;}
DIV.softspacing {padding-top: 0px;}

DIV.cellcontent {padding-left: 10px;}
DIV.cellcontent1 {padding-left: 20px;}
DIV.cellcontentcenter {padding-top:15px; line-height:1.65em;}
DIV.cellcontent2 {padding-left: 30px; }
DIV.cellcontent3 {padding-left: 25px; padding-top:5px;  }
DIV.cellcontent4 {padding-left: 25px; padding-bottom:3px; }
DIV.cellcontent5 {padding-left: 25px; padding-bottom:3px; }
DIV.cellright {width: 100px; }

DIV.vitem {float: left; width: 250px; clear: both; padding-left: 15px; font-weight: bold; }

.indent {padding-left:15px; }

a.litem { float: left; width: 200px; clear: both; padding-left: 25px; padding-top: 4px; }


DIV.IMG 
  {	border-right: silver outset; border-left: silver outset; border-top: silver outset;
  	border-bottom: silver outset; border-width:5px; }
  
SPAN.IMG 
  {	border-right: silver outset; border-left: silver outset; border-top: silver outset;
  	border-bottom: silver outset; border-width: 5px; }


DIV.footer { font-size: 10pt; text-align: right; height: 28px; padding-right: 5px; 
			 vertical-align: top; 
		   }

A.ditem { display: block; float: left; width: 500px; clear: both; }
A.dright { float: left; padding-left: 50px; font-style: italic; width: 50%; }
IMG { border: 0px; }

.style1 {font-size: 10}
.style2 {
	font-size: 12px;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
.contentslide .contentdiv {
	DISPLAY: none }


.pagination {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 10px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 395px; PADDING-TOP: 0px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 10px;
} 

.pagination A:hover { COLOR: #ffcc00 }
.pagination A.selected { COLOR: #ffcc00; }
.pagination A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(gallery/abt_tile2.gif); PADDING-BOTTOM: 0px; COLOR: #bbbbbb; PADDING-TOP: 0px; TEXT-DECORATION: none
}

DIV.left {float:left; text-align:left; width:300; color:#663399; padding-left: 20px; }
DIV.right {float:right; text-align:right; width:100; color:#663399;}
DIV.leftstr { padding-left: 20px; } 
DIV.left2 {float:left; text-align:left; width:auto; padding-left: 20px; }
DIV.right2 {float:left; text-align:right; width:auto; }