/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,button,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body{line-height:1; font-family:'Open Sans', sans-serif; }
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus {outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse: collapse;border-spacing:0}

/*

	Friends of Basrah Museaum Specific Styles

*/

/*body					{ background: url(../images/body-bg-1.gif) repeat center top; }
#container				{ width:1000px; margin:40px auto; border:5px solid #000; background:#fff; }*/
.wrapper 				{ width:960px; margin:0px auto; }

#header					{ padding:20px 0px 20px; text-align:center; }
#header h1				{ font-size:18px; line-height:24px; color:#000; margin:10px 0px; font-weight:normal; text-transform:uppercase; }
#header img				{}

/* Nav */
#nav					{ width:100%; height:30px; border-top:2px solid #000; border-bottom:2px solid #000; background:#000; }
#nav li, #nav-arabic li	{ display:inline; }
#nav li a,
#nav li a:link,
#nav li a:visited		{ 
	background:#000; 
	color:#fff; 
	display:block; 
	float:left; 
	font-size:13px; 
	text-align:center; 
	text-decoration:none; 
	width:20%; 
	font-weight:bold; 
	letter-spacing:1px; 
	line-height:12px; 
	padding:8px 0 10px; 
}
#nav li a:hover,
#nav li a:active,
#nav li a.active		{ background:#fff; color:#000; /*text-decoration:underline;*/ } 

/* Arabic Nav */
#nav-arabic				{ width:100%; height:30px; /*border-top:2px solid #000; border-bottom:2px solid #000;*/ background:#fff; }
#nav-arabic li a,
#nav-arabic li a:link,
#nav-arabic li a:visited{ 
	color:#fff; 
	display:block; 
	float:left; 
	width:240px; 
	height:30px; 
	text-indent:-1000px; 
	overflow:hidden; 
	background-image:url('../images/arabic-nav-1.gif'); 
}

#nav-arabic li#op-pl a, #nav-arabic li#op-pl a:link, #nav-arabic li#op-pl a:visited 	{ background-position:0px 0px; }
#nav-arabic li#op-pl a:hover, #nav-arabic li#op-pl a:active 							{ background-position:0px -30px; }

#nav-arabic li#sp-pl a, #nav-arabic li#sp-pl a:link, #nav-arabic li#sp-pl a:visited 	{ background-position:-240px 0px; }
#nav-arabic li#sp-pl a:hover, #nav-arabic li#sp-pl a:active 							{ background-position:-240px -30px; }

#nav-arabic li#a5-le a, #nav-arabic li#a5-le a:link, #nav-arabic li#a5-le a:visited 	{ background-position:-480px 0px; }
#nav-arabic li#a5-le a:hover, #nav-arabic li#a5-le a:active 							{ background-position:-480px -30px; }

#nav-arabic li#do-fo a, #nav-arabic li#do-fo a:link, #nav-arabic li#do-fo a:visited 	{ background-position:-720px 0px; }
#nav-arabic li#do-fo a:hover, #nav-arabic li#do-fo a:active 							{ background-position:-720px -30px; }

#content				{ padding:10px 0px 10px; }
#content h2				{ margin:20px 10px 0; }
#content h1				{ text-align:center; font-size:18px; line-height:24px; color:#000; margin:10px 0px; font-weight:normal; text-transform:uppercase; }
#content p				{ font-size:14px; line-height:1.5; margin:20px 10px; }
#content img.img-right  { float:right; border:2px solid #000; margin:0 0 0.5em 1em; }

#content a, #content a:link, #content a:visited	{ color:#666; text-decoration:underline; }
#content a:hover, #content a:active				{ color:#000; text-decoration:none; }

#content table			{}
#content table td		{ text-align:center; font-size:12px; line-height:16px; padding:2px; }
#content table#library td { text-align:left; font-size:16px; line-height:1.5; vertical-align:middle; padding:2px 2px 2px 20px; }
#content table#downloads td { text-align:center; font-size:16px; line-height:1.5; vertical-align:middle; }
#content table td img	{ border:2px solid #000; }

#content .highlight { 
	border:2px solid #000; 
	padding:0.2em 1em;
	margin:20px 10px;
	/* Shadow */
	-webkit-box-shadow: 0px 2px 8px 0px #222;
	-moz-box-shadow: 0px 2px 8px 0px #222;
	box-shadow: 0px 2px 8px 0px #222;
}

#footer					{ width:100%;  border-top:2px solid #000; background:#000; height:90px; }
#footer p				{ font-size:12px; line-height:16px; margin:20px 10px; color:#fff; }
#twitter { 
	width:49px; 
	height:49px; 
	float:right; 
	background:url('../images/logo-twitter.gif') no-repeat 0 0 / cover; 
	text-indent:-3000px;
	overflow:hidden;
}