/*
      Created by Ibrar Hussain
	  
	  E-Mail: ibrar_husssain_19@hotmail.co.uk	  
*/

* { padding: 0; margin: 0; }

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

   LAYOUT

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

body {
 font-family: Verdana;
 font-size: 13px;
 background-color:#e1e1e1
}
#wrapper { 
 margin: 0 auto;
 width: 963px;
}

.left{float:left}
.right{float:right}

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

h1{
background:url('images/head_bg.png');
padding:5px;
padding-left:8px;
width: 146px; 
height: 14px;
font-size:12px;
color:#fff;
font-weight:normal
}

.head-box{
	 background-color:#a9aaad; 
	 width: 141px;
	 padding:6px;
	 line-height:21px;
	 padding-left:12px;
}

.head-box select{
	width:128px
}

.drop{
	height:40px
}

.submit{
	background:url('images/submit.png');
	width: 54px; 
	height: 21px;
	border:0;
	margin-left:80px;
	cursor:pointer
}

.go{
	background:url('images/go.png');
	width: 32px; 
	height: 24px;	
	border:0;
	cursor:pointer;
	float:right;
	margin-top:-9px
}

.head-bottom{
	 background:url('images/head-btm.png'); 
	 height: 1px; 
	 width: 147px;
	 padding:6px;
	 margin-bottom:10px
}

.head-box ul{
list-style:none
}

.head-box h2{
color:#6f6f78;
font-size:23px;
height:28px;
}

.head-box h4{
color:#6f6f78;
}

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

   	HEADER

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

#header {
 color: #333;
 width: 940px; 
 height: 192px; 
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 10px 0px 0px 0px;
 background:url('images/weblogo.jpg');
}

#head-left{
 float:left;
 height: 123px;
 width: 597px;
 padding-top:70px
}

#head-left img{
margin-left:20px
}

#head-right{
 float:right;
 width: 239px; 
 height: 143px;
 padding:15px;
 margin:12px;
 background:url('images/back.png');
}

#head-right div{
 float:left;
 width:130px;
 color:#fff;
 font-size:11px;
}

#head-right h2{
  font-size:14px;
  margin-bottom:5px;
}
/********************************************

   NAVIGATION

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

#navigation {
 float: left;
 width: 950px;
 color: #333;
 padding: 10px;
 background: #fff;
 padding-left:1px
}

#navigation li{
display:inline;
list-style:none;
}

#navigation li a{
padding:10px;
color:#000;
padding-right:37px;
padding-left:37px;
}

#navigation a:hover{
background-color:#74757b;
text-decoration:none
}

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

   CONTENT WRAP

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

#content-wrap {
 float: left;
 width: 961px;
 overflow:hidden;
 background: #f6f6f6 url('images/bg.jpg') repeat-x;
}

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

   BREADCRUMB

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

#breadcrumb {
padding:10px; 
padding-left:20px; 
margin-top:5px;
color:#333
}

#breadcrumb a{
text-decoration:underline
}

#breadcrumb a:hover{
text-decoration:none
}

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

   LEFT COLUMN

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

#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 160px;
 float: left;
 padding-left:20px;
}

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

   CONTENT

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

#content { 
 float: left;
 color: #333;
 margin: 10px 5px 5px 0px;
 width: 565px;
 display: inline;
 padding-bottom:6px
}

#content h1{
background:url('images/heading.png');
width:547px;
margin-bottom:10px
}

#inner-content li{ 
margin-left:22px;
}

#inner-content{ 
 padding-left:7px;
}

#inner-content h4{ 
 margin-bottom:4px;
}

#inner-content a{ 
text-decoration:underline;
}

#inner-content a:hover{ 
text-decoration:none;
}

#middle h2{
background:url('images/middle-bg.jpg');
width:254px;
font-size:14px;
padding:7px;
}

#middle-map h2{
background:url('images/middle-bg.jpg');
width:254px;
font-size:14px;
padding:7px;
}

#middle{
background:url('images/middle.png'); 
float:left;
margin:5px;
width: 272px; 
height: 145px;
padding-top:10px;
color:#000;
}

#middle-map{ 
background:url('images/middle-map.png');
float:right;
margin:5px;
width: 272px; 
height: 145px;
padding-top:10px;
color:#000;
}

#middle h2, #middle-map h2{ 
color:#fff;
}

#middle p, #middle-map p{ 
padding:8px;
font-size:11px;
}

#middle img, #middle-map img{ 
float:right;
margin-right:10px;
margin-top:-9px;
}

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

   RIGHT COLUMN

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

#rightcolumn { 
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 154px;
 float: left;
}

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

   FOOTER

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

#footer { 
 width: 941px;
 clear: both;
 color: #fff;
 border: 1px solid #ccc;
 background:url('images/footer.jpg');
 margin: 0px 0px 10px 0px;
 padding: 9px;
 height:13px;
 font-size:11px;
 padding-top:11px
}

#footer a{ 
color:#fff
}