/* 
	project: Centre For Multiparty Democracy
	author: Musa Omoro Designs
	Stylesheet
*/



/* MAIN */

body 
{
	background-color:white;
	margin: 0;
	padding: 0;
}


/* TEXT */


p
{
	margin: 0;
	padding: 0;
	font-family:arial; 
	font-size: 12px;
	text-align: left;
	color: rgb(0,0,0);
	border:none;
}

p.logo
{
	font-family:times new roman; 
	font-size: 16px;
	text-align: left;
	color: rgb(0,93,54);
	padding-top:10px;
}

p.toptext
{
	text-align: right;
	padding-top:35px;
	color: rgb(0,93,54);
	padding-right:20px;
}

p.events
{
	padding-left:14px;	
	color: white;
}

p.link
{
	text-align: center;
	padding-top:3px;
	color: yellow;
}


p.bottom
{
	text-align: center;
	color: rgb(0,146,63);
	font-weight:bold;
}

p.boottom
{
	text-align: center;
	color: white;
}

p.green
{
	padding-left:7px;
	padding-top:3px;
	color: rgb(0,146,63);
	font-size: 12px;
}

p.alt
{
	padding-right:7px;
	padding-top:3px;
	color: rgb(0,146,63);
	text-align:right;
	padding-left:30px;	
}

p.dgreen
{
	padding-top:3px;
	color: rgb(25,58,45);
	text-align: center;
}

p.farm
{
	padding-top:3px;
	color: rgb(25,58,45);
	text-align: right;
	padding-right:10px;
}

p.error
{
	padding-top:3px;
	color: red;
	text-align: right;
	padding-right:10px;
	font-weight:bold;
}

p.contz
{
	padding-top:3px;
	color: rgb(25,58,45);
	padding-left:10px;
}

p.yo
{
	padding-top:14px;
	padding-left:40px;
	padding-right:40px;	
	color: rgb(25,58,45);
	text-align: center;
}

p.newz
{
	padding:7px;
	padding-top:9px;	
	color: rgb(25,58,45);
	text-align: left;
}

p.normal
{
	padding-left:20px;
	padding-right:20px;	
	color: rgb(25,58,45);
	text-align: justify;
}

ul.yawa
{
	padding-left:50px;
	padding-right:20px;	
	color: rgb(25,58,45);
	text-align: justify;
}

p.big
{
	padding-left:20px;
	padding-right:50px;	
	color: rgb(25,58,45);
	text-align: left;
	font-size:20px;
}

span.big
{
	color: rgb(0,146,63);
	text-align: left;
	font-size:20px;
}

span.yellow
{
	color: yellow;
	font-size:11px;
	font-weight:bold;
}

p.rezo
{
	padding:20px;
	padding-top:6px;	
	color: rgb(25,58,45);
}

p.lank
{
	display: block; 
   	text-decoration: none; 
   	background: url('images/darrow.gif'); 
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: rgb(155,175,116);
	float:left;
	color:rgb(25,58,45);
   	width: 196px;
   	height: 25px; 
	line-height:25px;
	text-align:left;
	padding-left:27px;	
}

p.logosmall
{
	font-family:times new roman; 
	font-size: 9px;
	text-align: left;
	color: rgb(0,93,54);
	padding-top:50px;
	letter-spacing:10px;
}

p.picha
{
	text-align: center;
	color: rgb(0,0,0);
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
}

p.pichar
{
	text-align: center;
	padding-left:10px;
	padding-right:10px;
}

ul
{
	margin: 0;
	padding: 0;
	font-family:arial; 
	font-size: 12px;
	text-align: left;
	color: rgb(0,0,0);
	border:none;
}

a
{
	margin: 0;
	padding: 0;
	font-family:arial; 
	text-align: left;
	color: rgb(0,0,0);
	border:none;
	font-size:12px;
}

span
{
	margin: 0;
	padding: 0;
	font-family:arial; 
	text-align: left;
	color: rgb(0,0,0);
	border:none;
}

span.lgreen
{	
	color: rgb(151,203,56);
}

span.green
{	
	color: rgb(0,146,63);
}

span.dgreen
{	
	color: rgb(25,58,45);
}

span.small
{	
	color: rgb(0,146,63);
	font-size:12px;
}

span.orange
{	
	color: rgb(234,147,68);
}


span.ggg
{	
	color: rgb(150,150,150);
}

span.red
{	
	color: red;
}

span.white
{	
	color: white;
}

span.head
{
	display: block; 
   	text-decoration: none; 
   	
	font-weight:bold;
	float:right;
	color:green;
   	width: 512px; 
	border-top:1px dotted rgb(231,120,23); 
	border-bottom:1px dotted rgb(231,120,23);
   	height: 40px; 
	line-height:45px;
	font-size:13px;
} 

/* IMAGES */

img
{
	padding:0;
	margin:0;
	border:none;
}

img.logo
{
	width: 102px;
	height:64px;
	float:left;
	margin-left:61px;
}

img.picshow
{
	width: 254px;
	height:225px;
	float:left;
}

img.pubpic
{
	width: 99px;
	height:125px;
	float:left;
	margin-left:89px;
}

img.pubpicc
{
	width: 99px;
	height:125px;
	float:left;
	margin-left:26px;
	margin-top:4px;
}

img.eventpica
{
	width: 100px;
	height:125px;
	float:left;
	margin-left:26px;
	margin-top:4px;
}

img.pubpiccc
{
	width: 177px;
	height:225px;
	float:left;
}

img.eventbig
{
	width: 179px;
	height:225px;
	float:left;
}


img.vidpic
{
	width: 162px;
	height:119px;
	float:left;
	margin:5px;
}

img.strip
{
	width: 551px;
	height:100px;
	float:left;
}

img.event
{
	width: 76px;
	height:96px;
	float:left;
}

img.newzo
{
	width: 151px;
	height:134px;
	float:left;
}

/* LINES */

hr.red
{
	
	width:549px;
	border:0; 
	height: 0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	border-bottom: 1px dotted rgb(218,37,29);
}

/* DIVS */

div.logo
{
float:left;
width:325px;
height:36px;
border-top: solid 1px white;
border-bottom: solid 1px white;
margin-top:21px;
}

div.picshow
{
float:left;
width:511px;
height:230px;
margin-left:20px;
margin-top:10px;
}

div.paka
{
float:left;
width:531px;
height:1160px;
margin-left:10px;
}

div.vidio
{
float:left;
width:425px;
height:330px;
margin-left:53px;
background-color:white;
}

div.vidi
{
float:left;
width:425px;
height:257px;
}

div.pakain
{
float:left;
width:260px;
height:270px;
}

div.pakaiin
{
float:right;
width:260px;
height:270px;
}

div.picha
{
float:left;
width:260px;
height:186px;
border:solid 2px black;
}

div.logoshow
{
float:left;
width:511px;
height:150px;
margin-left:20px;
margin-top:15px;
margin-bottom:15px;
}

div.logodiv
{
float:left;
width:150px;
height:150px;
background-color:white;
}

div.picshow1
{
float:left;
width:254px;
height:225px;
}

div.picshow2
{
float:left;
width:254px;
height:225px;
margin-left:2px;
}

div.party1
{
float:left;
width:70px;
height:62px;
background-color:white;
}

div.party2
{
float:left;
width:442px;
height:62px;
background-color:rgb(175,197,129);
}

div.alt
{
float:left;
width:511px;
height:40px;
margin-left:20px;
}

div.alt1
{
float:left;
width:253px;
height:30px;
border-right:1px solid yellow;
}

div.alt2
{
float:left;
width:253px;
height:30px;
margin-left:2px;
border-right:1px solid yellow;
}

div.eventpic
{
float:left;
width:76px;
height:96px;
background-color:rgb(25,58,45);
margin-top:14px;
margin-left:14px;
}

div.eventtext
{
float:right;
width:119px;
height:96px;
margin-top:14px;
margin-right:14px;
}

div.errorhold
{
float:left;
width:510px;
height:22px;
margin-left:20px;
margin-top:4px;
}

div.error
{
float:right;
width:361px;
height:22px;
background-color:yellow;
}

div.formhold
{
float:left;
width:511px;
height:26px;
margin-left:20px;
}

div.exp
{
float:left;
width:145px;
height:22px;
background-color:rgb(175,197,129);
margin-right:4px;
}

div.contz
{
float:left;
width:362px;
height:22px;
background-color:rgb(151,203,56);
}

div.title
{
float:left;
width:223px;
height:33px;
background-color:rgb(25,58,45);
}

div.magic
{
float:left;
width:511px;
height:60px;
margin-bottom:4px;
margin-left:20px;
}

div.magic1
{
float:left;
width:417px;
height:60px;
background-color:rgb(175,197,129);
}

div.magic2
{
float:right;
width:94px;
height:60px;
background-color:white;
}

div.linko
{
float:left;
width:223px;
height:123px;
}

div.linko1
{
float:left;
width:71px;
height:59px;
border:1px solid rgb(0,146,63);
}

div.linko1:hover
{
border:1px solid red;
}

div.linko2
{
float:left;
width:73px;
height:59px;
border:1px solid rgb(0,146,63);
margin-left:1px;
margin-right:1px;
}

div.linko2:hover
{
border:1px solid red;
}

div.linko3
{
float:left;
width:221px;
height:59px;
border:1px solid rgb(0,146,63);
margin-top:1px;
}

div.linko3:hover
{
border:1px solid red;
}

div.bot
{
float:left;
width:223px;
height:16px;
background-color:rgb(25,58,45);
}

div.realnews
{
float:left;
width:256px;
height:78px;
background-color:white;
border-top:2px solid rgb(202,224,166);
}


div.realnews:hover
{
background-color:rgb(245,245,245);
border-top:2px solid rgb(200,200,200);
}

div.admin
{
float:left;
width:513px;
height:172px;
margin-left:20px;
}



div.newstitle
{
float:left;
width:551px;
height:33px;
background: url('images/nline.gif'); 
background-repeat: repeat-x;
}

div.events
{
float:left;
width:223px;
height:124px;
background: url('images/oline.gif'); 
background-repeat: repeat-x;
}

div.news
{
float:right;
width:275px;
height:244px;
background-color: rgb(200,224,148); 
overflow:scroll;
}

div.map
{
float:left;
width:294px;
height:341px;
background: url('images/map.gif'); 
background-repeat:none;
background-color: rgb(118,196,215); 
}

div.logs
{
float:left;
width:66px;
height:66px;
border:1px solid rgb(0,137,80);
background-color:white;
}

div.logs:hover
{
border:1px solid red;
}



div.vido
{
width:172px;
height:129px;
background-color: white; 
border:1px solid rgb(0,137,80);
float:left;
}

div.titletop
{
float:left;
width:100%;
height:21px;
border-left: 2px solid rgb(151,203,56); 
margin:6px;
margin-right:0px;	
}

div.man
{
float:left;
width:223px;
height:399px;
background-color:rgb(200,224,148);
}

div.red
{
float:left;
width:223px;
height:208px;
}

div.explain
{
float:left;
width:57px;
height:22px;
background-color:rgb(175,197,129);
}

div.hald
{
float:left;
width:183px;
height:22px;
margin-left:20px;
margin-top:26px;
}

div.search
{
float:left;
width:223px;
height:125px;
background-color:rgb(200,224,148);
}

div.pub
{
float:left;
width:275px;
height:246px;
background-color:rgb(200,224,148);
}

div.know
{
float:left;
width:223px;
height:82px;
}

div.know:hover
{
float:left;
width:223px;
height:82px;
border-top:solid 1px red;
border-bottom:solid 1px red;
}

div.space
{
float:left;
width:223px;
height:1px;
background-color:white;
}

div.pubhold
{
float:left;
width:275px;
height:125px;
text-align:center;
margin-top:14px;
}

div.pubic
{
float:left;
width:275px;
height:100px;
text-align:center;
}

#loader img 
{
width: 275px;
height: 244px;
}

div.parties
{
float:left;
width:223px;
height:125px;
background-color:rgb(117,195,216);
overflow:scroll;
}

div.logohold
{
float:left;
width:385px;
height:77px;
margin-left:15px;
}

div.latest
{
float:left;
width:512px;
height:134px;
background-color:white;
margin-left:20px;
margin-bottom:5px;
}

div.latest1
{
float:left;
width:151px;
height:134px;
background-color:rgb(200,224,148);
}

div.latest2
{
float:left;
width:267px;
height:134px;
background-color:rgb(175,197,129);
}

div.latest3
{
float:left;
width:94px;
height:134px;
background-color:white;
}

div.toptext
{
float:left;
width:223px;
height:60px;
}

/* LINKS */

a:link.lgreen
{
color:rgb(151,203,56);
text-decoration:none;
}
a:visited.lgreen
{
text-decoration:none;
color:rgb(151,203,56);
}
a:hover.lgreen
{
text-decoration:underline; 
color:white;
}
a:active.lgreen
{
text-decoration:none;
color:rgb(151,203,56);
}

a:link.llgreen
{
color:rgb(0,146,63);
text-decoration:underline;
}
a:visited.llgreen
{
text-decoration:underline;
color:rgb(0,146,63);
}
a:hover.llgreen
{
text-decoration:underline; 
color:rgb(25,58,45);
}
a:active.llgreen
{
text-decoration:underline;
color:rgb(0,146,63);
}


a:link.dgreen
{
color:rgb(25,58,45);
text-decoration:none;
}
a:visited.dgreen
{
text-decoration:underline;
color:rgb(0,146,63);
}
a:hover.dgreen
{
text-decoration:underline; 
color:rgb(0,146,63);
}
a:active.dgreen
{
text-decoration:none;
color:rgb(25,58,45);
}


a:link.ddgreen
{
color:rgb(0,146,63);
text-decoration:none;
}
a:visited.ddgreen
{
text-decoration:underline;
color:rgb(0,146,63);
}
a:hover.ddgreen
{
text-decoration:underline; 
color:white;
}
a:active.ddgreen
{
text-decoration:none;
color:rgb(0,146,63);
}


a:link.white
{
color:rgb(150,150,150);
text-decoration:underline;
}
a:visited.white
{
text-decoration:underline;
color:rgb(150,150,150);
}
a:hover.white
{
text-decoration:underline; 
color:white;
}
a:active.white
{
text-decoration:underline;
color:rgb(150,150,150);
}

a:img
{
border:0px;
}

a
{
display: inline; /* Prevents "stepdown" */
}

a.common
{
	display: block; 
   	text-decoration: none; 
   	background: url('images/common.gif'); 
	background-repeat: repeat-x;
	float:right;
	color:white;
   	width: 57px;
   	height: 22px; 
	line-height:22px;
	text-align:center;
	margin-top:6px;
	margin-right:6px;	
} 

a.common:hover 
{ 
  	color:white;
	background: url('images/commonr.gif'); 
	background-repeat: repeat-x;	
} 

a.pal
{
	display: block; 
   	text-decoration: none; 
	float:right;
	color:rgb(151,203,56);
   	width: 170px;
   	height: 33px; 
	line-height:35px;
	text-align:center;
	border-left:1px solid white;
	background-color:rgb(40,84,67);	
} 

a.pal:hover 
{ 
  	color:white;
	background-color:rgb(51,107,86);	;
	text-decoration:underline;	
} 

a.lank
{
	display: block; 
   	text-decoration: none; 
   	background: url('images/arrow.gif'); 
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: rgb(200,224,148);
	float:left;
	color:rgb(25,58,45);
   	width: 196px;
   	height: 25px; 
	line-height:25px;
	text-align:left;
	padding-left:27px;	
} 

a.lank:hover 
{ 
  	color:rgb(25,58,45);
	background: url('images/arrowr.gif'); 
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: rgb(151,203,56);	
} 

a.dead
{
	display: block; 
   	text-decoration: none; 
   	background: url('images/arrowr.gif'); 
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: rgb(151,203,56);
	float:left;
	color:rgb(25,58,45);
   	width: 196px;
   	height: 25px; 
	line-height:25px;
	text-align:left;
	padding-left:27px;	
} 

a.dead:hover 
{ 
  	color:rgb(25,58,45);
	background: url('images/arrow.gif'); 
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: rgb(200,224,148);	
} 

a.admin
{
	display: block; 
   	text-decoration: none; 
	background-color: rgb(25,58,45);
	float:left;
	color:rgb(132,194,37);
   	width: 169px;
   	height: 85px; 
	line-height:85px;
	text-align:center;
	margin-right:2px;
	margin-top:2px;	
} 

a.admin:hover 
{ 
  	color:rgb(132,194,37);
	text-decoration:underline;
	background-color: rgb(39,81,65);	
} 

/* FORM STUFF */

form
	{ 
	padding: 0; 
	margin: 0; 
	}

input.login
{
	height: 18px;
	width:114px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	padding-top:2px;
	padding-left:5px;
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:white;	
	margin-left:20px;
	border:1px solid rgb(0,137,80);
}

input.search
{
	height: 18px;
	width:114px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	padding-top:2px;
	padding-left:5px;
	margin: 0; 
	font-family:arial;
	float:right;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}

input.fname
{
	height: 18px;
	width:181px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	padding-top:2px;
	padding-left:5px;
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}

input.ffname
{
	height: 21px;
	width:264px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}

select.date
{
	height: 22px;
	width:59px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}

select.search
{
	height: 23px;
	width:121px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	
	
	margin: 0; 
	font-family:arial;
	float:right;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}

select.tarehe
{
	height: 23px;
	width:57px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	
	
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}

select.sex
{
	width:141px;
	height:20px;
	font-size:12px;
	color:black;
	padding:0;
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:rgb(210,210,210);	
	border:none;
	margin-left:10px;
}

input.log
{
width:57px;
height:22px;
margin-left:4px;
float:left;
}

input.find
{
width:57px;
height:22px;
float:right;
}

input.post
{
width:57px;
height:22px;
float:left;
}

textarea.comment
{
	height: 100px;
	width:360px;
	font-size:12px;
	color:rgb(0,93,54);
	padding:0;
	margin: 0; 
	font-family:arial;
	float:left;
	background-color:white;	
	border:1px solid rgb(0,137,80);
}


/* TABLE */

table
{
margin:0;
padding:0;
border:none;
}

table.main
{
	width: 1000px;
}

td.main1
{
	height:100px;
	width: 223px;
	background: url('images/yline.gif');
	background-repeat: repeat-x; 	
}

td.main2
{
	height:100px;
	width: 551px;
	background: url('images/yline.gif');
	background-repeat: repeat-x; 	
}

td.main11
{
	height:100px;
	width: 223px;
	background: url('images/botline.gif');
	background-repeat: repeat-x; 	
}

td.main22
{
	height:100px;
	width: 551px;
	background: url('images/botline.gif');
	background-repeat: repeat-x; 	
}

td.mainxx
{
	height:1px;
	width: 1000px;
	background-color:white;
}

td.main3
{
	height:33px;
	width: 1000px;
	background-color:rgb(25,58,45);
}

td.mainx
{
	height:100px;
	width: 1px;
	background-color:white;
}

td.content1
{
	height:579px;
	width: 223px;
}

td.content2
{
	height:579px;
	width: 551px;	
}

td.contentx
{
	height:579px;
	width: 1px;
	background-color:white;	
}

table.expand
{
margin:0;
padding:0;
border:none;
background-color:rgb(200,224,148);
width:552px;
}

td.expand1
{
	height: 34px;
	background-color:white;
}

td.expand2
{
	height: 485px;
	background-color:rgb(200,224,148);
}

td.expand3
{
	height: 20px;
	background-color:rgb(200,224,148);
}

td.expandx
{
	height: 1px;
	background-color:white;
}

td.bot
{
	height: 16px;
	background-color:rgb(25,58,45);
}

/* MENU STUFF */


#menu {
width: 223px; 
background:white;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 12px arial, helvetica, sans-serif;
display: block;
line-height:24px;

border-bottom: dotted 1px rgb(100,100,100);
margin: 0;
padding: 0px 0px;
padding-left:50px; 
height:24px;
}

#menu a {
color: rgb(25,58,45);
text-decoration: none;
background: url('images/larrow.gif'); 
background-repeat: no-repeat;
background-position: 27px 4px;
background-color:rgb(182,204,135);
border-bottom: solid 1px white;
}

#menu a:hover {
color:rgb(25,58,45);
border-bottom: solid 1px white;
background: url('images/arrow.gif'); 
background-repeat: no-repeat;
background-position: 27px 4px;
background-color:rgb(200,224,148); 
}



#menu ul ul a {
color:rgb(0,0,0);
border-bottom: solid 1px white;
background: url('images/arrow.gif'); 
background-repeat: no-repeat;
background-position: 5px 4px;	
border-bottom: solid 1px white;
padding-left:27px;
background-color:rgb(182,204,135);
}

#menu ul ul a:hover {
color:rgb(151,69,120);
border-bottom: solid 1px white;
background: url('images/larrow.gif'); 
background-repeat: no-repeat;
background-position: 5px 4px;	
background-color:white;
padding-left:27px;
}

#menu ul ul ul a {
color:rgb(0,0,0);
border-bottom: solid 2px rgb(180,180,180);
background: url('images/dat.gif');
background-repeat: no-repeat; 
background-position: 149px 13px;	
background-color:rgb(232,232,232);
padding-left:27px;
}

#menu ul ul ul a:hover {
color:rgb(151,69,120);
border-bottom: solid 1px rgb(232,232,232);
background: url('images/bcirlce.gif'); 
background-repeat: no-repeat;
background-position: 0px 9px;
background-color: white;
padding-left:20px;
}


#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#menu ul ul {
position: absolute;
top: 0;
left: 0;
}



#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 223px;
}

div#menu ul ul
{display: none;}

div#menu ul li:hover ul 
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}


/* MANU STUFF */

a.bill
{
	display: block; 
   	text-decoration: none; 
   	background: url('images/yline.gif'); 
	background-repeat: repeat-x;
	
	float:left;
	color:black;
   	width: 99px; 
	 
	
   	height: 45px; 
	
	text-align:center; 
	line-height:48px;	
} 
a.bill:hover 
{ 
  	color:rgb(100,100,100);
	background: url('images/yliner.gif'); 
	background-repeat: repeat-x;
	 
} 

#manu {
width: 99px; 
background:white;
}

#manu ul {
list-style: none;
margin: 0;
padding: 0;
}

#manu a, #manu h2 {
font: 12px arial, helvetica, sans-serif;
display: block;
line-height:48px;
margin: 0;
padding: 0px 0px; 
height:45px;
text-align:center; 
line-height:48px;
}

#manu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#manu a {
color: black;
text-decoration: none;
background: url('images/yline.gif'); 
background-repeat: repeat-x;
}

#manu ul ul a {
color:yellow;
border-top: dotted 2px rgb(24,164,73);
background: url('images/wbox.gif');
background-repeat: no-repeat; 
background-position: 13px 10px;	
background-color:rgb(0,146,63);
padding-left:30px;
line-height:25px;
text-align:left;
height:25px;
}

#manu ul ul a:hover {
color:black;
border-top: dotted 2px rgb(0,0,0);
background: url('images/rbox.gif');
background-repeat: no-repeat; 
background-position: 13px 10px;	
background-color: rgb(150,150,150);
padding-left:30px;
}

#manu ul ul ul a {
color:rgb(0,0,0);
border-bottom: solid 2px rgb(180,180,180);
background: url('images/dat.gif');
background-repeat: no-repeat; 
background-position: 149px 13px;	
background-color:rgb(232,232,232);
padding-left:20px;
}

#manu ul ul ul a:hover {
color:rgb(151,69,120);
border-bottom: solid 2px rgb(232,232,232);
background: url('images/dot.gif'); 
background-repeat: no-repeat;
background-position: 149px 13px;
background-color: white;
padding-left:20px;
}

#manu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#manu li {position: relative;}

#manu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#manu ul ul ul 
{display: none;}

div#manu ul ul li:hover ul 
{display: block;}

div#manu ul ul ul,
div#manu ul ul li:hover ul ul
{display: none;}

div#manu ul ul li:hover ul,
div#manu ul ul ul li:hover ul
{display: block;}


#manu ul ul {
position: absolute;
top: 100%;
left: 0;
width: 200px;
}

div#manu ul ul
{display: none;}

div#manu ul li:hover ul 
{display: block;}

div#manu ul ul,
div#manu ul li:hover ul
{display: none;}

div#manu ul li:hover ul,
div#manu ul ul li:hover ul
{display: block;}