/* 

	project:  The PPP
	author:   Heman Yones (www.theppp.org.uk) 

   
*/


*{
	margin: 0;
	padding-top: 0;
	padding-right: 20;
	padding-bottom: 20;
	padding-left: 0;
}* 
body {
	line-height: 1.3em;
	/*background: #fff url(../images/bg.gif) repeat-x;*/
	color: black;
	font-family: Calibri;
	font-size: 0.8em;
}

a {	color: #a71f61;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 5px 0; }
h5 { font: bold 1.4em Arial, Sans-Serif;  margin: 2px px 0; }
h5 a { color: #a71f61; background: inherit; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 {
	font: bold 1.6em Calibri;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}
h4 {
	color: #666;
	background: inherit;
	font-weight: normal;
	font-size: 1.1em;
}
h3 { background: inherit; font-weight: normal; font-size: 0.9em; }

#content { width: 900px;  margin: 0 auto; }

#logo { padding: -5px 0 0px; margin: 0 0 0 0; height: 30px; width: 240px; float: left; background: url(../images/logobg.gif) no-repeat bottom; text-align: center;}

#menu { float: right; padding: 2px 0 0; margin: 0 0 18px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 10px 0px 0; margin: 0 0 0 20px;  }
#menu li a:hover {
	color: #333;
}

#intro { 
	clear: both;
	background: url(../images/intro2.png) no-repeat;
	width: 894px;
	height: 129px;
	margin: -10px 0 0;
	padding: 10px 10px 0 0;
	text-align: left; 
}
	#intro h1 { margin: 0px 22px 0; text-align:}
	#intro p {
	margin: 0 75px 0;
	color: #FFF;
}
	
	#login { font-size: .9em; margin: 25px 0 0; text-align: right; }
	#login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px; }
	#login a:hover { color: #fff; background: #8BE1FA url(../images/loginhover.gif) no-repeat; }
	
	#tel { font-size: 1em; margin: -20px 10px 0; text-align: right; color: #fff;}

#left { clear: left; float: left; width: 245px;  padding: 0 34px 0 0px; font-size: .9em; margin: 10 0 15px;}
	#leftmenu { list-style: none; margin: 0 0 20px 0; }
	#leftmenu li { padding: 0 0 0 12px; background: #fff url(../images/bullet.gif) no-repeat center left; color: #46852F; }
	#leftmenu li a { background: #EAFFE3; color: #46852F; }
#left2 { clear: left; float: right; padding: 0 34px 0 0px; font-size: .9em; margin: 10 0 15px;}
	#left2menu { list-style: none; margin: 0 0 20px 0; }
	#left2menu li { padding: 0 0 0 12px; background: #fff url(../images/bullet.gif) no-repeat center left; color: #46852F; }
	#left2menu li a { background: #EAFFE3; color: #46852F; }
	
#right { clear: left;
	margin: 0px 15px 20px 0;
	padding: 0 0 0 0px;
	float: right;
	width: 620px;
	text-align: justify;
}
	#notice { padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
	#left a, #right a { background: #EFFCFF; color: #317486; }

	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
/* left side
   --------- */

.right {
	float: left;
	width: 620px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
	.right_lb { float:right;
width:245px;
background:#fff;
margin-left:10px;
padding-bottom:20px;
}
	.right_la { float:right;
width:300px;
background:#fff;
margin-left:10px;
padding-bottom:20px;
}
		.right_ra {
	}
	
	.right_articles {
		margin: 0 0 15px 0;
		padding: 0 0 0 10px;
	}

	.lt {
		height: 20px;
		background: #6E6E6E url(../images/lt.gif) no-repeat;
		color: #FFF;
	}
	
	.lbox {
			font-size: 1.1em;
		color: #fff;
		padding: 3px 12px;
		margin: 0 0 5px 0;
		background: #6E6E6E url(../images/lb.gif) no-repeat bottom left;
		height: inherit;
	}
	
	.lbox a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.lbox h2 {
		color: #FFF;
		background: #6E6E6E;
	}
	
	
.thumb {
	float: left;
	width: 500px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 5px 15px 0;
	padding: 5px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
	
/* right side
   ---------- */
		
.left {
	float: left;
	width: 245px;
	margin: 0 0 10px 0;
}

.left a {
	color: #FFFCD1;
	background: inherit;
}

		
	.rt {
		background: #fff url(../images/rt.gif) no-repeat;
		color: #FFF;
		height: 7px;
	}
		
	.left_articles {
		font-size: 0.9em;
		background: #66ccff url(../images/rb.gif) no-repeat bottom;
		color: #FEE1D5;
		padding: 4px 8px;	
		margin: 0 0 10px 0;
	}
	
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}


.footer { 
	
	clear: both;
	text-align: center;
	line-height: 1.2em;
	color: #808080;
	background: #FFF url(../images/dot.gif) repeat-x;
	padding: 30px 0;
}

.footer a {
	color: #a71f61;
	background: inherit;
}
a:hover { color: #444;}
	
TABLE{FONT-SIZE:10pt;FONT-FAMILY:Calibri}
INPUT{FONT-SIZE:12px;FONT-FAMILY:Calibri}
.text{COLOR:#000000;BACKGROUND:#ffffff}
.textbox{BORDER-RIGHT:#000000 1px solid;BORDER-TOP:#000000 1px solid;SCROLLBAR-FACE-COLOR:#ffffff;BACKGROUND:white;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #000000 1px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY:Sans-serif;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;TEXT-ALIGN:left}
.topmenu{font:bold x-small Calibri;
color:#FFFFFF;background:#ff9900;FONT-SIZE:16px;text-decoration:none}
A.topmenu:link{color:#0056E1}
A.topmenu:active{color:#0056E1}
A.topmenu:visited{color:#0056E1}
A.topmenu:hover{color:#FFFFFF;background:#ff9900}
.blue{color:#FFFFFF;background:#ff9900;font-size:12px;text-decoration:none}
.orange{color:#FFFFFF;background:#ff9900;font-size:12px;text-decoration:none}
.blue2{color:#ff9900;font-size:12px;text-decoration:none}
A.blue:link{color:#FFFFFF}
A.blue:active{color:#FFFFFF}
A.blue:visited{color:#FFFFFF}
A.blue:hover{color:#0056E1;background:none}


.title1{font:bold x-small Calibri;
text-decoration:none;color:White}
.label{font:normal normal Calibri;
text-decoration:none;text-align:left}
.nlink{FONT-FAMILY: Calibri;text-decoration:none}
.plink{FONT-FAMILY: Calibri;Font:bold 18px}
A.plink:link{color:#000000}
A.plink:visited{color:#000000}
.plink1{FONT-FAMILY:Calibri;text-decoration:none;font:bold}
A.plink1:link{color:#ff9900}
A.plink1:visited{color:#ff9900}
A.plink1:hover{color:#CC6600;text-decoration:underline}
.BoxText{FONT-SIZE:14px;FONT-FAMILY:Calibri;Text-Decoration:none}
.BodyText{FONT-SIZE:14px;COLOR:#000000}
#tablist{padding:5px 0;margin-left:0;margin-bottom:0;margin-top:0.1em;font:bold 14px Calibri}
#tablist li{list-style:none;display:inline;margin:0}
#tablist li a{padding:5px 0.5em;margin-left:0px;border:1px solid #777;border-bottom:none;background:white}
#tablist li a:link,#tablist li a:visited{color:navy}
#tablist li a.current{background:#eeeeee}
#tabcontentcontainer{padding:7px;border:1px solid #ff9900;font:Calibri}
.tabcontent{display:none}
#tablist li a:hover{color:#ff9900}

.stitle {
	FONT-WEIGHT: bold; FONT-SIZE: 24px; TEXT-TRANSFORM: none; COLOR: #77bb12; PADDING-TOP: 0px; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.sstitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #77bb12; PADDING-TOP: 0px; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
#intro h1 {
	color: #FFF;
}