@charset "utf-8";
/* CSS Document */
#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0;
  width:100%;
  height: 100%;
  margin: auto;
  background:url(../images/Main_bg.jpg) repeat-x;
}

#wrapper {width:905px;
          height:auto;
		  padding:0px;
		  margin:0px auto;
		  background:none;
		  }
		  
#Header {width:905px;
         height:83px;
		 margin:0px;
		 padding:0px;
		 background:url(../images/Header_bg.jpg) bottom no-repeat;
		 }
		 
#SocialPlug {width:100%;
             position:fixed;
			 height:36px;
			 bottom:0px;
			 background:url(../images/fixedBG.png) repeat;
			 z-index:2000;
			 margin:0px;
			 padding:0px;
}

.fix {width:300px;
      height:26px;
	  margin:12px 0px 0px 10px;
	  padding:0px;
	  position:relative;
	  float:left;
	  border:none;
}

.like {width:250px;
      height:26px;
	  margin:10px 0px 0px 10px;
	  padding:0px;
	  position:relative;
	  float:left;
	  border:none;
}

.close {width:70px;
        height:26px;
		margin:10px 0px 0px 0px;
		padding:0px;
		padding-top:9px;
		position:relative;
		float:right;
		border:none;
}
		 
#Navigation {width:905px;
             height:191px;
			 margin:0px;
			 padding:0px;
			 background:url(../images/Navigation_bg.jpg) no-repeat;
			 }
			 
#Content {width:905px;
          min-height:403px;
		  margin:0px;
		  margin-bottom:2px;
		  padding:0px;
		  background:url(../images/Content_bg.jpg) no-repeat;
		  }
		  
#Footer {width:100%;
         min-height:130px;
		 background:url(../images/Footer_bg.jpg) repeat-x #0a85b0;
		 margin:4px auto;
		 position:relative;
		 clear:both;
		 }
#Footer_wrap {width:905px;
             height:auto;
			 margin:5px auto;
			 padding:0px;
			 border:none;
			 }		 

#Weather {width:200px;
          height:51px;
		  background:url(../images/local_weatherbg.jpg) no-repeat;
		  margin:0px 3px 0px 3px;
		  padding:5px 20px 0px 0px;
		  position:relative;
		  text-align:right;
		  float:right;
		  }		

#flashArea {background:#e3e3e3;
            width:auto;
            height:auto;
            position:relative;
            float:left;
            padding:2px;
            margin:15px auto;
			border:1px solid #bdbdbd;
            }	

#text {width:435px;
       height:auto;
	   position:relative;
	   margin:2px 2px 2px 8px;
	   float:left;
	   }
	   	 
#MainArea{width:885px;
          height:auto;
		  margin:0px auto;
		  padding:8px 2px 2px 2px;
		  position:relative;
		  border:none;
		  margin-bottom:2px;
		  }		   
	
#Left {width:550px;
       height:auto;
	   margin:0px;
	   padding:2px;
	   border-right:1px dotted #bdbdbd;
	   position:relative;
	   float:left;
	   font-family:Tahoma;
	   font-size:11px;
	   color:#333;
	   	   }
		   
#PlayerBg {width:552px;
       height:481px;
	   margin:0px;
	   padding:0px;
	   border:none;
	   position:relative;
	   float:left;
	   background:url(../images/PlayerBG.png);
	   	   }		   
	   
#Right {width:313px;
        height:auto;
		margin:2px;
		padding:2px;
		border:none;
		position:relative;
		float:left;
		}	
		
#leftctc {width:313px;
        height:auto;
		margin:2px;
		padding:2px;
		border:none;
		position:relative;
		float:left;
		}	
		
#rightctc {width:550px;
       height:auto;
	   margin:0px;
	   padding:2px;
	   border-right:1px dotted #bdbdbd;
	   position:relative;
	   float:left;
	   }				   	    
	   
#GalleryList {width:100%;
              height:120px;
			  margin:5px 0px;
			  border:1px solid #bdbdbd;
			  padding:0px;
			  background:white;
			  }	   
			  
#GalleryShow {width:100%;
              height:480px;
			  margin:0px;
			  padding:0px;
			  border:1px solid #bdbdbd;
			  background:url(../images/tourism_Transparentbg.png);
}

#AffairsPics {width:320px;
              height:auto;
			  border:none;
			  background:none;
			  position:relative;
			  margin:2px 2px;
			  float:left;
			  }
			  		  
#NewsRight {width:550px;
       height:auto;
	   margin:2px 0px;
	   padding:2px;
	   border:1px dotted #bdbdbd;
	   position:relative;
	   float:left;
	   font-family:Tahoma;
	   font-size:11px;
	   color:#333;
	   	   }
	   
#NewsLeft {width:313px;
        height:350;
		margin:2px;
		padding:2px;
		border:none;
		position:relative;
		float:left;
		}	
		
#Headlinesholder {width:300px;
                  height:220px;
				  border:01px solid #bdbdbd;
				  background:none;
				  margin:0px auto;
				  padding:2px;
				  position:relative;
				  overflow:scroll;
				  }		
					  
					  
					  
/*-------------
 Classes
 --------------*/
 
 /*Image gallery class*/
.scroll{width:89%;
        height:90px;
		position:relative;
		overflow:hidden;
		margin:0px;
		padding:0px;
}
#thumbs {	
	position:absolute;
	width:20000em;
	min-height:80px;
	clear:both;
	border:none;
	background:url(../images/tourism_Transparentbg.png);
}

#thumbs div{float:left;
	        width:auto;
	         height:auto;
			 margin:5px 2px;
			 padding:0px;
	         background:url(../images/tourism_Transparentbg.png);
	         color:#fff;
	       border:1px solid #F60;
	       cursor:pointer;
}    
#thumbs div a{margin:0px;
              padding:0px;
			  border:none;
}

#thumbs div:hover {border:1px solid #F00;
 }
#thumbs div:active {border:1px solid #C60;
 }
 

 
 .rightcontainer {width:100%;
                  height:auto;
				  border-bottom:1px dotted #bdbdbd;
				  margin:2px auto;
				  padding:2px;
				  position:relative;
				  }
				  
 .Advertising {width:310px;
                  height:auto;
				  border:1px solid #bdbdbd;
				  background:url(../images/adbg.jpg) no-repeat white;
				  margin:2px auto;
				  padding:15px 1px 2px 1px;
				  position:relative;
				  }
				  				  
.globalNav{width:320px;
           height:auto;
		   position:relative;
		   float:right;
		   margin:8px 5px 2px 0;
		   padding:0px;
		   clear:both;
		   }
		   
.navigation {width:185px;
             height:180px;
			 margin:4px 0 2px 2px;
			 padding:0px;
			 position:relative;
			 float:left;
			 z-index:999;
			 }	
			 
.VideoHolder {width:320px;
             height:185px;
			 margin:2px 0 2px 1px;
			 padding:0px;
			 position:relative;
			 float:left;
			 border:1px solid #FFF;
			 z-index:2;
			 }	
			 
.MainPicHolder {width:390px;
             height:185px;
			 margin:2px 0 2px 2px;
			 padding:0px;
			 position:relative;
			 float:left;
			 border:1px solid #FFF;
			 }		
			 
.Welcome {width:100%;
          height:290px;
		  margin:0px;
		  margin-bottom:2px;
		  padding:1px;
		  position:relative;
		  border-bottom:1px dotted #bdbdbd;
		  }			 		 			 	   		   		  			 		 		  
		  
.agencies {width:170px;
           height:auto;
		   position:relative;
		   float:left;
		   margin:5px 0px 0px 5px;
		   border:none;
		   background:none;
		   }	
		   
.links {width:100%;
        height:auto;
		position:relative;
		float:left;
		margin:0px auto;
		border:none;
		clear:both;
		   }	
		   
		   
.projectBg {width:280px;
            height:122px;
			margin:0px;
			padding:2px;
			border-right:1px dotted #bdbdbd;
			position:relative;
			float:left;
			}
			
.CoNews {width:260px;
         height:122px;
		 margin:0px;
		 padding:2px;
		 border-right:1px dotted #bdbdbd;
		 position:relative;
		 float:left;
		 }
		 
.tourism {width:330px;
          height:122px;
		  margin:0px;
		  padding:2px 2px 2px 3px;
		  border:none;
		  position:relative;
		  float:left;
		  }		 	
		  
.breadCrumbs {width:99%;
              height:auto;
			  margin:0px;
			  margin-bottom:2px;
			  padding:0px;
			  border-bottom:1px dotted #bdbdbd;
			  }	
			  
#milestone {width:100%;
            height:auto;
			position:relative;
			background:none;
			margin:5px auto;
			padding:2px;
			border:None;
			}			  
			
#AudioVideo {width:90%;
             height:400px;
			 min-height:200px;
			 margin:5px auto;
			 padding:2px;
			 overflow:scroll;
			 border:1px solid #CCC;
			 }		
			 
.NewsPics {width:95%;
           height:auto;
		   padding:2px;
		   margin:0px auto;
		   border:1px solid #bdbdbd;
		   background:none;
		   clear:both;
		   }

.NewsDetails {width:95%;
           height:auto;
		   padding:2px;
		   margin:0px auto;
		   border:none;
		   background:none;
		   }

		 
#COE {
	font-family: "Trebuchet MS", Tunga;
	font-size: 12px;
	color:#333;
	padding: 5px;
	margin:2px;
	position:relative;
	clear:both;
	height:auto;
	width:100%;
	border: thin solid 3333;
}

/*Over Lay*/
/* use a semi-transparent image for overlay */ 
 
/* container for external content. uses vertical scrollbar if needed */ 
.wrap {width:550px; 
       height:auto;
	   overflow-y:auto;
	   position:relative;
	   margin:100px;
	   background:url(../images/tourism_Transparentbg.png);
	   border:1px solid #333;

}
/* the overlayed element */

/* default close button positioned on upper right corner */
div.overlay{width:100%;
            height:900px;
	        background-image:url(../images/tourism_Transparentbg.png);
	        position:absolute;
	        left:0px;
	        top:0px;
	        cursor:pointer;
			z-index:900000;
		    display:none;
}

#statCounter {width:200px;
              height:auto;
			  position:absolute;
			  margin:0px;
			  padding:0px;
			  background:white;
			  border:1px solid #bdbdbd;
			  top:0px;
			  left:0px;
			  }
			  

.grey {background-color:#bdbdbd;}

/*AIA contributary fund promo*/
#AIA_Overlay {width:100%;
              height:auto;
			  margin:0px;
			  padding:0px;
			  background:none;
			  border:none;
			  position:absolute;
			  float:left;
			  left:0px;
			  bottom:0px;
			  z-index:3000;
			  }
			  
#AIA_nav {width:100%;
          height:35px;
		  margin:0px;
		  padding:0px;
		  border:none;
		  position:relative;
		  background:url(../images/controlBg.png);
		  }
		  
#AIA_Body {width:100%;
           height:180px;
		   margin:0px;
		   padding:0px;
		   background:url(../images/IDAC_AIABodybg.jpg) repeat-x;
		   position:relative;
		   border:none;
		   }		  	
		   
.AIA_controle {width:139px;
               height:35px;
			   margin:0px;
			   padding:0px;
			   background:url(../images/div_aBg.png) no-repeat;
			   position:relative;
			   float:right;
			   border:none;
			   }		 
			   
.AIA_Wrapper{width:895px;
             height:173px;
			 margin:0px auto;
			 padding:0px;
			 border:none;
			 position:relative;
			 }			     		  
			 
#PicListing {
	padding: 1px;
	height: 472px;
	width: 288px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background:url(../images/PlaylistBg.png);
	overflow:hidden;
}

.showPics {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
           font-size:11px;
		   color:#C00;
		   font-style:italic;
		   text-decoration:none;
		   margin:3px 3px 3px 15px;
		   display:block;
		   width:90%;
		   background:none;
}
		   		 	
/*
--------------
	Image Classes
----------------
*/			  
			  
.leftfloat {position:relative;
            float:left;
			border:1px solid #CC0000;
			margin:3px 4px 3px 0px;
			}	
			
.rightConPic {border:1px solid #FF3300;
              padding:0px;
			  margin:2px auto;
			  }				
			  
.newsImg {margin:2px;
          border:3px solid #bdbdbd;
		  padding:1px;
		  display:inline;
		  }			  		  	  				   	   	   		   	 
.pic {margin:0px;
      padding:0px;
	  border:none;
	  }
	  
.pic2 {margin:5px 10px;
      padding:0px;
	  border:1px solid #C60;
	  }
.senicPic {margin:0px;
           border:none;
		   }