/*  
    CSS Document 
    IVAO Indonesia Division
    
    Lorensius W. L. T <lorenz@londatiga.net>
    2008
*/

/* Home */
body {
	background:#eeeeee;
	margin: 0; 
	padding: 0;
	text-align: center;
	font: 100% Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#IvaContainer {
    background:#ffffff;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:25px;
	padding:0px;
	width:800px;
	text-align:left;
}

/*************************************************** Header ***********************************************************/
#IvaHead {}

#IvaTopHeader
{
    padding-top:5px;
    padding-right:5px;
    height:18px;
    text-align:right;
    background:#eeeeee;
    font: 10px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color:#80807E;
}

#IvaTopHeader a
{
    font: 10px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color:#80807E;
    text-decoration:none;
}

#IvaTopHeader a:hover
{
    color:#80807E;
    text-decoration:underline;
}


#IvaBgHeader 
{
	height:170px;
	width:800px;
	background:url(../images/mainheader.jpg) no-repeat;
}

/********************************************************* Main Menu **************************************************/

#IvaMainMenu 
{
    position:relative;
    background:#466D9C;
    height:31px;
}

#IvaMainMenu a 
{
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

#IvaMainMenu ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 2px;
    z-index: 1000;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

#IvaMainMenu li 
{
    float: left;
    padding: 0 2px 0 0;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

#IvaMainMenu ul.right 
{
    float: right;
}

#IvaMainMenu ul.left 
{
    float: left;
}

#IvaMainMenu li a.levelOne 
{
    position: relative; /* make whole link hoverable in IE6 */
    display: block;
    padding: 8px 16px;
    background: transparent url(../images/bg-ul2.gif);
}

#IvaMainMenu li a.levelOne:hover,
#IvaMainMenu li a.levelOne:active,
#IvaMainMenu li a.levelOne:focus {
    background: transparent url(../images/bg-ul-hover.gif);
}

#IvaMainMenu li.selected a.levelOne 
{
    background: transparent url(../images/bg-li-selected.gif);
    color: #F4EF5C;
}

#sub-menu li.selected a.levelOne span 
{
    background: transparent url(../images/menu-bg-arrow-selected.gif) no-repeat scroll right center;
}

#sub-menu li.selected a.levelOne:hover span, 
#sub-menu li.selected a.levelOne:active span,
#sub-menu li.selected a.levelOne:focus span {
    background: transparent url(../images/menu-bg-arrow.gif) no-repeat scroll right center;
}

#IvaMainMenu li.selected a.levelOne:hover 
{
    background: transparent url(../images/bg-ul-hover.gif);
    color:#fff;
}

#IvaMainMenu li.selected.hover li a 
{
    background: #fff;
}

#IvaMainMenu li.selected.hover a 
{
    background: transparent url(../images/bg-ul-hover.gif);
}

#IvaMainMenu ul.right,
#IvaMainMenu ul.left
{
    background-image:none;
    border-left:solid 0px #487FAF;
    border-right:solid 0px #095FA9;
    padding:0;
}

#IvaMainMenu li
{
    background-image:none;
    border-left:solid 1px #487FAF;
    border-right:solid 1px #466D9C;
    border-top:solid 1px #487FAF;
    padding:0;
}

#IvaMainMenu li.no-right 
{
    border-right:none;
}

#IvaMainMenu li.no-left 
{
    border-left:none;
}

#IvaMainMenu ul li ul li
{
    border:0;
}

/******************* Navigation *****************************/
#IvaNavigation
{
    padding-top:5px;
    padding-left:10px;
    height:20px;
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color:#62A7E2;
    background:#ffffff;
}

#IvaNavigation a
{
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;    
    color:#568598;
    text-decoration:none; 
}

#IvaNavigation a:hover
{
    text-decoration:underline; 
}

/************************************************ Container section ********************************************************/
#IvaMainContent
{
	font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    min-height:300px;
    padding-left:10px;
    padding-right:10px;
}

#IvaLeft 
{
    margin:0;
	float:left; 
	width:170px; 
	min-height:300px;
	font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    color:#eeeeee;
}

/**************************************** Left section ***********************************************************/
#IvaLeft .submenu
{
    padding-left:20px;
    padding-top:5px;
	height:17px;
    width:150px;
    background:url(../images/bg_sub_menu.gif) no-repeat;
    vertical-align:bottom;
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;    
    color:#568598;  
}

#IvaLeft .submenu a
{
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;    
    color:#568598;
    text-decoration:none; 
}

#IvaLeft .submenu a:hover
{
    color:#62A7E2;
    text-decoration:underline; 
}

#IvaLeft .smtitle
{
	height:20px;
    width:170px;
    padding-top:2px;
    background:url(../images/bg_submenu_title.gif) no-repeat;
    text-align:center;
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#568598;  
}

/**************************************** Right section ***********************************************************/
#IvaRight
{
    margin-top:-4px;
    float:left;
	width:600px;
    padding-left:10px;
	min-height:300px;
	font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
	color:#656666;
} 

#IvaRight p
{
    margin:0px;
	padding:0px;
	text-align:justify;
	line-height:15px;
	margin-bottom:4px;
}

#IvaRight .left
{
    width:295px;
    float:left;
    padding-right:5px;
    padding-bottom:10px;
}

#IvaRight .right
{
    width:295px;
    float:left;
    padding-left:5px;
    padding-bottom:10px;
}

#IvaRight .head
{
    border-bottom:solid 1px #cccccc;
    font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold; 
    color:#BFD641;
    margin-bottom:5px;
}

#IvaRight .section
{
    margin-top:10px;
}

#IvaRight a
{
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;    
    color:#D72E51; 
    text-decoration:none;
}

#IvaRight a:hover
{
    color:#D72E51; 
    text-decoration:underline;
}


/******************************************************* Headline news ***********************************************/
#IvaHeadline {
    margin-top:2px;
}

#IvaHeadline .header
{
    border-bottom:solid 1px #cccccc;
    font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold; 
    color:#F2820A;
    margin-bottom:5px;
}

#IvaHeadline .title
{
    font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold;   
    color:#568598; 
}

#IvaHeadline .title a
{
    font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold;   
    color:#568598; 
    text-decoration:none;
}

#IvaHeadline .title a:hover
{
    font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold;   
    text-decoration:underline;
}

#IvaHeadline .info
{
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    color:#8B8B8B;
    margin-bottom:5px;
}

#IvaHeadline .content
{
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    color:#656666;
    text-align: justify;
}

#IvaRight .content p
{   
   margin-top:7px;
   margin-bottom:7px;
}

#IvaHeadline .image-preview
{
    float:left;
    margin-top:5px;
    margin-right:5px;
    width:70px;
    height:70px;
}

#IvaHeadline .image-preview2
{
    float:left;
    margin-top:5px;
    margin-right:5px;
}

/********************************************************** News *****************************************************/
#IvaNews
{
    margin:0;
}

#IvaNews .head
{
    padding-bottom:5px;
    padding-left:25px;
    margin-bottom:10px;
	border-bottom:solid 2px #DADADA;
	font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#CDCB33;
	background:url(../images/bg_section.gif) no-repeat;
}

#IvaNews .rss
{
    margin-top:-32px;
    float:right;
    width:20px;    
}

#IvaNews .title
{
    color:#6c9793;
	font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#IvaNews .title a
{
    color:#6c9793;
	font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

#IvaNews .title a:hover
{
    color:#ff9100;
    text-decoration:underline;
}

#IvaNews .posted
{
    color:#8B8B8B;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#IvaNews .content
{
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top:10px;
    text-align:justify;
}

#IvaNews .image
{
    padding:3px;
    border:solid 1px #cccccc;
    background-color:#ffffff;
    float:left;
    margin-top:5px;
    margin-right:10px;
}

#IvaNews .image-preview
{
    float:left;
    margin-top:5px;
    margin-right:5px;
    width:70px;
    height:70px;
}

#IvaNews .image-preview2
{
    float:left;
    margin-top:5px;
    margin-right:5px;
}

/************************************************ archive *************************************************************/
#IvaArchive
{
	margin-top:10px;
}

#IvaArchive .head
{
    padding-bottom:5px;
    margin-bottom:10px;
	border-bottom:solid 2px #DADADA;
	text-align:right;
	font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#ff9100;
}

#IvaArchive .title
{
    color:#6c9793;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#IvaArchive .title a
{
    color:#6c9793;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#IvaArchive .title a:hover
{
    color:#ff9100;
    text-decoration:underline;
}

#IvaArchive .posted
{
    color:#8B8B8B;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#IvaArchive .item
{
    background:url(../images/item.gif)  1px no-repeat;
    padding-left:20px;
    padding-bottom:4px;
    margin-bottom:10px;
    border-bottom:solid 1px #DADADA;
}

#IvaArchive .paging
{
    color:#6c9793;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:7px;
	text-align:right;
}

#IvaArchive .paging a
{
    color:#6c9793;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#IvaArchive .paging a:hover
{
    color:#6c9793;
	text-decoration:underline;
}


/************************************************ Footer **************************************************************/
#IvaFooter
{
	
	height:30px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
	color:#EEEEEE;
	background:#2F2F2F;
}

#IvaFooter a {text-decoration: none; color:#EEEEEE}
#IvaFooter a:hover {text-decoration: underline; color:#EEEEEE}

#IvaClearFloat
{
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.IvaoGreenIcon
{
    background-color:#33CC00;
	color: #FFFFFF;
}

.IvaoRedIcon
{
    background-color:#FF0000;
	color: #FFFFFF;
}

.IvaoBlueIcon
{
    background-color:#373AC7;
	color: #FFFFFF;
}

/************************************************** xx ****************************************************************/

.submit
{
    background-color:#666666;
    border:solid 1px #cccccc;
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold; 
    color:#cccccc;
    height:20px;
}

.text
{
    background-color:#ffffff;
    border:solid 1px #cccccc;
    font:11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
    color:#656666;
    padding-left:3px;
}

.infowindow { font-size: smaller;
	text-align: left;
}

.oluser {
    color:#568598;
}