/* Style sheet for 1540 Committee (2007) */







body {

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

	margin-top: 0px;

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

	background-repeat: repeat-x;

	background-color: #6D8ACE;

}

	

/* MAIN CONTAINER - HOMEPAGE*/



#main {

	width: 780px;

	margin: 0px auto;

	background-color: #FFFFFF;

	border: 1px solid #6699CC;

}	



 /* SKIP TO NAVIGATION AND SKIP TO TEXT*/

 

#skiplink {

	width:150px;

	padding: 0px;

	margin: 0px;

	clear: both;

	font-size: 10px;

	display: inline;

	color: #BEC3E3;

}



#skiplink a {

	color:#BEC3E3;

}

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

{

	color:#FFFFFF;

	background-color: #000033;

}





/* LANGUAGE BAR */



#lang {

	padding: 0 1% 0 0;

	margin: 0px auto;

	height: 18px;

	background-repeat: no-repeat;

	background-color: #000034;

}

#lang ul {

	text-align: right;

	font-size: .7em;

	color: #000000;

	padding: 0;

	margin: 0;

}

#lang ul li {

	list-style-type:none;

	text-align: right;

	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:#FFFFFF;

	text-decoration:none;

	font-weight: bold;

}

#lang ul li a:visited {

	color:#FFFFFF;

	text-decoration:none;

	font-weight: bold;

}

#lang ul li a:hover {

	color:#FFFF66;

	text-decoration:none;

	font-weight: bold;	

}

#lang ul li a:active {

	color:#FFFFFF;

	text-decoration:none;

	font-weight: bold;

}





/* TOP BANNER */



#banner {

	clear: none;

}



#hiddentitle, #hiddentitle span {

	margin: 0px;

	padding: 0px;

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

	background-repeat: no-repeat;

	height: 145px;

}



#hiddentitle span {

	margin-bottom: -75px;

}



h1 {

	font-size: 14px;

	padding:0;

	margin:0;

	text-align: center;

}

h1 span {

	display: block;

	position: relative;

	z-index: 1;	

}



 /* LEFT MENU NAVIGATION LINKS - HOMEPAGE*/



#lftnav  {

	font-size: 0.8em;

	float: left;

	margin: 0;

	padding: 2% 0 0%;

	width: 176px;

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

	border-right-width: thin;

	border-right-style: dotted;

	border-right-color: #97B9FF;

}



#lftnav ul {

	margin: 0;

	padding: 0;

	text-align: left;

	font-weight: normal;

	list-style-type: none;

}

#lftnav .home {

	padding-top: 10px;

}

#lftnav a {

	border-bottom: thin dotted #97B9FF;

	margin:-10px 0px 0 0;

	padding: 0px 10px 3px 6px;

	color:#001975;

	text-decoration:none;

	display: block;

}



#lftnav a   {

	border-bottom: thin dotted #336699;

	margin:0 10px 0 0;

	padding: 3px 10px 3px 6px;

	color:#001975;

	text-decoration:none;

	display: block;

}



#lftnav a:hover {

	color: #000066;

	text-decoration: underline;

}





/* PAGE CONTENT ATTRIBUTES */



#content {

	margin: 0;

	padding: 2% 0% 0% 1%;

	float: left;

	clear: right;

	width: 580px;

}



#content h2 {

	color: #333333;

	font-size: 0.85em;

	font-weight: bold;

	text-transform: uppercase;

}

#content h3 {

	font-weight: bold;

	font-variant: normal;

	color: #333333;

	font-size: .85em;

	padding-top: 2%;

}



	

#content p, ul.news  li{

	font-size: 0.8em;

	padding: 0 0%;

	color: #333333;

	line-height: 1.2em;

}



#content p.bold {

	font-weight: bold;	

}


#content ol{
}

#content ol li{
font-size:0.8em;
color:#333333;
line-height:250%;
margin-left:23px;
font-family:Geneva, Arial, Helvetica, sans-serif;

}


#content a:link { 

	color:#333333;

}

#content a:visited { 

	color:#333333;

}

#content a:hover { 

	color:#2486D7;

}

#content a:active { 

	color:#333333;

}

#content .topbox { 
	float: left;
	padding: 0 0 1em 0;
}

#content .topbox p{ 
	margin-top: .5em;
}

#content .topbox img{ 
	float: left;
	margin: 0;
	padding: 0;
}





/* FOOTER BAR */



#footer {

	text-align: center;

	margin: 0 auto;

	clear: both;

	color: #CCCCCC;

	font-size: 11px;

	padding: 0px;

	background-color: #002073;

	height: 16px;

}



/* PHOTOS */

.photos {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

	width: 260px;
}


.photosgoto {

	float: left;

	padding-right: 22px;

	padding-bottom: 10px;

	width: 260px;

	height: 285px;

}




.photoswonder {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

	width: 300px;

	height: 290px;

}



.photoswangari {

	float:  left;

	padding-right: 15px;

	padding-bottom: 10px;

	width: 300px;

	height: 310px;

}



.photosclooney {

	float: right;

	padding-left: 20px;

	padding-bottom: 50px;

	width: 260px;

	height: 300px;

}




.photo-narrow {

	width: 210px;

	float: left;
}



.photocredit {

	font-size: .7em;

}



/* INDEX PAGE: PHOTO TABLE */

#table {

	background-color: #CCD3EC;

	width: 380px;

	border: 1px solid #000033;

	margin-right: auto;

	margin-left: auto;

}

#table p {

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

	font-size: .7em;

	font-weight: bold;

	color: #000033;

	text-align: center;

}



/*For the former MOPs*/



div.left {

	width: 200px;

	font-size:90%;

	text-align:center;

	float: left;

	margin: 0;

	padding: 0;}

div.right {

	width: 370px;

	float: right;

	margin: 0;

	line-height: 0;

	padding: 0;}

div.clear {

	margin: 1em;

	padding: 0;

	clear: both;}