/*
 * reseting styles
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style:inherit;
font-weight:inherit;
}
del, ins {
text-decoration:none;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}


/*
 * page start
 */

body { 
	background:  url(../images/page_back.png)  ;
	font-family:tahoma;
	font-size:0.8em;
	overflow:auto;
    
}

#wrapper {
	width:980px;
	margin: 0 auto 2px auto;
    padding: 0 0 0 0;
	background:  url(../images/wrapper_top.png) no-repeat top;
    direction:rtl;
}



/*
 * header
 */

#header {
    height:170px;
    overflow:auto;
}

#header .topbar {
    height:25px;
    margin:0 0 0 0;
    padding:7px 5px 0 5px;
    background:#2e670e;
    opacity:0.8;
}

#header .topbar ul.links {
    float:right;
    margin:0 0 0 25px;
    color:#50902a;
}

#header .topbar ul.links li {
    display:inline;
}


#header .topbar ul.links li a{
    color:#FFF;
    text-decoration:none;
    margin:0 5px 0 5px;
    padding: 0 0px 8px 0px;
    display:inline-block;
}

#header .topbar ul.links li.special a{
    background:url(../images/top_links_special.png) no-repeat center bottom;
}

#header .topbar .timestamp {
    color:#FFF;
    float:left;
    font-size:0.9em;
}

#header .topbar .timestamp .day{
    font-weight:bold;
    font-size:1.4em;
}

#header .logo {
    float:right;
    margin:10px 20px 5px 10px;
}


/*
 * navigation
 */

#nav {
    height:35px;
    float:left;
    margin:60px 20px 10px 10px;
    width:550px;
}


#nav ul.links   {
    overflow:auto;
}

#nav ul.links li { 
    height:35px;
    min-width:20px;
    float:right;
    position:relative;
    overflow:hidden;
}


#nav ul.links li a{
    color:#458714;
    text-decoration:none;
    line-height:0.1em;
    height:24px;
    display:block;
}

#nav ul.links li a.home {
    width:80px;
    height:35px;
    background:url(../images/nav.png) no-repeat -480px top;
}

#nav ul.links li a.news {
    width:70px;
    height:35px;
    background:url(../images/nav.png) no-repeat -410px top;
}

#nav ul.links li a.haj {
    width:95px;
    height:35px;
    background:url(../images/nav.png) no-repeat -310px top;
}

#nav ul.links li a.omra {
    width:110px;
    height:35px;
    background:url(../images/nav.png) no-repeat -200px top;
}

#nav ul.links li a.booking {
    width:65px;
    height:35px;
    background:url(../images/nav.png) no-repeat -137px top;
}

#nav ul.links li a.branches {
    width:70px;
    height:35px;
    background:url(../images/nav.png) no-repeat -65px top;
}

#nav ul.links li a.contact {
    width:60px;
    height:35px;
    background:url(../images/nav.png) no-repeat 0px top;
}


#main-container {
    overflow:hidden;
    background:#FFF;
}

#main-container strong{ 
    font-weight:bold;
}

#slideshow {
    padding:5px;
    margin:5px 0 15px 0;
    background:#2A610D;
}

/*
 * left column
 */
 
#left-column {
    float:right;
    width:310px;
    background:#24570C;
    
}

#left-column .banner {
    margin:0 20px 10px 0;
}

/*
 * left menu
 */

#menu {
    background:#24570C;
    width:310px;
    min-height:250px;
    overflow:auto;
}

#menu ul {
    width:260px;
    margin:20px 11px 20px 11px;
}

#menu li {
    background: url(../images/menu_back.png) no-repeat;
    width:260px;
    height:39px;
}

#menu li a {
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    padding:10px 20px 0 0;
    display:inline-block;
    width:160px;
    height:23px;
}

#menu li a:hover {
    color:#CEAF3D;
}


/*
 * latest news
 */

#latest-news {
    margin: 0 0 3px 0;
}

#latest-news a, #latest-news a:hover{
    color:#eeb61d;
    text-decoration:none;
}

#latest-news h2 {
    font-weight:bold;
    font-size:1.2em;
    height:26px;
    padding:14px 12px 0 0;
}

#latest-news h2 .yellow {
    color:#eeb61d;
}

#latest-news h2 .white {
    color:#FFF;
}

#latest-news .container {
    padding: 5px 15px 15px 9px;
    font-family:tahoma;
    overflow:hidden;
}

#latest-news .news-story h3 {
    padding: 0 5px 0 0;
    color:#eeb61d;
    font-weight:bold;
}

#latest-news .news-story .timestamp {
    margin:2px 5px 0 0;
    color:#FFF;
}

#latest-news .news-story .story-body {
    margin:3px 5px 10px 0;
    color:#FFF;
}




/*
 * right column
 */

#right-column {
    width:665px;
    background:#e3e6e2;
    float:right;
}


/*
 * main information
 */

#main-info {
    padding: 10px 9px 10px 9px;
    background:#feffff;
    overflow:hidden;
}

#main-info  .keynote h2 {
    line-height:0.05em;
    color:#FFF;
    background:#FFF url(../images/h_welcome.png) no-repeat bottom;
    padding:2px 0 4px 0;
    width:630px;
    height:26px;
}

#main-info  .keynote {
    width:635px;
    overflow:auto;
    float:right;
}

#main-info  .keynote img{
    float:left;
    margin:10px;
}

#main-info  .keynote-body {
    color:#1f5109;
    font-size:0.9em;
    width:470px;
    float:right;
    text-align:justify;
    margin:10px 0 0 0;
}



/***/
#main-info ul.breadcrumb {
    color:#8d918e;
    margin:3px 0;
}

#main-info ul.breadcrumb a{
    color:#8d918e;
    text-decoration:none;
}

#main-info ul.breadcrumb a:hover {
    text-decoration:underline;
}

#main-info ul.breadcrumb li {
    display:inline;
}

#main-info > .content {
}

#main-info > .content h2 {
    font-size:1.2em;
    font-weight:bold;
    color:#17640f;
    padding:2px 0 4px 0;
    display:inline-block;
}

#main-info > .content .body{
    margin:15px 0 0 0;
    color:#1F5109;
    text-align:justify;
}




/*
 * vision
 */

#main-info   .vision {
    width:295px;
    background:#d8e5d7;
    float:right;
    clear:right;
    padding:10px  7px 10px 7px;
    margin:15px 0px 5px 0px;
}

#main-info  .vision h2 {
    line-height:0.05em;
    color:#E3E6E2;
    background:url(../images/h_vision.png) no-repeat bottom;
    width:93px;
    height:20px;
}


#main-info  .vision .description {
    color:#173d0e;
    margin: 5px;
}


/*
 * programs
 */

#main-info  > .programs {
    width:295px;
    background:#d6c3a9;
    float:right;
    padding:10px 7px 10px 7px;
    margin:15px 10px 5px 2px;
}

#main-info  .programs h2 {
    line-height:0.05em;
    color:#d6c3a9;
    background:url(../images/h_programs.png) no-repeat bottom;
    width:121px;
    height:20px;
}


#main-info  .programs .description {
    color:#173d0e;
    margin: 5px;
}

/*
 * gallery
 */

#main-info  > .gallery {
    width:310px;
    float:right;
    clear:both;
    padding:0px 0px 0px 0px;
    margin:15px 5px 5px 2px;
    overflow:hidden;
}

#main-info  .gallery h2 {
    line-height:0.05em;
    color:#FFF;
    background:url(../images/h_gallery.png) no-repeat bottom;
    width:92px;
    height:20px;
    margin:7px 10px;

}


#main-info  .gallery .description {
    color:#173d0e;
    margin: 0px;
}

/*
 * map
 */

#main-info  > .map {
    width:315px;
    float:right;
    padding:0px 0px 0px 0px;
    margin:15px 5px 5px 2px;
    overflow:hidden;
}

#main-info  .map h2 {
    line-height:0.05em;
    color:#FFF;
    background:url(../images/h_haj_map.png) no-repeat bottom;
    width:143px;
    height:20px;
    margin:7px 10px;
}


#main-info  .map .description {
    color:#173d0e;
    margin: 5px;
}


/*
 * contact us page
 */
#main-info .p-contact {
    margin:20px 100px 20px 20px;
}

#main-info .p-contact fieldset li {
    padding:5px 7px 5px 7px;
    vertical-align:top;
}

#main-info .p-contact  label {
    width:150px;
    display:inline-block;
    color:#1E4B13;
    vertical-align:top;
}

#main-info .p-contact fieldset input, #main-info .p-contact  fieldset textarea {
    border:1px solid #D1D3D1;
    width:250px;
}

#main-info .p-contact  fieldset textarea {
    height:200px;
}

#main-info .p-contact input[type=submit]
{
    margin: 0 0 0 20px;
}

#main-info .p-contact  label em{
    color:#FF0000;
    font-weight:bold;
}

/*
 * news page
 */
 .Newstitle
 {
 	padding: 0 0 0 15px;
    color:#173d0e;
    font-weight:bold;
    text-decoration:none;
 }
#main-info .news-story h3 {
    padding: 0 0 0 15px;
    color:#173d0e;
    font-weight:bold;
}

#main-info .news-story .timestamp {
    margin:2px 0 0 15px;
    color:#b7841c;
}

#main-info .news-story .story-body {
    margin:3px 0 10px 15px;
    color:#8d918e;
    overflow:auto;
    text-align:justify;
}

#main-info .news-story  img{
    float:right;
    margin:5px;
}


/*
 * pager
 */
#main-info .pager {
    margin:0 auto;
   
    min-height:10px;
    text-align:center;
}

#main-info .pager a{
    text-decoration:none;
    color:#1A4310;
    display:inline;
    background: #E1EDE0;
    padding:2px 6px;
    margin:2px;
}

#main-info .pager a:hover {
    background: #1E4B13;
    color:#CEAF3D;
}

#main-info .pager span.this-page {
    border:1px solid #e2e2e2;
    background: #FFF;
    padding:2px 6px;
    margin:2px;
}


/*
 * footer
 */

#footer {
	width:1002px;
	margin: 0 auto 0 auto;
    padding: 0 0 11px 0;
    color:#eee9d8;
	font-size:0.85em;
}

#footer .content {
	background:  url(../images/wrapper_body_back.png) ;
    padding: 0 7px 0 6px;
}

#footer .body {
	background:  url(../images/footer_back.png) repeat-x ;
    height:18px;
    padding: 7px 10px 0 10px;
}

#footer a {
	color:#eee9d8;
	text-decoration:none;
}

#footer ul {
    float:right;
}

#footer li {
    display:inline;
}


#footer cite.owner {
	float:left;
}

#footer cite.developer {
	float:left;
    clear:both;
}