@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; }
body { margin:0; padding:0; background-color:#000000; }
a:link { color: white; text-decoration:none; }
a:visited { color: white; text-decoration:none; }
a:hover { background-color: #990000; }

.muted_link { text-decoration:none; border:none; }

/* --------------- header start --------------- */

#header { float:left; width:100%; height:200px;  position:relative; margin:0; padding:0; }
#header_top { height:30px; width:100%; background-color:#134c85; }
#header_top_menu { width:778px; margin:0 auto; text-align:right; color:#000000; padding-top:5px; }
#header_bottom { height:150px; width:100%;   }
#header_bottom_menu { width: 778px; margin:0 auto; color:#FFFFFF; }
#header_bottom_menu img { float:left; position:absolute; margin-top:-18px; } 
.top_menu_ul { float:right;  margin:0; padding:0; }
.top_menu_ul li { float:left; width:auto; height:100px; margin:-18px 0 0 20px; list-style:none; display:inline;  height:50px;  }


.two_menu_top {  float:none; font-family:'Geneva'; font-size:80px; padding:0; margin:0; }
.two_menu_top_red {  float:none; font-family:'Geneva'; font-size:80px; padding:0; margin:0; background-color:#990000; }
.two_menu_bottom { margin-top:-20px;}
.lm_is { width:auto; float:left; margin-top:80px; position:absolute; z-index:0; }
.lm_is_doing { color:#666666; font-style:italic; }
.twitter_div { float:left; }
#twitter_update_list { float:left;  margin:0; padding:0; }
#twitter_update_list li { float:left; width:auto; height:100px; margin:-19px 0 0 110px; list-style:none; display:inline;  height:50px;  }
.gifloader { display:none; }

/* --------------- header ends --------------- */

/* --------------- body start --------------- */

#content { float:left; width:100%; height:100%; margin:0; padding:0; }
#middle { width:778px; height:100%;  margin:0 auto; }
#middle1 { float:left; width:5%; height:100%; background-color:#134c85; }
	#mid1_top { height:58px; width:100%; background-image:url(./../img/curveLeftTop.png);  }
	#mid1_mid { width:100%;  background-color:#134c85; min-height:14px;  }
	#mid1_bot { height:58px; width:100%; background-image:url(./../img/curveLeftBottom.png);  }
#middle2 { float:left; width:30%; height:100%; background-color: #022344; min-height:300px;  }
#middle3 { float:left; width:60%; height:100%; background-color: #134c85; min-height:300px;  }
#middle4 { float:left; width:5%; height:100%; background-color: #134c85; }
	#mid4_top { height:58px; width:100%; background-image:url(./../img/curveRightTop.png);  }
	#mid4_mid { width:100%;  background-color:#134c85; min-height:14px;  }
	#mid4_bot { height:58px; width:100%; background-image:url(./../img/curveRightBottom.png);  }
#message_box { position: relative;top: 0; left: 0;z-index: 10;background:#ffc;padding:5px;border:1px solid #CCCCCC;text-align:center;width:380px; margin:0 0 0 50px;}


/* --------------- body ends ---------------- */

/* --------------- footer start --------------- */

#footer { float:left; width:100%; height:100%; margin:0; padding:0; position:relative;  }
#footer_top { height:100%; width:100%;  }
#footer_top_content { width:778px; margin:0 auto; color:#FFFFFF; text-align:center; padding-top:60px;  }
#footer_bottom { width:100%; background-color:#134c85; height:30px;  }
#footer_bottom_content { width:778px; text-align:center; color:#000000; margin:0 auto; }
  
/* --------------- footer ends ---------------- */

/* Sidebar */
.sidebar { margin:10px; z-index:100; }
.sidebar_title { font-size:18px; font-weight:bold; background-color:#FFFFFF; }
.flickr_sidemenu { background-color:#000000; width:213px; text-align:right; }
.flickr_sidemenu span { color:#FFFFCC; font-size:12px; font-weight:bold; padding-right:10px; text-align:right;  }
.feed_sidemenu { font-size:12px; } 
.feed_sidemenu div { width:100%; background-color:#FFFFFF; text-align:center; font-weight:bold; }
.feed_sidemenu ul { margin-top:0px; padding-left:15px; }

.sidemenu_clear { clear:both; padding:5px 0 0 5px; border-bottom:1px dashed #404C57; }
.sidemenu_latest_art_container { margin-left:5px; width:205px; }
.sidemenu_latest_art_container h4 { padding:0px; margin:0 0 0 8px; color:#FF761C; }
.sidemenu_latest_art_container ul { font-family:Verdana, Geneva, sans-serif; font-size:10px; list-style:none; padding-left:0px; }
.sidemenu_latest_art_container ul li { margin-bottom:5px; }
.sidemenu_latest_art_container ul li .category { display:inline; color:#FFF; background-color:#000000; float:left; margin-right:5px; padding:1px 5px 2px 5px; }
.sidemenu_latest_art_container ul li .title { color:#99CC66; padding-top:3px; }
.sidemenu_latest_art_container ul li .title a:link { color:#99CC66; text-decoration:none; }
.sidemenu_latest_art_container ul li .title a:visited { color:#99CC66; text-decoration:none; }
.sidemenu_latest_art_container ul li .title a:hover { color:#99CC66; background-color: #990000; }

/* Main Content on Front page */
.main { margin:10px 10px 30px 10px; width:485px; position:relative; z-index:100; }
.main h3 { font-size:20px; }
.title_more { font-size:12px; }
.content_table { width:480px; overflow:auto; }

/* Front articles in start page */
.front_article { margin:30px 50px 20px 50px; }
.front_article_item{ height:190px; }
.front_article_date { font-size:11px; color:#99CC66; font-family: Geneva, "MS Sans Serif", sans-serif; }
.front_article_img { float:left; margin-right:15px; height:190px; }
.front_article_img img { border:#000000 thick solid;  }
.img_top_cat { width:100%; height:10px; background-color:#000; }
.img_top_cat span { padding:0 0 0 5px;  color:#FFF; font-size:10px; font-family:"Lucida Grande",Tahoma,Verdana; }
.front_article_caption h3 { margin-bottom:-20px; margin-top:-3px; padding-bottom:5px; }
.front_article_caption p { text-align:justify; width:420px; }

.article_cap { color:#000; }
.article_cap:link { color: #000; text-decoration:none;  }
.article_cap:visited { color: #000; text-decoration:none; }
.article_cap:hover { background-color: #990000; text-decoration:none; }

/* Read articles */
.read_lang_bar { margin-right:100px; margin-top:-25px; font-size:11px; height:40px; }
.read_lang_bar a { float:right; padding-top:28px; height:18px; width:50px; display:block; text-align:left; }

.read_article_title { margin-bottom:2px; margin-top:3px; }
.read_article_title a:link { color: #000; text-decoration:none;  }
.read_article_title a:visited { color: #000; text-decoration:none; }
.read_article_title a:hover { background-color: #990000; text-decoration:none; }
.read_article_info { margin:0 0 2px 0; padding:0 0 2px 0; color: #999; font-size:12px; font-weight:bold; border-bottom:1px dashed #404C57; }
.read_article_info li { display:inline; list-style-type:none; }
.read_article_image { padding:15px 0 0 0; }
.read_article_image img { border:2px solid #000; }

/* Flickr photo */
.flickr_photo_top h2 { margin-bottom:-6px; }
.flickr_photo_top span { color:#CCCCCC; font-size:12px; }
.flickr_photo_mid { 
	padding-top:20px; padding-left:10px; padding-bottom:20px; background-color:#000000;
	 width:496px; margin-left:-10px; font-size:14px; color:#FFFFFF;
}
.flickr_photo_mid img { padding-bottom:10px; }
.flickr_photo_bot { text-align:center; padding-top:10px; padding-bottom:10px; }
.flickr_photo_bot p { text-align:center; }
.flickr_photo_bot div {
float:left; height:100px; padding-bottom:20px; vertical-align:text-bottom;
text-align:center; width:100px; position:relative; 
}

.flickr_photo_bot div span { vertical-align:bottom; }

/* photo gallery */
.photo_gallery_iframe { border:0; width:480px; height:750px; overflow:hidden; margin:0px; padding:0px; z-index:-100; }

/* Error Warnings */
.warning_box { font-weight:bold; margin:20px; padding:10px; text-align:center; vertical-align:middle; color:white; }
.error_box { font-weight:bold; margin:20px; padding:10px; text-align:center; vertical-align:middle; color:#FF9999; }

/* Forms  */
.input_row { font-family: verdana; margin-top:15px; }
.input_row input[type=text] { width:300px; }

/* Page number menus */
.paging_box { font-weight:bold; margin:20px 0 0 50px; }
.paging_box span {  padding:3px; border-bottom:#000000 3px solid; }

/* Admin Photo */
.admin_photo_container { margin-top:30px; margin-bottom:10px; width:485px;  }
.admin_photo_container div { width:130px; height:170px; float:left; position:relative; margin:10px 0px 10px 20px;  }