/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;


margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{

color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;

width: 90%;
height: 24px;
padding: 5px;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}


/* ######### Accordion. Remove if not using ######### */
#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
}

blockquote {
	padding:5px 20px;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetab{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 1px;
font: bold 10px "Trebuchet MS";
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetab li{
display: inline;
margin: 0;
}

.shadetab li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
margin-bottom: 1px;
border: 1px solid #b0bec7;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px "Trebuchet MS";
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #b0bec7;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}
h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	float:right;
border-top:14px solid #525252;
padding:13px 33px 0 31px;
width:191px;

}


*{
margin:0px;
padding:0px
}
img{border:0px}
html{
width:100%;
height:100%;
padding:10px 0 10px 0;
}
body{
width:766px;
margin:auto;
}
#menu{
width:193px;
height:314px;
float:left;
display:inline;
margin:0 4px 0 0 
}
.small{
background-color:#A40000;
float:left;
height:14px;
width:193px
}
.small img{
float:left;
margin:0 8px 0 31px;
}
#menu li, #menu li img{
float:left;
list-style-type:none
}
.slogan{
float:left;
border-top:14px solid #525252;
padding:4px 0 0 0
}
.prakata{
display:inline;
float:left;
border-top:14px solid #525252;

padding:9px 0px 0 22px;
color:#636363
}
#content{
float:left;
margin:4px 0 0 0;
font-family:tahoma;
font-size:11px;
width:508px;
}
#content1{
float:left;
margin:4px 0 0 0;
font-family:tahoma;
font-size:11px;
width:800px;
}
.block1{
text-align:right;
float:right;
font-family:Tahoma;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
background-repeat:inherit;
padding:9px 14px 15px 20px;

}
.block1edu{
text-align:right;
float:right;
width:450px;
font-family:Tahoma;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
background-repeat:inherit;
padding:9px 14px 15px 20px;

}
.block1member{
text-align:right;
float:right;
font-family:Tahoma;
border-top:14px solid #525252;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
background-repeat:inherit;
padding:9px 14px 15px 20px;

}
.block1ben{
text-align:left;
float:left;
width:730px;
font-family:Tahoma;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
background-repeat:inherit;
padding:9px 14px 15px 20px;

}

.block1 linkt{
text-align:right;
font-family:Tahoma;
font-size:15px;
width:372px;
float:right;
padding:15px 93px 25px 10px;
background-image:url(images/vac_komp.jpg);
background-position:left 16px;
background-repeat:no-repeat
}
.block1 p{
text-align:justify;
font-family:Tahoma;
font-size:16px;
color:#006600;
width:372px;
float:left;
padding:15px 93px 25px 10px;

}
.read1{
float:left;
width:59px;
margin:0 0 5 0px
}
.block4shout li a,.block1 a,.block1ben a, .block2 a,.block4shout a, .block3 li a{
color:#003366;
text-decoration:none;
}
.block1 a:visited, .block2 a:visited, .block3 li a:visited, .item a:hover, .item p a:visited, .item a:active,.itemlnk a:hover, .itemlnk p a:visited, .itemlnk a:active,.block4shout a:visited,.block4shout li a:visited {text-decoration:none}
.block1 a:hover, .block2 a:visited, .block3 li a:hover,.block4shout a:hover,.block4shout li a:hover,.block2 li a:hover,.block1ben a:hover,.block2vacancy li a:hover{text-decoration:underline; color:#FF0000;}
.item p   a:visited {color: #FF0000;}
.item p  a:hover {color: #FF0000;}
.item p  a:active {color: #006600;}
.item p   {color: #006600;}

.block1 a:visited {color: #FF0000;}
.block1 a:hover {color: #FF0000;}
.block1 a:active {color: #006600;}
.block1 {color: #006600;}

.block2vacancy a:visited {color: #FF0000;}
.block2vacancy a:hover {color: #FF0000;}
.block2vacancy a:active {color: #006600;}
.block2vacancy {color: #006600;}

.block2 li a:visited {color: #FF0000;}
.block2 li a:hover {color: #FF0000;}
.block2 li a:active {color: #006600;}
.block2 li {color: #006600;}

.itemlnk p   a:visited {color: #FF0000;}
.itemlnk p  a:hover {color: #FF0000;}
.itemlnk p  a:active {color: #006600;}
.itemlnk p   {color: #006600;}
.rollnk {
	color: #636363;
	text-decoration: none;
}

.block9{
width:1px;

}
.block2{
width:440px;
float:left;
display:inline;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
padding:17px 13px 21px 22px;
margin:6px 6px 0 0;
color:#636363
}
.block2 p{
width:203px;
float:left;
padding:19px 0 13px 16px;
}
.block2 p img{

float:left;
margin:0 0 0 0
}
.read{
float:left;
margin:0 0 0 15px
}
.read2{
float:left;
margin:0 0 0 2px
}
.block2 ul{
width:216px;
float:left;
display:inline;
margin:8px 50px 15px 0
}
.block2 li{
list-style-type:none;
float:left;
width:200px;
background-image:url(images/circle.gif);
background-position:1px 9px;
background-repeat:no-repeat;
padding:4px 0 0 10px
}
.block2vacancy{
width:150px;
float:left;
display:inline;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
padding:17px 13px 21px 22px;
margin:6px 6px 0 0;
color:#636363
}
.block2vacancy1{
width:245px;
float:left;
display:inline;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
padding:17px 13px 21px 22px;
margin:6px 6px 0 0;
color:#636363
}
.block2vacancy p{
width:203px;
float:left;
padding:19px 0 13px 16px;
}
.block2vacancy p img{

float:left;
margin:0 0 0 0
}
.readvacancy{
float:left;
margin:0 0 0 15px
}
.read2vacancy{
float:left;
margin:0 0 0 2px
}
.block2vacancy ul{
width:216px;
float:left;
display:inline;
margin:8px 50px 15px 0
}
.block2vacancy li{
list-style-type:none;
float:left;
width:200px;

padding:4px 0 0 10px
}
.block2tab{
width:206px;
float:left;
display:inline;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
padding:17px 13px 21px 22px;
margin:6px 6px 0px 0px;
color:#636363
}
.block2client{
width:465px;
float:left;
display:inline;
background-image:url(images/grad.gif);

 border:1px solid #b0bec7;
padding:7px 13px 21px 22px;
margin:6px 6px 0 0;
color:#636363
}
.block2tab p{
width:203px;
float:left;
padding:19px 0 13px 16px;
}
.block2tab p img{

float:left;
margin:0 0 0 0
}
.read{
float:left;
margin:0 0 0 15px
}
.read2tab{
float:left;
margin:0 0 0 2px
}
.block2tab ul{
width:216px;
float:left;
display:inline;
margin:8px 50px 15px 0
}
.block2tab li{
list-style-type:none;
float:left;
width:200px;
background-image:url(images/circle.gif);
background-position:1px 9px;
background-repeat:no-repeat;
padding:4px 0 0 10px
}
.block3{
width:221px;
float:left;
display:inline;
background-image:url(images/grad.gif);

  border:1px solid #b0bec7;
padding:17px 8px 21px 22px;
margin:6px 0 0 0;
color:#636363;
}
.block3dex{
width:208px;
float:left;
display:inline;

 background-image:url(images/grad.gif);
 
  border:1px solid #b0bec7;
padding:25px 19px 16px 22px;
margin:6px 0 0 6px;
font-family:tahoma;
font-size:11px;
color:#636363;
}
.block3contoh{
width:208px;
float:left;
display:inline;
background-color:#ECECEC;
padding:17px 27px 21px 14px;
margin:1px 0 0 6px;
font-family:tahoma;
font-size:11px;
color:#636363;
}
.block3 img{

float:left
margin:1px 0 0 6px;
}
.block3 ul{
width:216px;
float:left;
display:inline;
margin:8px 50px 15px 0
}
.block3 li{
list-style-type:none;
float:left;
width:200px;
background-image:url(images/circle.gif);
background-position:1px 9px;
background-repeat:no-repeat;
padding:4px 0 0 10px
}
#rigth{
float:right;
border-top:14px solid #525252;
padding:13px 33px 0 31px;
width:191px;
}
#rigthjob{
float:right;

padding:13px 33px 0 31px;
width:191px;
}
#rigthmember{
float:right;

padding:13px 33px 0 31px;
width:191px;
}
#left{
float:left;

padding:13px 0px 0 0px;
width:191px;
}
.item{
background-image:url(images/dots.gif);
background-position:top left;
background-repeat:repeat-x;
width:171px;
float:right;
clear:both;
padding:14px 0 10px 4px;
color:#A40000;
}
.item img{
float:right;
margin:0 0 0 20px
}
.item h3{
display:block;
float:right;
font-family:Tahoma;
font-size:10px;
color:#A40000;
font-weight:bold;
background-image:url(images/square.gif);
background-position:0 6px;
background-repeat:no-repeat;
padding:0 0 0 10px
}
.item p{
width:96px;
float:right;
text-align:right;
font-family:Tahoma;
font-size:10px;
color:#006600;

}

itemlnk{
background-image:url(images/dots.gif);
background-position:top left;
background-repeat:repeat-x;
width:500px;
float:right;
clear:both;
padding:14px 0 10px 4px;
color:#A40000;
}
.itemlnk img{
float:right;
margin:0 0 0 20px
}

.itemlnk p{
width:500px;
float:right;
text-align:right;
font-family:Tahoma;
font-size:12px;
color:#006600;

}
.read3{
float:right;
height:13px;
margin:5px -2px 8px 10px;
background-color:#E5E5E5;
padding:0 0 0 107px
}
.read3 img{
padding:0 0 0 10px;
background-color:#FFFFFF
}
.block4{
width:208px;
float:left;
display:inline;
background-image:url(images/md-brb.gif);
  border:1px solid #b0bec7;
padding:0px 27px 21px 14px;
margin:0 0 0 6px;
font-family:tahoma;
font-size:11px;
color:#636363;
}

.block4 img{
float:right;
}
.block4  p{
width:198px;
float:left;
padding:15px 0 17px 10px
}

.pic{
margin:-10px 0 5px 5px
}
.read4{
float:left;
width:59px;
margin:0 0 0 10px
}
.block4dex{
width:208px;
float:left;
display:inline;
background-image:url(images/md-brb.gif);
  border:1px solid #b0bec7;
padding:17px 27px 21px 14px;
margin:6px 0 0 6px;
font-family:tahoma;
font-size:11px;
color:#636363;
}
.block4shout{
width:208px;
float:left;
display:inline;
background-image:url(images/md-brb.gif);
  border:1px solid #b0bec7;
padding:0px 27px 0px 14px;
margin:6px 0 0 6px;
font-family:tahoma;
font-size:11px;
color:#636363;
}
.block4shout1{
width:150px;
float:left;
display:inline;
background-image:url(images/md-brb.gif);
  border:1px solid #b0bec7;
padding:0px 27px 0px 14px;
margin:6px 0 0 6px;
font-family:tahoma;
font-size:11px;
color:#636363;
}
.block4dex img{
float:right;
}
.block4dex  p{
width:198px;
float:left;
padding:15px 0 17px 10px
}

.picdex{
margin:-10px 0 5px 5px
}
.read4dex{
float:left;
width:59px;
margin:0 0 0 10px
}
#footer{
float:left;
height:39px;
width:100%;
background-color:#004E31;
margin:4px 0 0 0;
font-family:Tahoma;
font-size:9px
}
.copy{
float:right;
color:#D8DCDF;
margin:13px 27px 0 0
}
.terms{
color:#FFFFFF;
margin:13px 0 0 44px;
float:left;
font-weight:bold
}
.terms a{
color:#FFFFFF
}