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

html{
	background-color:#FFFFFF
}
body{
	background-color:#FFFFFF
	background-position:center;
	margin: 0;
	border:0;
	padding: 0;
	height:100%;
	max-height:100%;
	width:100%;
	font-family:Arial;
	font-size:12px;
	line-height: 1.8em;
	color:#333333;
	display: table;
	overflow: auto;
	
}

h1 {
font-size:11px;
font-weight:200;
margin:0px;
}

a:link, a:visited, a:active {
	color:#0099cc;
	text-decoration: none;
	}

a:hover {
	color: #04c0ff;
	text-decoration:underline;
	}

#animasitematik{
position:absolute;
z-index:3;
}

#top-wrapper{
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #000;
	background-image: url(images/bg_mNav.jpg);
}

#clientlogin{
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 20px;
	float:right;
	width:100px
}

#main-wrapper{
	width: 910px;
	margin: 0 auto;
	padding: 0px;
	z-index: 100;
	background-color: #FFF;
	height: 575px;
}

#slideshow{
	width: 910px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 200px;
	background-color: #FFF;
	border-bottom: solid 5px #f88903;
}

#slideshow #leftside{
	width: 700px;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 200px;
	background-color: #FFF;
	float: left;
}

#slideshow #rightside{
	width: 210px;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 200px;
	background-color: #FFF;
	float: left;
}

#newsfeed{
	width: 910px;
	margin: 0 0 20px 0;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 18px;
	background-color: #FFF;
	color:#666666;
	font-size:11px;
}


#leftsection{
	width: 680px;
	margin: 0 10px 0 0;
	padding: 0 0px 0 0px;
	z-index: 100;
	background-color: #FFF;
	float:left;
}

#leftsection1{
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
}

#leftsection2{
	width: 460px;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
}

#fonttitle1{
font-size:15px;
font:Arial, Helvetica, sans-serif;
line-height:5px;
font-weight:500;
}

#leftsection1title{
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0 0px 0 0px;
	height: 18px;
	background-color: #FFF;
	float:left;
	border-bottom: 2px solid #6CA3BF;
}
#leftsection1content{
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
}
#leftsection1content ul{
	margin:0px;
	padding: 0px;
	
}
#leftsection1content li{
	
	margin:0;
	
}
#leftsection1content ul li{
	list-style:none; /* removes the default bullet */
	background: url(images/comscorelist.gif) no-repeat left center;
	/*adds a background image to the li*/
	padding-left: 15px;
	padding-top: 0px;
	margin-top:0px;
	/* this would be the width of the background image, plus a little more to space things out properly */
	}
	
#contentli{
margin-left:15px;
font-size:11px;
color:#999999;
}

#leftsection2title{
	width: 460px;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0px;
	height: 18px;
	background-color: #FFF;
	float:left;
	border-bottom: 2px solid #6CA3BF;
}
#leftsection2title1{
	width: 200px;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0px;
	height: 18px;
	background-color: #FFF;
	float:left;
	border-bottom: 2px solid #6CA3BF;
}#leftsection2title2{
	width: 100px;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0px;
	height: 18px;
	background-color: #FFF;
	float:right;
	border-bottom: 2px solid #6CA3BF;
	text-align: right;
}
#leftsection2content1{
	width: 215px;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
}
#leftsection2content2{
	width: 230px;
	margin: 4px 0px 0 10px;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
}
#leftsection2content2atas{
	width: 230px;
	margin: 5px 0px 0 0;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
	height: 30px;
}

#leftsection2content2bawah{
	width: 230px;
	margin: 0px 0px 0 0;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	float:left;
	height: 150px;
	font-size:11px;
	line-height:14px;
	color:#999999;
}

#leftsection2content1 ul{
	margin:0px;
	padding: 0px;
	
}
#leftsection2content1 li{
	
	margin:0;
	
}
#leftsection2content1 ul li{
	list-style:none; /* removes the default bullet */
	background: url(images/comscorelist.gif) no-repeat left center;
	/*adds a background image to the li*/
	padding-left: 15px;
	padding-top: 0px;
	/* this would be the width of the background image, plus a little more to space things out properly */
	}


#rightsection{
	width: 210px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 200px;
	background-color: #FFF;
	float:right;
}

#rightsection_title{
	width: 212px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 18px;
	background-color: #FFF;
	float:left;
	border-bottom: 1px solid #6CA3BF;
}
#rightsection_content{
	width: 210px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	z-index: 100;
	height: 200px;
	background-color: #FFF;
	float:left;
}

#rightsection_contenteach{
	width: 200px;
	margin: 0 auto;
	padding: 3px 0px 0 10px;
	z-index: 100;
	height: 100px;
	background-color: #FFF;
	float:left;
	border-right: 1px solid #6CA3BF;
	border-left: 1px solid #6CA3BF;
	background-image: url(images/bg_contentBounds.png);
	border-bottom: 1px solid #6CA3BF;
}

#rightsection_contenteach2{
	width: 200px;
	margin: 0 auto;
	padding: 0px 5px 0px 5px;
	z-index: 100;
	background-color: #FFF;
	float:left;
	border-right: 1px solid #6CA3BF;
	border-left: 1px solid #6CA3BF;
	background-image: url(images/bg_contentBounds.png);
	border-bottom: 1px solid #6CA3BF;
}


#footer_section{
	width: 912px;
	height: 30px;
	text-align: left;
	margin: 0 auto;
	border-top: 1px solid #0b7cc2;
	margin-bottom: 10px;
	clear: both;
}

#header{
    background-image: url(images/headerdesain.jpg);
	width: 910px;
	height: 80px;
	margin: 0 auto;
	padding:0px;
	
}
#logo-title{
	width: 250px;
	height: 20px;
	float:left;
	margin-top: 10px;
}

#rightheader{
	width: 400px;
	height: 75px;
	float:right;
}

#rightheader #upheader{
	width: 390px;
	height: 25px;
	float:left;
	text-align: right;
	font-size:10px;
	text-decoration:none;
	color:#0099cc;

}

#rightheader #downheader{
	width: 390px;
	height: 40px;
	float:left;
	text-align: right;
	

}

#upheader a:link, #upheader a:visited, #upheader  a:active{
text-decoration:none;
font-size:10px;
color:#0099cc;
}

#upheader a:hover{
text-decoration:underline;
font-size:10px;
color:#0099cc;
}

#downheader1{
	width:25px;
	height: 40px;
	float:right;
	text-align: right;

}
#downheader2{
	width: 150px;
	height: 40px;
	float:right;
	text-align: right;
	font-size:10px;
	color:#999999;
}

#searchbox {
	font-size:14px;
	color:#999999;
	background-color:#f7f7f7;
}



#bannerleft{
	width: 680px;
	height: 100px;
	float:left;
	clear: both;
	background-color: #EBF2F6;
	border-top: solid 1px #6CA3BF;
	margin-top: 3px;
}
#bannerleftcontent{
	width: 200px;
	height: 80px;
	float:left;
	background-color: #EBF2F6;
	margin-top: 10px;
	margin-left: 20px;
}


#navigation-section{
	padding: 5px 0px 0px 0px;
	width: 910px;
	height: 30px;
	color: #000;
	margin: 0 auto;
}


.menu ul{
list-style-type:none;
padding:0;
z-index:100;
margin:0;


}
.menu li{
	float:left;
	position:relative;
	z-index:0;
	height:20px;

}
.menu table{
position:absolute;
border-collapse:collapse;
z-index:0;
left:-1px;
top:25px;
height:20px;

}

.menu a, .menu :visited {
	display:block;
	font-size:10px;
	width:100px;
	padding:8px 0px 0px 0px;
	color:#036;
	text-decoration:none;
	text-align:center;
	height:22px;
	font-weight: bold;
		font-family:Arial, Helvetica, sans-serif;
font-size:12px;

	
}

.menu a:hover{
color:#000000;
background-color:#ebf2f6;
text-decoration:underline;
}


/*** set the width and height to match your images **/

#slideshow2{
    position:relative;
    height:200px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

<!-- tooltips --->

         .thdrcell {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            padding:5px;
            border-bottom:1px solid #C8BA92;
         }
         
         .tdatacell {
            font-family:arial;
            font-size:12px;
            padding:5px;
            background:#FFFFFF
         }
         
         .dvhdr1 {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid #C8BA92;
            padding:5px;
            width:150px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #C8BA92;
            border-right:1px solid #C8BA92;
            border-bottom:1px solid #C8BA92;
            padding:5px;
            width:150px;
         }
         
         
         .dogvdvhdr {
            width:300;
            background:#C4D5E3;
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:10px;
         }
         
         .dogvdvbdy {
            width:300;
            background:#FFFFFF;
            border-left:1px solid #C4D5E3;
            border-right:1px solid #C4D5E3;
            border-bottom:1px solid #C4D5E3;
            padding:10px;
         }
         
         .pgdiv {
         width:320;
         height:250;
         background:#E9EFF4;
         border:1px solid #C4D5E3;
         padding:10px;
         margin-bottom:20;
         font-family:arial;
         font-size:12px;
         }