@charset "utf-8";

body {
min-width : 772px;
width : 100%;
font-family : "verdana", Helvetica, Arial, sans-serif;
line-height : 1.1em;
background-color : #fff;
font-size : 70%;
}
#wrapper {
min-width : 772px;
max-width : 932px;
width : 97%;
text-align : left;
margin : 0 auto 0 auto;
clear : both;
min-height : 155px;
height : auto;
border:1px #666666 solid;
}
#content {
color : white !important ;

background:#fff;
top : 10px;
width:932px;
background-position:0 300px;
}
#head {
position : relative;
height : 300px; 
width : 932px;
background : #770000; 
}

#logo { 
position : relative;
height : 81px;
width: 10%;
float : left;
}

#features_panel {
	width : 932px;
	height : 234px;
	position : relative;
	float : left;
	overflow:hidden;
	z-index: 20;
}
.index_link {
position : absolute;
width : 100%;
height : 35px;
top : 30px;
right : 0;
padding : 10px 0 0 0;
}
.index_link a {
padding-left : 0px;
}

#flas{
position:absolute;
height:200px;
width:932px;
}
.clear
	{	clear: both;
		overflow: hidden;
		height: 0}

	
#jsddma
{	margin: 0;
	padding: 181px 0 0 0;}

	#jsddma li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial;
		z-index:400;
		}

	#jsddma li a
	{	display: block;
		background: #002147;
		/*background: #32414a3;*/
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddma li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		
		#jsddma li ul
		{	position: absolute;
			margin-left:0px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddma li ul li
			{	float: none;
				width: 932px;
				height : 190px;	
			}
			
			#jsddma li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddma li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}

#jsddms
{	margin: 0;
	padding: 0}

	#jsddms li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddms li a
	{	display: block;
		background: #002147;
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddms li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		#jsddms li ul
		{	position: absolute;
			margin-left:-133px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddms li ul li
			{	float: none;
				width: 932px;
				height : 190px;}
			
			#jsddms li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddms li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #002147;
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddm li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		#jsddm li ul
		{	position: absolute;
			margin-left:-266px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddm li ul li
			{	float: none;
				width: 932px;
				height : 190px;}
			
			#jsddm li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddm li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}

		
#jsddmq
{	margin: 0;
	padding: 0}

	#jsddmq li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddmq li a
	{	display: block;
		background: #002147;
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddmq li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		#jsddmq li ul
		{	position: absolute;
			margin-left:-399px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddmq li ul li
			{	float: none;
				width: 932px;
				height : 190px;}
			
			#jsddmq li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddmq li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}	
				
#jsddmw
{	margin: 0;
	padding: 0}

	#jsddmw li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddmw li a
	{	display: block;
		background: #002147;
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddmw li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		#jsddmw li ul
		{	position: absolute;
			margin-left:-532px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddmw li ul li
			{	float: none;
				width: 932px;
				height : 190px;}
			
			#jsddmw li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddmw li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}
#jsddmz
{	margin: 0;
	padding: 0}

	#jsddmz li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddmz li a
	{	display: block;
		background: #002147;
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddmz li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		#jsddmz li ul
		{	position: absolute;
			margin-left:-665px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddmz li ul li
			{	float: none;
				width: 932px;
				height : 190px;}
			
			#jsddmz li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddmz li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}

#jsddmp
{	margin: 0;
	padding: 0}

	#jsddmp li
	{	float : left;
		width : 14.28%;
		text-align : center;
		text-transform : uppercase;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddmp li a
	{	display: block;
		background: #002147;
		padding: 10px 0;
		text-decoration: none;
		color: #EAFFED;
		}

	#jsddmp li a:hover
	{	background : url(../images/interface/face_roll.gif) repeat-x top left;}
		
		#jsddmp li ul
		{	position: absolute;
			margin-left:-798px;
			margin-top:-224px;
			visibility: hidden;}
		
			#jsddmp li ul li
			{	float: none;
				width: 932px;
				height : 190px;}
			
			#jsddmp li ul li a
			{	position:absolute;
				font-size:20px;
				width:300px;
				height:auto;
				margin-left:10px;
				top:40px;
				text-align:left;
				color: #ffffff;
				background:none;
				text-transform:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				}
			
			#jsddmp li ul li a:hover
			{	text-decoration:underline;
				background:none;
				}

#linesa {
position:absolute;
margin-top:2px;
width:932px;
height:1px;
background-color:#FFFFFF;
}

#text {
width:932px;
height:30px;
background-color:#002147;
z-index:500;
}

.jalan {
font-size:11.5px;
width:932px;
height:25px;
position:absolute;
margin-top:10px;
z-index:600;
}

.jalan a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-decoration:underline;
}

.jalan a:hover{
font-size:11px;
text-decoration:none;
color:#fff;
}
				
body #features_submenu div.index_link a {
color:#3366CC;
font-size:12px;
font-weight : bold;
margin-left:385px;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
}

#site_menu {
position: relative;
width : 932px;
}
#site_menu ul {
clear : both;
}
#site_menu ul h2 {
text-transform : uppercase;
font-size :12px;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
}
#site_menu ul h2 a {
padding-bottom : 1px;
margin-bottom : 1px;
outline : none;
font-family : "AvantGarde Bk BT", verdana;
color:#770000;
}
#site_menu ul h2 a:hover {
margin-bottom : 0;
}
#site_menu ul li {
float : left;
left:17px;
width : 19.5%;
position : relative;
margin-bottom:10px;
}

#site_menu ul ul {
margin-top : 5px;
margin-bottom : 5px;
padding-bottom : 0px;
padding-top : 1px;
}
#site_menu ul li ul li {
float : none;
width : auto;
margin : 0 0 3px 0;
padding : 0 5px 0 0px;
font-size : 15px;
line-height : 20px;
color:#aaaaaa;
list-style:disc;
}
#site_menu ul li ul li a{
font-family:"Microsoft Sans Serif";
color:#002147;
font-size:12px;
}

#footer a, #footer a:link, #footer a:visited {
color:#fff;
}
/*#content a, #content a:link, #content a:visited, #footer a, #footer a:link, #footer a:visited {
font-family : "AvantGarde Bk BT", verdana;
color : #FFFEFE !important ;
}*/

#content a:hover, #footer a:hover {
text-decoration:underline;
}
#content ul {
margin-bottom : 0;
font-family : "AvantGarde Bk BT";
}
#footer {
background : #770000 repeat-x;
font-size : 9px;
min-height : 55px;
height:auto;
width:932px;
clear : both;
padding : 0px 0 0 0;
font-weight:normal;
}
#fot{
position:relative;
top:-3px;
font-weight:normal;
}
#footer ul {
float : left;
width : 70%;
position : relative;
line-height : 2em;
margin : 0;
font-weight:normal;
}
#footer ul li {
width:auto;
float :left;
padding : 0 5px;
margin : 0;
}
#footer dl {
float:right;
position:relative;
margin:0;
line-height:1.7em;
font-weight:normal;
}
#footer dt {
float: right;
padding : 0 5px;
margin : 0;
font-weight:normal;
}
.popup {
margin : 100px auto;
padding : 0;
list-style : none;
position : relative;
}
.popup em {
/*background:url(../images/interface/face_button_openclose.jpg) no-repeat;
*/
width : 100px;
height : 20px;
font-family : "verdana", Arial, Helvetica, sans-serif;
font-size : 10px;
position : absolute;
left : 0;
text-align : center;
z-index : 2;
display : none;
}
* {
margin : 0;
padding : 0;
}
ul {
list-style : none;
}
a, a:link, a:visited {
text-decoration:none;
}

h2 {
font-size : 1.3em;
font-weight : bold;
margin : 10px 10px;
}
h3 {
font-size : 1.15em;
font-weight : bold;
}
img, a img {
border : 0;
}