/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 9, 2016, 12:14:10 PM
    Author     : Ruslan
*/
body	{
	background-color	: #333333;
        background-image 	: url(images/one.JPG);
	font-family		: Tahoma;
	font-size		: 11px;
}

h1      {
        font-family             : Times New Roman;
}

#main	{
	background-image 	: url(images/main3.JPG);
	width			: 976px;
	margin			: 0 auto;
	border                  : 1px solid #000000;
}

.clear	{
	clear                   : both ;
	float                   : none ;
}

#header	{
	background-color 	: #000000;
}
 
#menu-atas {
	 background-color 	: #cccccc;
	 background-image 	: url(images/menu-atas.gif);
	 border			: 1px solid #333;
	 padding		: 11px;
	 height			: 10px;	 
}

#menu-atas li {
	display                 : inline;
}

#menu-atas li a {
	color 			: black;
	font-size		: 12px;
	font-weight		: bold;
	margin-right 		: 20px;
	margin-left 		: 5px;
	text-decoration		: none
}

#menu-atas li a:hover {
	color			: #999;
}

#footer	{
	background		: #666;
}

#menu-kiri	{
	margin			: 5px;
	width			: 180px;
	float			: left;
}

#menu-tengah	{
	margin			: 5px;
	width			: 585px;
	float			: left;
}

#menu-kanan	{
	margin			: 5px;
	width			: 180px;
	float			: left;
}


#bg_menu	{
	background-color	: #CCC;
	background-image 	: url(images/menu-biru.gif);
	border			: 1px solid #333;
	border-bottom		: 0px;
	padding			: 7px;
	padding-left		: 10px;
	color			: #ffffff;
	font-weight		: bold;
	font-size		: 11px;
	height			: 13px;
}

#content_menu	{
	backgound-color		: #eeeeee;
	border			: 1px solid #333;
	line-height		: 16px;
	padding			: 8px;
	margin-bottom		: 10px;
}

#content_menu a {
	color			: #006699;
	font-size		: 11px;
	text-decoration		: none;
}

#content_menu a:hover	{
	color			: #cccccc;
}
	
a {
	color: #FFF;
}

a:hover            {
	color: yellow;
	text-decoration: underline;
}

.thumbnails img {
	height: 80px;
	border: 4px solid #555;
	padding: 1px;
	margin: 0 10px 10px 0;
}

.thumbnails img:hover {
	border: 4px solid #00ccff;
	cursor:pointer;
}

.preview img {
	border: 4px solid #444;
	padding: 1px;
	width: 500px;
}