/* Style sheet for International Day of Non-Violence */















body {



	font-family: Arial, Helvetica, sans-serif;



	margin-top: 0px;



	background-color:#050647;



	



	background-repeat: repeat-x;



}



	



/* MAIN CONTAINER - HOMEPAGE*/







#main {



	width: 770px;



	margin: 0px auto;



	background-color: #FFFFFF;



	border: 1px solid #666666;



}	







 /* SKIP TO NAVIGATION AND SKIP TO TEXT*/



 



#skiplink {



	padding: 0px;



	margin: 0px;



	clear: both;



	font-size: 10px;



	display: inline;



	color: #FFFFFF;



}



#skiplink a {



	color:#FFFFFF;



}



#skiplink a:focus, div#skiplink a:active



{



	color:#333333;



	background-color: #C3C4C7;



}











/* LANGUAGE BAR */







#lang {



	padding: 0 1% 0 0;



	margin: 0px auto;



	height: 20px;



	color: #6599FF;



	width: 770px;



}



#lang ul {



	text-align: left;



	font-size: .7em;



	color: #000000;



	padding: 0;



	margin: 0;



}



#lang ul li {



	list-style-type:none;



	text-align: left;



	display: inline;



	margin: 0;



	padding: 0 0 0 1%;



}



#lang ul li#arabic {



	direction:rtl; 



	font-size: 1.2em;}



#lang ul li#chinese {



	font-size: .95em;}



#lang ul li a:link {



	color:#003399;



	text-decoration:none;



	font-weight: normal;



}



#lang ul li a:visited {



	color:#003399;



	text-decoration:none;



	font-weight: normal;



}



#lang ul li a:hover {



	color:#990000;



	text-decoration:none;



	font-weight: normal;	



}



#lang ul li a:active {



	color:#003399;



	text-decoration:none;



	font-weight: normal;



}











/* TOP BANNER */







#banner {



	clear: none;



	background-color: #ffffff;



}







#hiddentitle, #hiddentitle span {



	margin: 0px;



	padding: 0px;



	background-image: url(images/topbanner.jpg);



	background-repeat: no-repeat;



	height: 160px;



	background-color: #003366;



}







#hiddentitle span {



	margin-bottom: -75px;



}







h1 {



	font-size: 15px;



	padding:0;



	margin:0;



	text-align: center;



	color: #006699;



}



h1 span {



	display: block;



	position: relative;



	z-index: 1;	



}







 /* LEFT MENU NAVIGATION LINKS - HOMEPAGE*/



#clear {



	width: 176px;



	height: 11px;



	background-color: #A3A1D0;



	padding-top: 10px;



}



.top {



	



}







#lftnav  {



	font-size: 0.8em;



	float: left;



	width: 176px;



	font-family: Arial, Helvetica, sans-serif;



	background-color: #A3A1D0;



	height: 100%;



}







#lftnav ul {



	margin: 0;



	padding: 0;



	text-align: left;



	font-weight: normal;



	list-style-type: none;



}















#lftnav a { /* IE FIX*/



	border-bottom: thin dotted #ffffff;



	margin-top:-16px;



	padding: 4px 10px 4px 6px;



	color:#333333;



	text-decoration:none;



	display: block;



}







html>body #lftnav a   {



	border-bottom: thin dotted #ffffff;



	margin:0;



	padding: 4px 10px 4px 6px;



	color:#333333;



	text-decoration:none;



	display: block;



}



html>body #lftnav a#home   {



	border-bottom: thin dotted #ffffff;



	margin-top:-20px;



	padding: 4px 10px 4px 6px;



	color:#333333;



	text-decoration:none;



	display: block;



}











#lftnav a:hover {



	background-color: #E6E8FF;



	color: #ffffff;

font-weight:200;



	background-image: url(images/menu.jpg);



}











/* PAGE CONTENT ATTRIBUTES */







#content {



	margin: 0;



	padding: 0% 0% 0% 1%;



	float: left;



	clear: right;

	

	width: 547px;

	background-color:#FFFFFF;



	



}



#content #flash{

padding-bottom:0;

margin-bottom:0;



}





#content h2 {



	color:#3C388F;



	font-size: 0.9em;



	padding: 0 0 3px;



	font-weight: bold;



	padding-top: 10px;



	border-bottom: 1px dotted #D6D6D6;



}



#content h3 {



	color: #3C388F;



	font-size: 0.95em;



	padding: 0 0 3px;



	font-weight: bold;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #003366;



}







	



#content p {



	font-size: 0.8em;



	padding: 0 0%;



	color: #333333;



	text-align:left;



}







#content p.bold {



	font-weight: bold;	



}







#content a:link {



	color: #000066;



}



#content a:visited {



	color: #000066;



}



#content a:hover { 



	color:#2486D7;



}



#content a:active {



	color: #000066;



}















#content ul li {



	font-size: 0.8em;



	padding: 0 0% 2% ;



	color: #333333;



	list-style-image:url(images/red_arrow.png);



}







#content ul li ul li { list-style:none;font-size:100%;margin-left:2%;padding-left:2%}







#content #photo{

font-size:9px;

font-style:italic;

width:40%;

float:left;

}



#content #photor{

font-size:9px;

font-style:italic;

width:40%;

float:right;

}





#content #photoarea{

padding-top:10px;

padding-bottom:10px;

border

}







/* FOOTER BAR */







#footer {



	text-align: center;



	margin: 0 auto;



	clear: both;



	color: #CCCCCC;



	font-size: 11px;



	padding: 0px;



	height: 35px;



	background-image: url(images/footer.jpg);



	vertical-align: bottom;



}



#footer2 {



	text-align: center;



	margin: 0 auto;



	clear: both;



	color: #FFFFFF;



	font-size: 11px;



	padding: 0px;



	height: 16px;



	vertical-align: bottom;



	background-color: #3C388F;



}



/* BOX QUOTE */



blockquote {



	display: block;



	width: 96%;



	left: 300px;



	background-color: #A3A1D0;



	padding: 2%;



	margin: 0px;



	border-top-width: 1px;



	border-bottom-width: 1px;



	border-top-style: solid;



	border-bottom-style: solid;



	border-top-color: #1F1D4D;



	border-bottom-color: #1F1D4D;



}



blockquote p {



	margin: 0px;



	padding: 0 2% 0 3%;



	line-height: 150%;



	font-size: 1.0em;



}







blockquote .credit {



	text-align: left;



	font-style: oblique;



	display: block;



	padding-right: 2%;



	padding-bottom: 3px;



	padding-top: 15px;



	font-size: 0.7em;



	font-weight: bold;



	color: #333333;



}



blockquote .special{

font-size: 1.0em;

color:#FFFFFF;

font-size:14px;

}



.red{ color:#5C5995}



#menu5 {



	width: 200px;



	border-style: none solid none solid;



	border-color: #D0D0D0;



	border-width: 1px;



	margin: 0px;

	float:left;



	}



#menu5 ul {



	list-style: none;



	margin: 0;



	padding: 0;



	}



	



#menu5 li a {



	height: 24px;



	voice-family: "\"}\"";



	voice-family: inherit;



	height: 24px;



	text-decoration: none;



	font-size: small;



	}	



	



#menu5 li a:link {



	color: #333333;



	display: block;

background-color:#A3A0CF;

	/*background: url(images/menu5.jpg);*/



	padding: 8px 25px 0 10px;



	text-align: left;

	border-bottom:#CCCCCC;

border-bottom-style:solid;

border-bottom-width:thin;



	}



#menu5 li a:visited {



	color: #333333;



	display: block;



background-color:#A3A0CF;

border-bottom:#CCCCCC;

border-bottom-style:solid;

border-bottom-width:thin;

	/*background: url(images/menu5.jpg);*/



	padding: 8px 25px 0 10px;



	text-align: left;



	}



	



#menu5 li a:hover {



	color: #ffffff;

font-weight:200;

background-color:#3E3890;



	/*background: url(images/menu5.jpg) 0 -32px;*/



	padding: 8px 25px 0 10px;



	text-align: left;



	}



	



#menu5 li a:active {



	color: #333333;



	display: block;

background-color:#3E3890;

	/* background: url(images/menu5.jpg);*/



	padding: 8px 25px 0 10px;



	text-align: left;



	}



#leftmenu{ margin:0;







	font-size: 0.8em;



	float: left;



	width: 203px;



	font-family: Arial, Helvetica, sans-serif;



	background-color: #A3A1D0;

float:left;

	height: 100%;}



#leftmenu ul {



	list-style: none;



	margin: 0;



	padding: 0;



	}



#leftmenu h2{

padding-left:5px;

background-color:#C3C1E3;

font-size:1.1em;

padding-top:10px;

padding-bottom:10px;

margin:0;

color:#000000;

font-weight:200;}