/*
Theme Name: WebGMS
Theme URI: http://gms.or.id/
Description: The default gms theme
Version: 0.1
Author: Yohannes N.S
Author URI: http://nyot.com/
Tags: blue, custom header, fixed width

*/

/*
 * conventions
 */
.r {float:right;}
.l {float:left;}
.aleft {text-align: left;}
.aright {text-align: right;}
.acenter {text-align: center;}
.clear {clear: both;}
.paddinglr12 { padding:0 12px;}

/*
 * base layout
 */
ol, ul, li { list-style:none outside none;}
ul { padding : 0px;}
a { cursor:pointer; }
body {background:#000000 url('../images/layout/background.jpg') no-repeat;}
.body {}
.wrapper { width: 966px; height:800px; margin-left:auto; margin-right:auto; }
.container { position:relative; z-index:2; }

/* header css */
.header_logo			{height:62px; width:420px; overflow:hidden; background : url('../images/layout/logo.png') no-repeat; }

.header_aog				{cursor:pointer; height:35px; width:110px; overflow:hidden; position:relative; top:27px;left:211px; background : url('../images/layout/aog_button.png'); background-position:0 0; background-repeat : no-repeat;}
  .header_aog:hover		{background-position : 0 -35px;}
.header_aog_active	    {cursor:pointer; height:35px; width:110px; overflow:hidden; position:relative; top:27px;left:211px; background : url('../images/layout/aog_button.png'); background-position:0 -70px; background-repeat : no-repeat;}
.header_aog_inside      { cursor:pointer; height:35px; width:110px; }

.header_warta			{cursor:pointer; height:35px; width:110px; overflow:hidden; position:relative; top:27px;left:213px; background : url('../images/layout/warta_button.png'); background-position:0 0; background-repeat : no-repeat;}
  .header_warta:hover	{background-position : 0 -35px;}
.header_warta_active	{cursor:pointer; height:35px; width:110px; overflow:hidden; position:relative; top:27px;left:213px; background : url('../images/layout/warta_button.png'); background-position:0 -70px; background-repeat : no-repeat;}
.header_warta_inside    {cursor:pointer; height:35px; width:110px; }

.header_events			{cursor:pointer; height:35px; width:110px; overflow:hidden; position:relative; top:27px;left:215px; background : url('../images/layout/events_button.png'); background-position:0 0; background-repeat : no-repeat;}
  .header_events:hover	{background-position : 0 -35px;}
.header_events_active	{cursor:pointer; height:35px; width:110px; overflow:hidden; position:relative; top:27px;left:215px; background : url('../images/layout/events_button.png'); background-position:0 -70px; background-repeat : no-repeat;}
.header_events_inside   { cursor:pointer; height:35px; width:110px; }

.header_line 			{width:965px; height:1px; background-color : #808080;}

.header_menu                        { position:relative; top:30px; height:auto; left:5px; background-color:#141414; width:auto; height:24px; color:#909090; font-family:Arial; font-size:0.55em;}
.header_menu:hover                  { background-color:#909090; color:#141414; }
.header_menu_ministries             { position:relative; top:30px; height:auto; left:5px; background-color:#141414; width:100px; height:24px; color:#909090; font-family:Arial; font-size:0.55em;}
.header_menu_ministries:hover       { background-color:#909090; color:#141414; }

.header_menu_div_profile         { width:67px; height:17px; padding-top:7px; padding-left:7px; color:#909090;}
.header_menu_div_profile:hover   { background-color:#909090; color:#141414; }   

.header_menu_div_ministries         { width:93px; height:17px; padding-top:7px; padding-left:7px; color:#909090;}
.header_menu_div_ministries:hover   { background-color:#909090; color:#141414; }   

.header_menu_div_communities         { width:102px; height:17px; padding-top:7px; padding-left:7px; color:#909090;}
.header_menu_div_communities:hover   { background-color:#909090; color:#141414; }   

/* menu css */
.menu				{ height:30px; cursor:pointer; }
.menu:hover			{ background-position:0 -30px; }

.menu_home 			{ width:67px;  background : url('../images/layout/menuheader/homelink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_home_active 	{ width:67px;  background : url('../images/layout/menuheader/homelink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_profile 		{ width:74px;  background : url('../images/layout/menuheader/profilelink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_profile_active{ width:74px;  background : url('../images/layout/menuheader/profilelink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_ministries 	    { width:93px;  background : url('../images/layout/menuheader/ministrieslink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_ministries_active { width:93px;  background : url('../images/layout/menuheader/ministrieslink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_churches 		    { width:88px;  background : url('../images/layout/menuheader/churcheslink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_churches_active   { width:88px;  background : url('../images/layout/menuheader/churcheslink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_communities	        { width:109px; background : url('../images/layout/menuheader/communitieslink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_communities_active	{ width:109px; background : url('../images/layout/menuheader/communitieslink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_resources 	    { width:95px;  background : url('../images/layout/menuheader/resourceslink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_resources_active 	{ width:95px;  background : url('../images/layout/menuheader/resourceslink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_contactus		    { width:105px; background : url('../images/layout/menuheader/contactuslink.png'); background-position:0 0; background-repeat:no-repeat;}
.menu_contactus_active	{ width:105px; background : url('../images/layout/menuheader/contactuslink.png'); background-position:0 -60px; background-repeat:no-repeat;}

.menu_bg_kanan		{ width:334px; height:54px; overflow:hidden; background : url('../images/layout/menubar_kanan.png');}

.icon				{ width:42px; height:42px; margin:0px; padding:0px; cursor:pointer;}
.icon:hover			{ background-position:0 -42px; }
.icon_schedule		{ position:relative; top:7px; left:56px; background : url('../images/layout/scheduleicon.png');}
.icon_facebook		{ position:relative; top:7px; left:49px; background : url('../images/layout/facebookicon.png');}
.icon_twitter		{ position:relative; top:7px; left:42px; background : url('../images/layout/twittericon.png');}
.icon_youtube		{ position:relative; top:7px; left:35px; background : url('../images/layout/youtubeicon.png');}
.icon_osis			{ position:relative; top:7px; left:28px; background : url('../images/layout/osisicon.png');}
.icon_search		{ position:relative; top:7px; left:21px; background : url('../images/layout/searchicon.png');}
.icon_contactus     { position:relative; top:7px; left:14px; background : url('../images/layout/contactusicon.png');}

.facebook           { position:absolute; display:none; left:685px; top:65px; z-index:100; background :  url('../images/layout/facebook.png'); width:263px; height:80px; }
.twitter            { position:absolute; display:none; left:685px; top:65px; z-index:100; background :  url('../images/layout/twitter.png'); width:263px; height:80px; }
.youtube            { position:absolute; display:none; left:685px; top:65px; z-index:100; background :  url('../images/layout/youtube.png'); width:263px; height:80px; }
.osis               { position:absolute; display:none; left:685px; top:65px; z-index:100; background :  url('../images/layout/osis.png'); width:263px; height:80px; }
.contactus          { position:absolute; display:none; left:685px; top:65px; z-index:100; background :  url('../images/layout/contactus.png'); width:263px; height:80px; }

/* slide down css */
.slidedown          { height : 180px; width : 965px; position:relative; top:-24px; z-index:-1; background-color:#000000; display:none;}
.osis_slidedown     { position:relative; top:19px; left:29px; }
.osis_header_label  { color:white; font-family:Arial; font-size:1.125em; }
.osis_subheader     { color:white; font-family:Arial; font-size:0.75em; }
.osis_content_left  { width:350px; color:white; font-family:Arial; font-size:0.625em; }
.osis_content_right { position:relative; top:-90px; left:370px;color:white; width:200px; z-index:1; font-family:Arial; font-size:0.75em; }
.osis_login         { position:relative; top:-150px; left:600px;}

.schedule_slidedown     { height : 180px; width : 965px; display:none;}
    .schedule_title     { position:relative; top:11px; left:39px;font-family:Arial; font-size:1.187em; color:#D0D2DD;}
    .schedule_address   { position:relative; top:11px; left:39px;font-family:Arial; font-size:0.625em; color:#D0D2DD;}
    .schedule_left      { line-height:1.2em; position:relative; top:19px; left:128px; font-family:Arial; font-size:0.625em; color:#D0D2DD;}
    .schedule_center_one{ line-height:1.2em; position:relative; top:9px; left:178px; font-family:Arial; font-size:0.625em; color:#D0D2DD;}
    .schedule_center_two{ line-height:1.2em; position:relative; top:19px; left:218px; font-family:Arial; font-size:0.625em; color:#D0D2DD;}
    .schedule_center_three{ line-height:1.2em; position:relative; top:19px; left:250px; font-family:Arial; font-size:0.625em; color:#D0D2DD;}
    .schedule_right     { line-height:1.2em; position:relative; top:19px; left:310px;font-family:Arial; font-size:0.625em; color:#D0D2DD;}
    .schedule_line_one  { width:1px; height:134px; position:relative; top:10px; left:146px; background-color:#555555;}
    .schedule_line_two  { width:1px; height:134px; position:relative; top:10px; left:276px; background-color:#555555;}
.search_slidedown       { height : 180px; width : 965px; display:none;}

/* content css*/
/* content main page */
.content_main	         { height:350px; width: 966px; position:relative; top:-24px; margin-left:auto; margin-right:auto; z-index:1;}
.content_banner		     { background:url('../images/layout/backgroundnews.png') repeat; height:350px; width:633px; margin:0px; padding:0px; }
.content_right		     { display:inline;background:url('../images/layout/backgroundnews.png') repeat;  overflow:hidden; height:350px; width:333px; position:relative; left:-1px;}
.content_right_container { height:350px; width: 996px;}
.content_left            { position:relative; left:0px; background:none repeat scroll 0 0 black; }
.content_right_wrapper   { position:relative; width:996px; height:350px; top:0px; left:-331px;}

.content_nav             { color:white; font-family:Arial; position : absolute; top:320px; left:240px; z-index:100; }
.content_nav_left_arrow  { color:white; width:16px; font-size:1.2em; height:21px; position:relative; left:0px; }
.content_nav_left_arrow:hover { color:#e88b1b; cursor:pointer; }
.content_nav_one         { color:white; width:22px; height:21px; position:relative; font-size:0.75em;left:0px; background:url('../images/layout/background_nav.png') no-repeat;}
.content_nav_one:hover   { color:#e88b1b; background-position:0 -21px; cursor:pointer; }
.content_nav_inside      { margin-left: 8px; margin-top:5px; }
.content_nav_two         { color:white; width:22px; height:21px; position:relative; font-size:0.75em;left:4px; background:url('../images/layout/background_nav.png') no-repeat;}
.content_nav_two:hover   { color:#e88b1b; background-position:0 -21px; cursor:pointer; }
.content_nav_three       { color:white; width:22px; height:21px; position:relative; font-size:0.75em;left:8px; background:url('../images/layout/background_nav.png') no-repeat;}
.content_nav_three:hover { color:#e88b1b; background-position:0 -21px; cursor:pointer; }
.content_nav_right_arrow { color:white; width:22px; font-size:1.2em; height:21px; position:relative; left:12px; }
.content_nav_right_arrow:hover { color:#e88b1b; cursor:pointer; }
.content_nav_active      { color:#e88b1b; }

.content_warta		     { height:350px; width: 332px; display:block; }
.content_warta_title     { position:relative; top:37px; left:30px; height:15px; width: 70px;  background:url('../images/layout/warta.png');  }
.content_warta_main      { position:relative; top:53px; left:30px; width:290px; height :280px; }
.right_articles          { font-size : 0.65em; font-family:Arial; color:#D0D0D0; }
.image_warta             { margin-right : 5px; }
.downloadlink            { color:#FF970D; }

.content_event		     { height:350px; width: 332px; display:block;}
.content_event_title    { position:relative; top:37px; left:30px; height:15px; width: 126px;  background:url('../images/layout/gmsupdate.png');  }
.content_event_news_title { color : #f2e704; font-size:1.5em; font-weight:lighter; }
.content_event_main     { position:relative; top:53px; left:30px; width:290px; height :280px; }

.content_aog_right		 { height:350px; width: 332px; display:block; background:url('../images/layout/aog_right.jpg') no-repeat}
.knowing_more            { color:white; position:relative; top:311px; left:120px; font-family:Arial; font-size:0.75em;}
.knowing_more_link       { color:white; }
.knowing_more_link:hover { color:#e88b1b; }

/* content ministries */
.content_ministries	      { height:350px; width: 965px; position:relative; top:-24px;  left:-1px; margin-left:auto; margin-right:auto; z-index:1; background-color:#000000;}
.content_ministries_upper { position:relative; height:305px; width:921px; }
    .content_ministries_upper_pic { position:relative; top:0px; left:0px; }
.content_ministries_lower { height:31px; width:964px; background-color:black; color:#909090; padding-top:15px; }
    .content_ministries_lower_nav { width:625px; font-size:0.75em; font-family:Arial; margin-left:auto; margin-right:auto; }
    .hoverministries      { color:lightgrey; cursor:pointer;}
    .normalministries     { color:#909090; cursor:pointer; }
    .activeministries     { color:orange; cursor:default; }
    .lipointer            { cursor:pointer; }

/* content communities */
.content_communities	      { height:350px; width: 965px; position:relative; top:-24px; left:-1px; margin-left:auto; margin-right:auto; z-index:1; background-color:#000000;}
.content_communities_upper { position:relative; height:306px; width:965px; }
    .content_communities_upper_pic { position:relative; top:0px; left:0px; }
.content_communities_lower { height:31px; width:964px; background-color:black; color:#909090; padding-top:15px; }
    .content_communities_lower_nav { width:640px; font-size:0.75em; font-family:Arial; margin-left:auto; margin-right:auto; }

/* footer css*/
.footer                         { height : 313px; width: 966px; position:relative; top:-24px; margin-left:auto; margin-right:auto;}
.footer_upper                   { height : 232px; width: 965px; background : url('../images/layout/footer_background.png') repeat-x;}
.footer_mstv_container          { height : 197px; width: 357px; position:relative; top:20px;  left:13px; background : url('../images/layout/background_logomstv.png');  }
.footer_mstv                    { height : 167px; width: 333px; position:relative; top:15px; left:12px; background : url('../images/layout/mstvlogo.png'); cursor:pointer;}
   .footer_mstv:hover           { background-position: 0 -167px; }
.footer_mstv_link               { height : 167px; width: 333px; }
.footer_communities_container   { height : 172px; width : 561px; position:relative; top:26px; left:35px;}
.footer_communities_label       { height: 16px; width : 141px; background : url('../images/layout/communities.png');}
.footer_communities_spacer      { height: 131px; width : 1px; position:relative; }
.footer_communitieslogo_wrapper { position:relative; top:24px; }
.footer_communities_one         { height: 131px; width : 186px; position:relative; }
.footer_communities_two         { height: 131px; width : 186px; position:relative; }
.footer_communities_three       { height: 131px; width : 186px; position:relative; left:1px; }
.footer_communities_logo        { position:absolute; top:0px; left:0px; cursor:pointer;}
.footer_lower                   { height: 269px; width : 965px; }
.footer_lower_ukas              { height: 60px; width : 94px; position:relative; top: 18px; left:23px; background : url('../images/layout/logoiso.png');}
.footer_lower_copyright         { height: 18px; width : 378px; position:relative; top:62px;left:526px; color:#A2A2A2; font-family:Arial; font-size:0.8125em;}
