@charset "utf-8";
/* CSS Document */

body {
/*	background-color:#fff; */
	background-image:url(../img/body1.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
/*	color:#777;*/
	margin:0;
}

#header {
	height:100px;
	margin-top:0px;
/*	background-color:#7c9a04; */
/*	background-image:url(img/title2.gif); */
}

#headerslogan {
/* float: left; */
 float:center;
 width: 770px;
 margin:0 auto 0 auto;
 height:120px;
 background-image:url(../img/title2.gif); 
}

#langbox {
/* float: left; */
 float:right;
 width: 134px;
 margin:10px 0 0 0;
 padding: 1px 1px 1px 1px;
 height:60px;
 font-family: Simplified Arabic, Traditional Arabic;
 position:relative;
}
#langbox p{
 font-size: 1.2em;
 font-weight:bold;
 color:#FF9900;
 font-family: Simplified Arabic, Traditional Arabic;
}

#langbox a{
 font-size: 1.2em;
 font-weight:nromal;
 text-decoration:none;
 font-family: Simplified Arabic, Traditional Arabic;
}

#langbox a:hover{
 color:#006600;
 font-weight:bold;
}

#maincontainer{
 width:800px; 
 margin:0 auto; 
}

#contentWrapper{
 float:left; 
 width:100%; 
}

/** contents **/
#contentcolumn{
   width:628px;
   margin: 30px auto 0 auto;
   padding:0px 2px 2px 2px;
   float:right;
   text-align:left;
/*   lang: AR-SA;*/
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
}

#contentcolumn p {
 line-height:16px;
 text-align:justify;
 word-spacing:2px;
 padding:0 0px 0 10px;
 margin:10px 0 10px 0;
 color:#000000;
}

#logoboxleft {
   top:6px;
   float:right;
   text-align:center;
   width:308px;
   position:relative;
   }
#contentcolumn h1 {
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:20px;
/**	text-transform:uppercase; **/
	letter-spacing:1px;
	margin:10px 0 20px 0;
	color:#393939; /**3a00ff**/
}
#contentcolumn h2 {
	font-size:16px;
	color:#333;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:10px;
}

#contentcolumn h3 {
	font-size:14px;
	color:#333;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:10px;
}

#contentcolumn ul {
	margin:15px 0 15px 20px;
	padding:0;
/*	border-top:1px solid #eee; */
}
#contentcolumn li {
/*	margin:10px 0 10px 0;
	padding:0 0 10px 15px;
	border-bottom:1px solid #eee;
	background-image:url(../img/document.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type: none; */
    margin-left:10px;
	padding:0 0 10px 2px;
	list-style:none;
	border-bottom:1px solid #eee; 
	list-style-image:url(../img/document.gif);
	list-style-position:outside;
	
}

#contentcolumn .nwrc {
 background-color:#eee;
}

#contentcolumn li.spbullets {
	margin-left:20px;
	padding-left:10px;
	padding-bottom:4px;
	padding-top:0;
	list-style-image:url(../img/bulletgray.gif);
	background-position:left top;
	list-style-position:outside;
	border-bottom::none;
	border-top::none;
}

#contentcolumn li.spbullets_sub {
	margin-left:20px;
	padding-left:10px;
	padding-bottom:4px;
	padding-top:0;
	list-style-image:url(../img/bulletgray_small.gif);
	background-position:left top;
	list-style-position:outside;
	border-bottom::none;
	border-top::none;
}

/** contents **/

#leftcolumn{
  float:left;
  width:145px;
  background-color:#ffff;
  line-height:105%;
  padding:10px 10px 10px 10px; 
  margin:30px 0 0 0;
  text-align:left;
  font-size:100%;  
  font-family: Tahoma, Simplified Arabic, Traditional Arabic;;
  background:transparent;
}
/**************** Naviation menu ****************/
#menu a{
	display:block; 
    width:140px; 
	padding: 4px 0 2px 2px;
/*	padding:5px 18px 5px 0;*/ 
	color:#606060; 
/*	background:#ffffff url(img/sidebarbg.gif) top right repeat-y; */ 
	font-size:0.85em; 
	font-family: Verdana, Arial, sans-serif;
	font-weight:normal; 
	text-decoration:none; 
	background-color:transparent;
	/*letter-spacing:-2px; */
}

#menu a:hover {
    color:#000000; 
	background:#f0f0f0 url(../img/sidebarbg.gif) top repeat-x; */ 
/*	border-top:1px solid #66ff00; 
	border-bottom:1px solid #66ff00;*/
	background-color:transparent;
	background:#f0f0f0 url(../img/sidebarbggreen.gif) right repeat-y; 
}

#menu a.active{
    padding: 4px 0 2px 2px;    
/*	padding:5px 18px 5px 0; */ 
/*	background:#fafafa; */
/*	border-top:2px solid #c0c0c0; 
	border-bottom:2px solid #c0c0c0;*/
	background-color:transparent;
	background:#f0f0f0 url(../img/sidebarbg1.gif) right repeat-y; 
}

#menu a.active:hover{
    color:#505050; 
	background:#fafafa;
	background-color:transparent;
	background:#f0f0f0 url(../img/sidebarbg1.gif) right repeat-y; 
}
/**************** Naviation menu ****************/

#footer {
	width: 100%;
	clear: both;
	padding:0px;
	border-top:1px solid #999999;
	color:#666666;
	text-align:center;
	font-size:0.90em;
	margin-top: 5px;
/*	float:inherit;*/
}
#footer a {
	color:#666666;
}

#leftsidephoto{
 float: right;
 padding-left:10px;
 text-align:center;
/* width: 200px; */
 color:#000066;
 font-size:0.84em;
}

#rightsidephoto{
 float: left;
 padding-right:10px;
 padding-left:10px;
 text-align:left;
/* width: 200px; */
 color:#000066;
 font-size:0.84em;
}

/** Styles for tables **/
.mytable {
 padding-left:10px;
}

td {
/*	border-right: 1px solid #c6f600;*/
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #f0f0f0;
		padding: 6px 6px 6px 12px; 
	color: #777; /*4f6b72;*/
	text-indent:2px
}

td.spec {
	border-left: 1px solid #999999;
	border-top: 0;
	background: #fff url(bullet1.gif) no-repeat;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.spec_right {
	border-right: 1px solid #999999;
	border-top: 0;
	background: #fff url(bullet1.gif) no-repeat;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
td.spec_righttop {
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	background: #fff url(bullet1.gif) no-repeat;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.titlerow{
   background: #f7f7f7;
   border-top: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
   background: #f7f7f7 url(../img/tablebg1.gif) repeat-x ; 
}
th.titlerow_right{
   background: #f7f7f7;
   border-top: 1px solid #999999;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
   background: #f7f7f7 url(../img/tablebg1.gif) repeat-x;    
}

th.columns{
   background: #ffff;
/*   border-top: 1px solid #c6f600;*/
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
}
th.columnstop{
   background: #ffff;
/*   border-top: 1px solid #c6f600;*/
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
   border-top: 1px solid #999999;
}
images
{	
	border-bottom: 1px dotted #333;
	text-align: center;
}

.images img
   {
 	border: 1px solid #45494f;	
	margin: 4px 1px 1px 1px;
	vertical-align: top;
	background-color: #333;   	
  }

#backbutton{
   position:relative;
   top:0;
   right:0;
   padding-right:2px;
   bottom:12px;
   float:right;
   font-style:bold;
}

/*    Thumbnails - popping up when mouse over */
/*
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
/*
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
/*
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
/*
 visibility: visible;
 top: 10px;
 left: 0px; /*position where enlarged image should offset horizontally 

}
*/
.gallerycontainer{
  position: relative;
  border: 1px solid #CCCCCC; 
  background: #f7f7f7 url(../img/tablebg1.gif) repeat-x;    
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
  border: 1px solid black;
  margin: 2px 2px 2px 2px;
}

.thumbnail p{
 font-size: 0.2em;
}

.thumbnail:hover{
  background-color: transparent;
}

.thumbnail:hover img{
 border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
 position: absolute;
 background-color:#000000; /*lightyellow */
 padding: 1px;
 left: -1000px;
/* border: 1px solid #CCCCCC;  */
 visibility: hidden;
 color:#323232;
 text-decoration: none;
 font-size: 0.9em;
}

.thumbnail span img{ /*CSS for enlarged image*/
 border-width: 0;
 padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
  visibility: visible;
  top: -420px;
  left: 30px; /*position where enlarged image should offset horizontally */
  z-index: 50;
  color:white;
}


#logonwrc{
 float:left;
 width:130px;
 color:#000066;
 font-size:0.84em;
}

#logonwrc p.paracentered {
 text-align:center;
}

.centered img {
 vertical-align:middle;
}

#logoncwcd{
 float:right;
 width:132px;
 color:#000066;
 font-size:0.84em;
 padding-right:1px;
}
#logoncwcd p.paracentered {
 text-align:center;
}
#contentcolumn img.panomaricview {
 padding-left:8px;
}
#logobox p.paracentered1 {
 text-align:justify;
}