/* Start of CMSMS style sheet 'global' */
/* 
 Date 	: June 7 2008
 Author : Shoaib Yasin
 Client : APWA- Pakistan
 
 Company : Bramerz (Pvt) Ltd.
 Company URL : http://www.bramerz.pk

*/



*{margin:0px; padding:0px;}
body
{
	margin:0px; padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	_font-size:90%;
	line-height:100%;
	background:#F5F5F5 url(siteimages/background/bg_body.jpg) left top repeat-x;
}


/*****Global Classes************/
.left{float:left;}
.right{float:right;}
.clr{clear:both;}
.hr{position:relative; background:url(siteimages/background/bh_hr.jpg) left top no-repeat; width:450px; height:6px; margin-left:150px;}
/********************************/

#content-container, .bottom,
#banner, #footer
{position:relative; width:790px; margin:0 auto; z-index:3;}

#content-container{background:url(siteimages/background/bg_content_container.jpg) left top repeat-y; margin-top:1px;}

.bottom{position:relative; width:790px; background:url(siteimages/background/bg_content-container-bottom.jpg)top left no-repeat; height:11px; }

#header, #navigation, #footer, #content{
	position:relative;
	margin:0 auto;
	width:780px;
}


h1,h2,h3,h4,h5,h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:170%;}
h2{ font-size:130%}
h3{ font-size:120%;}
h4{ font-size:100%;}

small{font-size:90%;}
p{line-height:16px;}
strong{font-weight:bold;}

{}
p, strong, em, ul, li, ol{}


/***************header*******/


.header-logo
{
	position:relative;
	width:40%;
	float:left;
	margin-top:15px;
	margin-left:20px;
        
	
}
.header-logo img{border:none;}

.header-search
{
	position:relative;
	width:40%;
	float:right;
	margin-bottom:30px;

	
}
	.header-search .t-link
	{
		position:relative;
		text-align:right;
	}
	.t-link ul.top-nav
	{
		margin-left:4px; margin-right:4px; list-style:none;
		padding-top:5px;
		text-align:right;
	}
		.t-link ul.top-nav li{	display:inline;}
		.t-link ul.top-nav a
		{
			color:#CCCCCC; text-decoration:none; padding-left:4px; padding-right:10px;
		}
		.t-link ul.top-nav a:hover{color:#5A8DC0;}
	
	.header-search .search-box
	{
		position:relative;
		background:url(siteimages/background/bg_serach_box.jpg) left top no-repeat;
		height:64px;
		margin-top:15px;

	}
	
	.search-box .search
	{
		position:relative;
                width:85%;
		width:90%;
		_width:93%;
		margin-left:20px;
		_margin-left:10px;
		margin-left:10px;
		_margin-top:2px;	
               
	}
		.search input
		{
			height:16px;
			padding:4px;
                        margin-bottom:-8px;


		}
		.search .btn-search
		{
			position:relative;
			top:6px;
			height:29px;
			_top:9px;
			top:8px;
			
			
		}

/*******End Header***********/

	.left-top-c{position:absolute; left:0; top:0px; z-index:9; width:7px; height:7px;}
	.right-top-c{position:absolute; right:0; top:0; z-index:9; width:7px; height:7px;}
	.right-bottom-c{position:absolute; right:0; bottom:0; z-index:9; width:7px; height:7px;}
	.left-bottom-c{position:absolute; left:0; bottom:0; z-index:9; width:7px; height:7px;}



/**********Navigation**********/
#navigation
{
        position:relative;
	width:782px;
	background:url(siteimages/background/bg_navigation_new.jpg) left top	repeat-x;
	border:4px solid #E3E3E3;
        border-bottom:none;
        margin-top:0px;
        font-size:11px;

}

	.nav{margin-left:10px; list-style: none;}
	.nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}


.nav li {
 			position:relative;
			float: left;		
			line-height:30px;
			font-size:110%;
			#font-size:100%;
			font-weight:bold;
			z-index:5;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  line-height:30px;
  color:#fff;
  display: block;
  padding: 0 9px;
  margin-left:3px;
  text-decoration: none;
}


#nav-one li:hover a{ /*** activate on drop down ***/
color:#E1E9F0; background:#1A2F44;z-index:9999;
}
#nav-one li a.active{color:#fff;z-index:9999;background:#1A2F44 }

#nav-one li.sfHover ul a {
   color: #fff;	z-index:9999;
}
#nav-one li:hover ul a{
	color:#FFFFFF;z-index:9999;
        
	}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 z-index:9999;
  background-image:none;
  color: #fff;	
}

.nav ul {
  z-index:9999;
  list-style: none;
  margin: 0;
  width: 150px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;z-index:9999;
}
.nav ul li {
  border: 0;
  float: none;z-index:9999;
}
.nav ul a {
  padding-right: 20px;
  width: 150px;
  white-space: nowrap;z-index:9999;
}

.nav ul li a:hover
{
	background:#fff;
	color:#000;z-index:9999;

} 

#nav-one li.sfHover a{background:#1A2F44; color:#E1E9F0;z-index:9999;}
ul#nav-one li ul li a:hover{text-decoration: underline;z-index:9999;}

	
li.drop-down{}	
		
	
          
/*******End Navigation***********/
#banner{ position:relative; z-index:5; margin:0 auto;  }

#content{position:relative; background:#fff; }

	#content .text
			{
				position:relative;
				float:right;
				width:527px;
				margin-left:3px;
                                
				
			}

               .text .t-btn
		{
			position:relative;
			float:right;
                       text-align:center;

               }
               
               .t-btn a
             { 
                position:relative; 
                background:url(siteimages/background/bg_t-btn.jpg); left top no-repeat;
                width:144px;
                height:24px;
                display:block;
                float:left;
                font-weight:bold;
                 color:#fff;
                text-decoration:none;
                 line-height:16px;

             }

               .t-btn a:hover{color:#1A2F44}

        .text-hr
		{
			position:relative; 
			background-image:url(siteimages/background/bg_text_hr.jpg);
                        background-position:left top;
                        background-repeat:no-repeat;
			width:320px;
                         height:9px;
                        margin:15px;
                        margin-left:100px;
		}	
        #content fieldset{
                position:relative; margin:5px; padding:5px;
                color:#000;
                background-color:#fff;
                border:#fcfcfc solid 1px; border-top:#ccc solid 1px;

              }
.required label{ padding:5px; display:block; width:60%; color:000;}
.required input{ padding:2px; border:#ccc solid 1px;}
.captcha img{postion:block;}
/**********************************************************/
#sitemap{ margin-left:30px;}
#sitemap ul{margin-left:15px;list-style:none;}
#sitemap ul li{padding:5px;list-style:none;}
#sitemap ul li ul{margin:10px;list-style:none;}
#sitemap ul li a{color:#000;}
#sitemap dfn{display:none;}

/**********************************************************/

#search-result {}
#search-result h3{padding:5px; padding-left:10px; }
#search-result ul{ list-style:none; margin-left:10px; padding-top:20px; border-top:#ccc solid 2px;}
#search-result ul li{ padding-bottom:10px; list-style:none;}
#search-result ul li a{ color:#000;}
			
	#content .sidebar
		{
			position:relative; 
			float:left; 
			width:227px; 
			margin-right:3px;
			_margin:1px;
			margin-left:10px;
			
		}	
		
			
		.sidebar .content-block
		{
			position:relative;
			width:100%;
			margin-top:5px;
			border:1px solid #D1D1D1;
			z-index:5;
		}
		
		
		
		.content-block h2{padding:8px; color:#fff; padding-left:25px; margin-left:8px; font-size:14px;}
		.content-block h3{padding:5px; color:#32CBF1; line-height:18px; font-size:14px;}
		.content-block h3 a:hover{color:#1A2F44}
		.content-block p{padding:5px; color:#333333;}
		.content-block a{color:#34679C; text-decoration:none;}
		.content-block a.more{padding:3px; padding-left:5px;}
		.content-block a.more:hover{text-decoration:underline;}
                .content-block ul{padding:5px; }
                .content-block .heading{position:relative; background:url(siteimages/background/bg_navigation_new.jpg) left top repeat-x; height:30px;}
/*********************************************/
#img-gal-new{}
#img-gal-new h2{ font-size:12px; padding:5px; padding-bottom:10px;}
#img-gal-new .category_item{
   position: relative;
   float: left;
   margin:5px;
}
#img-gal-new .category_item a{color:#34679C; padding:3px; text-decoration:none;}

#img-gal-new .paging{
 position: relative;
 margin:5px; margin-left:15px;
}
#img-gal-new .paging a{ color:#fff; background-color:#000; text-decoration:none; padding:3px;
 margin:2px;}
#img-gal-new .paging a:hover{color:#fff; background-color:#34679C;}
#img-gal-new .h4{ text-align:left;}
#img-gal-new .item-detail{ width:70%; margin-left:10px;border:#f3f3f3 solid 1px;}
#img-gal-new .item_images{margin-left:15px;}
#img-gal-new .item_images a{padding:5px;}

					
/******footer***********/
#footer
{
        position:relative;
	background:url(siteimages/background/bg_footer.jpg) left top repeat-x;
	height:54px;
	margin-top:5px;
	color:#dbeef3;
}
#f-link{position:relative; color:#fff; padding:5px; font-size:11px; }

#f-link a{ 
	color:#fff;
	line-height:18px;
	
}

#footer a:hover{color:#000;}	
		


#footer .creditional{ position:relative; margin-top:5px; margin-left:10px; color:#fff;}
.creditional p{color:#fff;}
.creditional p.designed{margin-left:25px;}
.creditional p a{color:#fff; text-decoration:none;}
.creditional p img{vertical-align:middle; border:none;}
/*******end Footer********/

.detail-links,
.pagination{position:relative; height:30px; background:#1A2F44; margin-left:10px; color:#fff;}

.pagination p{float:right; margin-right:10px; line-height:18px; padding-top:5px;}
.pagination p a,.detail-links p a{color:#fff; text-decoration:none;}
.pagination p a:hover,detail-links p a:hover{text-decoration:underline;}

.detail-links p{margin-right:10px; line-height:18px; padding:5px;}

/**************************/
.upcoming-news ul{margin-left:15px;}
.upcoming-news ul li{padding:2px 0px 4px 0px; line-height:16px;}
.news-detail ul{margin-left:25px;}
/***************************/
#marqueecontainer{
position: relative;
width: 220px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}
/* End of 'global' */

/* Start of CMSMS style sheet 'about' */
/* 
 Date 	: June 7 2008
 Author : Shoaib Yasin
 Client : APWA- Pakistan
 
 Company : Bramerz (Pvt) Ltd.
 Company URL : http://www.bramerz.pk
 
*/

@import url("global.css"); /* Set Colors and Sizes*/

#header, #navigation, #content, #footer{/*defined in global.css*/}


#content .text
		{
			/*defined in global.css*/
		}
		
		.text h1
		{
			margin:10px;
			margin-top:5px;
			font-family:"Times New Roman", Times, serif;
			font-weight:normal;
			color:#34679C;
		}
		
		.text h4{position:relative; color:#333333; margin:10px;}
                .text h3{position:relative; color:#34679C; margin:10px;}
		.text p{position:relative; color:#333333; margin-left:10px; margin-right:7px; margin-bottom:5px; line-height:16px;}
		.text img
		{
			padding:3px; background:#EEEEEE; border:1px solid #A3A3A3; margin-right:10px;
		}
                
                .text blockquote
		{
			position:relative;  margin:0 auto;
                        background-image:url(siteimages/background/bg_quote.jpg);
                        background-position:left bottom;
                        background-repeat:repeat-x;
                        width:90%;
                        border:1px solid #0EA2C7;
                         color:#333333;
                         padding:5px;
                         line-height:18px;
                         font-weight:bold;
                         border-bottom:4px solid #1A2F44;
		}

                .text ul
                       {
                         position:relative;
                         margin:10px;
                         list-style:none;
                       }
                  .text ul li
                       {
                         line-height:20px;
                         color:#0EA2C7;
                         padding-left:18px;
                         background-image:url(siteimages/background/bg_text_li.jpg);
                         background-position:left center;
                        background-repeat:no-repeat;
                       }

                
		
#content .sidebar
		{/*defined in global.css*/}
		
		.sidebar .content-block{/*defined in global.css*/}
		.sidebar .upcoming
		{
			position:relative;
			background:#F4F4F4;
			border:1px solid #D1D1D1;
			z-index:4;
			padding-bottom:10px;
		}
		
                

		.upcoming .left-top-c{background:url(siteimages/background/bg_content_block_l_t.jpg) no-repeat; top:-1px; left:-1px;}
		.upcoming .right-top-c{background:url(siteimages/background/bg_content_block_r_t.jpg) no-repeat; top:-1px; right:-2px; _right:-3px; }
		.upcoming .left-bottom-c{background:url(siteimages/background/bg_content_block_l_b.jpg) no-repeat; bottom:-2px; left:-1px; _bottom:-8px;}
		.upcoming .right-bottom-c{background:url(siteimages/background/bg_content_block_r_b.jpg) no-repeat; bottom:-2px; right:-2px; _bottom:-8px; _right:-3px;}
		
		.upcoming ul{position:relative; list-style:none;}
                .upcoming ul li{position:relative; 
                                    line-height:20px; 
                                    padding-left:20px;
                                   
                                    }
                 .upcoming ul li li{
                                     font-weight:normal;
                                     background-image:url(siteimages/background/bg_side_li.jpg);
                                    background-position:left center;
                                    background-repeat:no-repeat;
                                       }
                 .upcoming ul li a{ color:#0EA2C7;}
                 .upcoming ul li a:hover{color:#1A2F44; text-decoration:underline;}
/* End of 'about' */