/* CSS Document */

body
{
margin:0px;
background:#f4f4f4 url(../images/bg.gif) top center repeat-y;
align:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0;
	padding: 0;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.layout
{
width:780px;
margin:0 auto;
align:center;
/*height:600px;*/
}
.top_header
{
width:780px;
height:207px;
}
.left_top_link
{
background-image:url(../images/index_01.jpg);
width:260px;
height:67px;
float:left;
}
.right_top_link
{
background-image:url(../images/index_02.jpg);
width:520px;
height:67px;
float:right;
}
.link
{
width:780px;
height:37px;
}
.left_link
{
background-image:url(../images/index_03.jpg);
width:260px;
height:37px;
float:left;
}
.right_link
{
background: #b2b3b5;
width:758px;
height:35px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
padding-top:10px;
padding-left:20px;
}
.header
{
width:780px;
height:193px;
}
.left_header
{
background-image:url(../images/index_05.jpg);
width:260px;
height:193px;
float:left;
}
.right_header
{
background-image:url(../images/index_06.jpg);
width:520px;
height:193px;
float:right;
}
.banner
{
width:780px;
height:75px;
}
.banner_grad
{
background-image:url(../images/orang_grad.jpg);
width:21px;
height:75px;
background-repeat:repeat-y;
float:left;
border-bottom:solid  0px #B0BEC6;
}
.banner_content
{
width:759px;
height:75px;
background-color:#EEEEEE;
float:right;
border-bottom:solid  0px #B0BEC6;
}
.banner_content_text
{
padding-left:30px;
padding-top:15px;
padding-bottom:30px;
color:#0862A8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
float:left;
}
.banner_cont
{
width:410px;
height:50px;
background-color:#ffe366;
border:1px solid #ffffff;
margin-left:332px;
margin-top:12px;
}
.banner_cont_text
{
padding-top:20px;
padding-bottom:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
}
.content_layout
{
width:780px;
background-color:#FFFFFF;
/*height:400px;*/

}
.content
{
width:760px;
margin-left:20px;
height:auto;
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
}
.left_content
{
width:235px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:10px;
line-height:14px;
}
.left_content_bred
{
width:510px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:10px;
line-height:14px;
}

.left_content_hela
{
width:750px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:10px;
line-height:14px;
}

.ver_line
{
width:10px;
height:240px;
background-repeat:repeat-y;
background-image:url(../images/vertical_line.jpg);
margin-left:10px;
margin-top:40px;
margin-bottom:10px;
float:left;
}
.ver_line_long
{
width:10px;
height:500px;
background-repeat:repeat-y;
background-image:url(../images/vertical_line.jpg);
margin-left:10px;
margin-top:40px;
margin-bottom:10px;
float:left;
}
.right_content
{
width:460px;
float:left;
margin-top:10px;
margin-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;

}

.right_content_smal
{
width:160px;
float:left;
margin-top:10px;
margin-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;

}


.welcome
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0862A8; 
font-weight:bold;
}
.more_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0862A8;
text-decoration:underline;
}
.footer
{
float:left;
width:780px;
background-image:url(../images/footer.jpg);
height:46px;
background-repeat:repeat-x;
}
.copyright
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0862A8;
text-align:right;
padding-top:15px;
padding-right:20px;
}
.homelink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
font-weight:bold;
text-transform:uppercase;
width:55px;
padding-top:10px;
padding-left:18px;
float:left;
text-decoration:none;
}
.contactlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
font-weight:bold;
text-transform:uppercase;
width:55px;
padding-top:10px;
padding-left:17px;
float:left;
text-decoration:none;
}
.searchlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
font-weight:bold;
text-transform:uppercase;
width:55px;
padding-top:10px;
padding-left:30px;
float:left;
text-decoration:none;
}
.link2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}

.link_sel
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0862A8;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
.title
{
font-family:Arial,verdana, Helvetica, sans-serif;
font-size:25px;
color:#FFFFFF;
padding-left:55px;
}
.slogan
{
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0862A8;
font-weight:bold;
align:center;
padding-top:20px;
padding-right:25px;
}
.footerlinks1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#321b17;
text-decoration:none;
}
.footerlinks
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0862A8;
text-decoration:none;
}
.footerlinks_sel
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#0862A8;
text-decoration:none;
}

.link_undermeny
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#0862A8;
text-decoration:none;
}

#menu {
position: absolute; /* Menu position that can be changed at will */
top: 270;
left:30%;
z-index: 10;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: left;
border: 0px;
margin: 5px;
}
#menu dd {
display: none;
border: 0px solid gray;
}
#menu li {
text-align: left;

}
#menu li a, #menu dt a {
color: #fff;
background: #b2b3b5;
text-decoration: none;
display: block;
height: 20px;
border: 0 none;
padding-left: 5px;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #b2b3b5;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
padding: 5px;
border: 1px solid gray; 
}