@charset "utf-8";
/* CSS Document */

body{ 
	margin: 0 auto;
	padding:0;
	font: 12px Helvetica, Arial, sans-serif;
	background-color:#FFFFFF;
}

a:link, a:visited{
color:#009900;
text-decoration: none;
}

a:hover, a:active{
color:#0000CC;
text-decoration: underline;
}


input{
margin: 0;
padding: 0;
}

#mainWrapper{
width: 1000px;
margin: 0 auto 25px;
text-align: center;
}

#header{
margin: 0 auto;
width: 100%;
}

#header td{
vertical-align: top;
}

#logoWrapper{
width: 128px;
}


#logoWrapper img{
display: block;
margin-top: 12px;
}

#loginWrapper{
display: block;
text-align: right;
float: right;
}

#loginBg{
background: url(../images/log_in_b.jpg) center repeat-x;
width: 431px;
}

#loginGroup{
float: right;
padding: 7px 0 0;
}

#loginBg p{
float: left;
font: normal 14px/20px Helvetica, Verdana, Arial, Helvetica, sans-serif;
color: #c2c2c2;
text-transform: uppercase;
margin: 0;
}

#loginBg input{
font: normal 11px Arial, Helvetica, sans-serif;
color: #666666;
border: 1px solid #d5d3d0;
float: left;
padding: 2px;
margin: 0 0 0 3px;
}

input#login{
border: 0;
padding: 0;
}

#userName{
width: 107px;
}

#passWord{
width: 107px;
}

#languageWrapper{
float: right;
display: block;
clear: both;
margin: 15px 0 0;
width: auto;
overflow: hidden;
}

#languageWrapper img{
float: left;
display: block;
}

select#language{
font: normal 11px Arial, Helvetica, sans-serif;
color: #666666;
float: left;
margin: 0 6px 0 4px;
}

#languageWrapper .go{
outline: 0;}

#navWrapper{
float: right;
display: block;
clear: both;
margin: 10px 0 0 0;
}

#navWrapper .bdr{
display: block;
float: right;
}

#contentWrapper{
width: 1000px;
/*padding-top: 22px;*/
padding-top: 10px;
}

#contentWrapper td{
vertical-align: top;
}

#contentWrapper #leftCol{
width: 246px;
vertical-align: top;
}

#contentWrapper #leftCol #leftNav{
background: url(../images/lnav_010.jpg) top left no-repeat #ffffff;
text-align: left;
height: 399px;
vertical-align: top;
}

#contentWrapper #leftCol #leftNav div{
padding: 16px 20px;
}

#contentWrapper #leftCol #leftNav h3{
/*font: normal 15px Georgia, "Times New Roman", Times, serif;*/
font: normal 15px helvetica, "Times New Roman", Times, serif;
font-weight:bold;
text-transform: uppercase;
color:#333333;
margin: 0 0 10px 0;
}

#contentWrapper #leftCol #leftNav ul{
font: normal 12px helvetica, arial, sans-serif;
color: #666666;
margin: 0;
padding: 0;
list-style: none;
}



#contentWrapper #leftCol #leftNav ul li a.iactive {
color:#de2414;
text-decoration:none;
background: none;
}




#contentWrapper #leftCol #leftNav .lnavDiv{
height: 2px;
overflow: hidden;
display: inline;
}


#contentWrapper #leftCol #leftNav a:link, #contentWrapper #leftCol #leftNav a:visited{
color: #666666;
}

#contentWrapper #leftCol #leftNav a:hover, #contentWrapper #leftCol #leftNav a:active{
color: #de2414;
}


#contentWrapper #leftCol #leftNav .lnavDiv a{
display: block;
height: 2px;
cursor: default;
margin: 10px 0;
}


#contentWrapper #leftCol #leftNav .lnavDiv img{
display: block;
height: 2px;
margin: 0;
padding: 0;
overflow: hidden;
}

#contentWrapper #leftCol #leftNav ul li ul li{
margin: 6px 0 6px 17px;
font: normal 11px helvetica, arial, sans-serif;
display: block;
}


#contentWrapper #leftCol #leftNav ul li ul li a{

padding-left: 15px;
background: url(../images/bullet_g.gif) left center no-repeat;
}


#contentWrapper #leftCol #leftNav ul li ul li a:hover{

padding-left: 15px;
background: url(../images/bullet_r.gif) left center no-repeat;
}

#contentWrapper #leftCol #leftNav ul li ul li a.iactive{

padding-left: 15px;
background: url(../images/bullet_r.gif) left center no-repeat;
}

#contentWrapper #mainCol{
width: 100%;
text-align:left;
}

#contentWrapper #mainCol #midCol{
vertical-align: top;
text-align: left;
}

#contentWrapper #mainCol #midCol table.events{
width:100%;
border-left: solid 1px #dddddd;
border-top: solid 1px #dddddd;
}
#contentWrapper #mainCol #midCol table.events td{
border-bottom: solid 1px #dddddd;
border-right: solid 1px #dddddd;
padding:5px;
text-align:left;
vertical-align:top;
}
#contentWrapper #mainCol #midCol table.events h3{
font: normal 14px helvetica, arial, sans-serif;
color: #666666;
text-transform:uppercase;
}

#contentWrapper #mainCol #midCol table.roofPP{
width:85%;
}
#contentWrapper #mainCol #midCol table.roofPP td{
padding:10px;
text-align:center;
vertical-align:middle;
border-bottom:solid 1px #dddddd;
}
#contentWrapper #mainCol #midCol table.roofPP h3{
font: normal 14px helvetica, arial, sans-serif;
color: #666666;
text-transform:uppercase;
text-decoration:underline;
padding:0;
margin:0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#205BE6;
}


#contentWrapper #mainCol #midCol h3{
font: normal 24px Helvetica, sans-serif;
color: #666666;
margin: 0 0 20px;
}

#contentWrapper #mainCol #midCol h4{
font: normal 18px Helvetica, sans-serif;
text-transform:uppercase;
color: #648ed6;
margin: 0 0 20px;
}

#contentWrapper #mainCol #midCol h5{
font: normal 14px Helvetica, sans-serif;
text-transform:uppercase;
color: #648ed6;
margin: 25px 0 0 0;
}

#contentWrapper #mainCol #midCol .callOut1{
width: 474px;
margin: 0 0 35px;
}

#contentWrapper #mainCol #midCol .callOut1 .content{
background: url(../images/callout_.jpg) top center no-repeat #ffbe00;
height: 154px;
padding: 13px;
vertical-align: top;
}

#contentWrapper #mainCol #midCol .callOut1 .content h3{
font-weight: bold;
font-size: 16px;
color: #3e3e3e;
text-transform: uppercase;
margin: 0 0 10px;
}


#contentWrapper #mainCol #midCol .callOut1 .content p{
color: #3e3e3e;
font-size: 14px;
margin: 10px 0 10px;

}


#contentWrapper #mainCol #midCol .callOut1 .content ul li{
color: #3e3e3e;
font-size: 14px;


}


#contentWrapper #mainCol #midCol .callOut1 .content a{
color: #ffffff;

}

#contentWrapper #mainCol #midCol .callOut2{
width: 474px;
margin: 0 0 35px;
}

#contentWrapper #mainCol #midCol .callOut2 .content2{
background: url(../images/callout_.jpg) top center no-repeat #588deb;
height: 154px;
padding: 13px;
vertical-align: top;
}

#contentWrapper #mainCol #midCol .callOut2 .content2 h3{
font-weight: bold;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
margin: 0 0 10px;
}


#contentWrapper #mainCol #midCol .callOut2 .content2 p{
color: #ffffff;
font-size: 14px;
margin: 10px 0 10px;

}

#contentWrapper #mainCol #midCol .callOut2 .content2 ul li{
color: #ffffff;
font-size: 14px;
margin: 15px;

}


#contentWrapper #mainCol #midCol .callOut5{
width: 474px;
margin: 0 0 35px;
}

#contentWrapper #mainCol #midCol .callOut5 .content5{
background: url(../images/callout_.jpg) top center no-repeat #FFF;
padding: 13px;
vertical-align: top;
}

#contentWrapper #mainCol #midCol .callOut5 .content5 h3{
font-weight: bold;
font-size: 16px;
color: #3e3e3e;
text-transform: uppercase;
margin: 0 0 10px;
}


#contentWrapper #mainCol #midCol .callOut5 .content5 p{
color: #3e3e3e;
font-size: 14px;
margin: 10px 0 10px;

}

#contentWrapper #mainCol #midCol ul{
margin: 0;
padding: 0;
}


#contentWrapper #mainCol #midCol ul li{
margin: 0 0 15px 15px;
}

#contentWrapper #mainCol #midCol ul li ul{
margin: 15px 0 15px 15px;

}

#contentWrapper #mainCol #rightCol{
vertical-align: top;
width: 187px;
}

#contentWrapper #mainCol #rightCol table{
margin-bottom: 25px;
}

#contentWrapper #mainCol #rightCol p{
margin: 5px 0 25px 5px;
text-align: left;
color: #a4a4a4;
}


#contentWrapper #mainCol #rightCol .quote{
margin: 25px 0 25px;
}



/*blue box for right column*/


#contentWrapper #mainCol #rightCol #callOutWrapper{
background: url(../images/rcol_blu.gif) top left #fff;
color: #fff;
padding: 15px;
vertical-align: top;
}


#contentWrapper #mainCol #rightCol #callOutWrapper h3{
font-size: 16px;
text-transform: uppercase;
margin: 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper p{
font: normal 11px  Helvetica, Arial, sans-serif;
color: #fff;
margin: 10px 0 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper ul{
font: normal 11px  Helvetica, Arial, sans-serif;
color: #fff;
margin: 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper ul li{
font: normal 11px  Helvetica, Arial, sans-serif;
color: #fff;
margin:15px 0;
}


#contentWrapper #mainCol #rightCol #callOutWrapper a{
font: normal 11px Helvetica, Arial, sans-serif;
color: #b6cbf0;
text-decoration:underline
}

#contentWrapper #mainCol #rightCol #callOutWrapper a:hover{
text-decoration: none;
color:#fff;
}

/*white box for right column*/


#contentWrapper #mainCol #rightCol #callOutWrapper2{
background: url(../images/rcol_whi.gif) top center #fff;
color: #a4a4a4;
padding: 15px;
vertical-align: top;
}


#contentWrapper #mainCol #rightCol #callOutWrapper2 h3{
font-size: 16px;
text-transform: uppercase;
margin: 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper2 p{
font: normal 11px Helvetica, Arial, sans-serif;
color: #a4a4a4;
margin: 10px 0 0;
}


#contentWrapper #mainCol #rightCol #callOutWrapper2 a{
font: normal 11px Helvetica, Arial, sans-serif;
color: #a4a4a4;
}

#contentWrapper #mainCol #rightCol #callOutWrapper2 a:hover{
text-decoration: underline;
}


#contentWrapper #mainCol #rightCol #callOutWrapper2 ul{
font: normal 11px Helvetica, Arial, sans-serif;
padding: 10px 0 0 15px;
margin: 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper2 ul li{
margin: 0 0 5px;
}





#contentWrapper #mainCol #rightCol #callOutWrapper3{
background: url(../images/rcol_ora.jpg) top center #ffbe01 no-repeat;
color: #3e3e3e;
padding: 15px;
vertical-align: top;
}


#contentWrapper #mainCol #rightCol #callOutWrapper3 h3{
text-align: left;
font-size: 16px;
text-transform: uppercase;
margin: 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper3 p{
font: normal 11px Helvetica, Arial, sans-serif;
color: #3e3e3e;
margin: 10px 0 0;
}


#contentWrapper #mainCol #rightCol #callOutWrapper3 a{
font: normal 11px Helvetica, Arial, sans-serif;
color: #fff;
}

#contentWrapper #mainCol #rightCol #callOutWrapper3 a:hover{
text-decoration: underline;
}


#contentWrapper #mainCol #rightCol #callOutWrapper3 ul{
font: normal 11px Helvetica, Arial, sans-serif;
padding: 10px 0 0 15px;
margin: 0;
}

#contentWrapper #mainCol #rightCol #callOutWrapper3 ul li{
text-align: left;
margin: 0 0 5px;
}






/*stockticker*/





#contentWrapper #mainCol #rightCol #stockWrapper{
background: url(../images/stock_ti.jpg) top center #83acf2;

width: 192px;
color: #fff;
}


#contentWrapper #mainCol #rightCol #stockWrapper h3{
font-size: 16px;
text-transform: uppercase;
margin: 10px 0 0;
}

#contentWrapper #mainCol #rightCol #stockWrapper h3 span{
color: #97bdff;
}

#contentWrapper #mainCol #rightCol #stockWrapper p.time{
font-size: 10px;
margin: 0;
}


#contentWrapper #mainCol #rightCol #stockWrapper td.list{
/*font: normal 14px Georgia, "Times New Roman", Times, serif;*/
font: normal 14px helvetica, "Times New Roman", Times, serif;
line-height: 18px;
margin: 10px 5px;
background: #90b8ed;
text-align: left;
}

#contentWrapper #mainCol #rightCol #stockWrapper td.list span.left{
float: left;
width: 46%;
text-align: left;
padding: 2px;
}

#contentWrapper #mainCol #rightCol #stockWrapper td.list span.right{
float: right;
width: 46%;
text-align: right;
padding: 2px;
}

#contentWrapper #mainCol #rightCol #stockWrapper p.delay{
margin: 0;
}

#contentWrapper .colDiv1{
width: 4%;
}

#contentWrapper #mainCol .colDiv2{
width: 6%;
}

#homePanels h1{
font: normal 22px Helvetica, Arial sans-serif;
margin: 10px;
padding: 0;
}

#homePanels p{
/*
margin: 10px;
font: normal 15px/22px Helvetica, Arial sans-serif;
*/
margin: 10px;
font: normal 15px/20px Helvetica, Arial sans-serif;

}

#homePanels #pnHdTopLeft{ /*green*/
background: url(../images/home_pan.jpg) top center no-repeat #4c9100; /*#335da5;*/
width: 303px;
height: 48px;
color: #fff;
}

#homePanels #pnHdTopMid{ /*orange*/
background: url(../images/home_pan.jpg) top center no-repeat #ffaa00;
width: 303px;
height: 48px;
color: #464646;
}

#homePanels #pnHdTopRight{ /*blue*/
background: url(../images/home_pan.jpg) top center no-repeat #7aa4ec; /*#ff6700;*/
width: 303px;
height: 48px;
color: #fff;
}

#homePanels #pnMidLeft{
background: url(../images/home_pan.jpg) top center no-repeat; /*#7aa4ec;*/
width: 303px;

height: 171px;
min-height: 171px;


text-align: left;
vertical-align: top;
color: #fff;
position: relative;
overflow:hidden;
}

#homePanels #pnMidMid{
background: url(../images/home_pan.jpg) top center no-repeat #ffc902;
width: 303px;
height: 171px;
min-height: 171px;

text-align: left;
vertical-align: top;
color: #464646;
position: relative;
overflow: hidden;
}

#homePanels #pnMidRight{
background: url(../images/home_pan.jpg) top center no-repeat #7aa4ec; /* #ff8800; */
width: 303px;

height: 171px;
min-height: 171px;

text-align: left;
vertical-align: top;
color: #fff;
position: relative;
overflow:hidden;
}

#homePanels #pnMidLeft .moreInfo1{
text-align: right;
width: 290px;
height: 38px;
position: absolute;
bottom: 0;
left: 0;
}

#homePanels #pnMidMid .moreInfo2{
text-align: right;
width: 290px;
height: 38px;
position: absolute;
bottom: 0;
left: 0;
}

#homePanels #pnMidRight .moreInfo3{
text-align: right;
width: 290px;
height: 38px;
position: absolute;
bottom: 0;
left: 0;
}

#homePanels .moreInfo img{
margin: 0 auto;
overflow: auto;
}

#homeMidRow{
width: 100%;
margin-top:10px;
/*margin: 27px 0 0 0;*/
}

#homeMidRow #leftCol{
background: url(../images/bg_news0.jpg) top left repeat-y;
text-align: left;
padding: 10px;
vertical-align: top;
}


#homeMidRow #leftCol #newsHdWrap{
margin: 0;
padding: 0;
}

#homeMidRow #leftCol #newsHead{
text-transform: uppercase;
font-size: 16px;
margin: 0 0 0 5px;
padding: 0;
float: left;
width: 320px;
}

#homeMidRow #leftCol #archiveLink{
margin: 0;
padding: 0;
float: right;
width: 140px;
text-align: right;

}

#homeMidRow #leftCol #archiveLink a{
/*color: #ffbc00;*/
color:blue;
font-weight: bold;
text-decoration: underline;
cursor: hand;
}


#homeMidRow #leftCol div{
width: 490px;
margin: 4px 7px;
overflow: auto;
}

#homeMidRow #leftCol div a{
float: left;
display: block;
}

#homeMidRow #leftCol .ico_news{
float: left;
display: block;
margin-left: 4px;
}

#homeMidRow #leftCol .newsDiv{
display: block;
margin: 0 0 0 7px;
}

#homeMidRow #rightCol{
text-align: left;
width:443px;
vertical-align: top;
}

#homeMidRow #rightCol td{
vertical-align: top;
line-height: 18px;
}

#homeMidRow #rightCol h3{
color: #648ed6;
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
margin: 0;
}

#homeMidRow #rightCol p{
margin: 0;
}

#homeMidRow #rightCol p a.moreInfo{
/*color: #ffbc00;*/
color:blue;
text-decoration: underline;
font-weight: bold;
}

#footerWrapper{
background: url(../images/bg_foote.jpg) repeat-x;
height: 115px;
width: 1000px;
text-align: center;
margin: 0 auto;
margin-bottom:1em;
}

#footerWrapper td{
vertical-align: top;
color:#000000;
}

#footer{
width: 1000px;
text-align: right;
margin: 0 auto;
margin-top: 40px;
color: #000;
}

#footer div{
margin: 8px 20px 0 0;
}

#footer td{
vertical-align: top;

}

#footer a{
color: #000;
}

img{
border: 0;
}


.imgLeft{
float: left;
display: block;
margin: 6px;
}

.imgRight{
float: right;
display: block;
margin: 6px;
}

.disclaimer{
size:10px;
font-style:italic;
}


.required{
color:#CC0000;
}

/*** side photos and credits **/
#sidePhoto {
 position:relative;
 width:187px;
 height:588px;
}
#sidePhoto #credit {
 position:absolute;
 bottom:0px;
 /*color:#fff;*/
 font-size:10px;
 font-family:verdana;
 padding:10px;
}
#sidePhoto .dark {
 color:#000;
}
#sidePhoto .light {
 color:#fff;
}

/*** random homepage photos and credits **/
#homePhoto {
 position:relative;
 width:1000px;
 height:174px;
}
#homePhoto #credit {
 position:absolute;
 bottom:0px;
 color:#fff;
 font-size:10px;
 font-family:verdana;
 padding:5px;
}




bodyisi{
display: block;
text-align: left;
float: left;
background:#006699;
}

.navigasi {
	FONT-SIZE: 22px; 
	COLOR:#000000; 
	TEXT-INDENT: 0pt; 
	FONT-FAMILY:"Times New Roman", Times, serif; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM:#CCCCCC 1px double;
	border-bottom-width:10;
}

.judul_portfolio {
	FONT-SIZE: 20px; 
	COLOR:#0066FF; 
	TEXT-INDENT: 0pt; 
	FONT-FAMILY:"Times New Roman", Times, serif; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM:#CCCCCC 1px double;
	border-bottom-width:10;
}

.teks {
	FONT-SIZE: 11px; 
	COLOR:#2D2D2D; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}

.designby {FONT-SIZE: 9px; COLOR:#999999; TEXT-INDENT: 0pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
A.designby:link{color:#999999;text-decoration:none;}
A.designby:visited{color:#999999;text-decoration:none;}
A.designby:hover{color:#333333;text-decoration:none;}


.topnavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display:block;
	height: 30px;
	width: 100px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
A.topnavigation:link{
	color: #000000;
}
A.topnavigation:active{
	color: #000000;
}
A.topnavigation:visited{
	color: #000000;
}
A.topnavigation:hover{
	background-image:url(../images/bt_back0.gif);
	color: #000000;
}

.photos {
	padding: 3px;
	border: 1px solid #fff;
}

a:hover .photos {
	border: 1px solid #999;
}