@import url('style-reset.css');
body {font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; background: #f2f6f8 url(../image/layout/vert-tile.png) repeat-y center}
#header {background: #f2f6f8 url(../image/layout/header.jpg) no-repeat top center}
#header_index {width:960px; margin: auto; position: relative;}
#header_content {width:960px; margin: auto; position: relative; height: 110px; background: url(../image/layout/seperator.png) repeat-x bottom}
#container {margin: auto; width: 910px; padding: 25px; font-size: .875em;}
#logo {position:absolute; right: 5px; top: 0;}
.logo{width:960px}
ul#topnav {padding:0;list-style:none;clear:both;display:table}
ul#topnav li{margin:0;padding:0px;overflow: hidden;float:left;height:40px;text-align:center}
ul#topnav a, ul#topnav span{font-size:13px;padding:10px 0px;float:left;text-decoration:none;color:#000;text-transform:uppercase;clear:both;height:20px;line-height:20px;font-weight:bold;font-size:13px}
ul#topnav span{display:block;width:150px}
#left {float: left; width: 570px; margin-bottom: 40px;}
#right {float: right; width: 300px; margin-bottom: 40px;}
#footer {clear:both; padding: 25px; width: 910px; margin: auto; font-size: .7em; background:url(../image/layout/seperator.png) repeat-x top; position: relative}
.seperator {background:url(../image/layout/seperator.png) repeat-x; height:2px; margin: 20px 0; clear: both}
.comments {margin: 0px 0 20px}
.comments ul li {background:#fefedc; border: 1px dotted grey; padding: 10px 20px; margin:15px 0}
.tahoma12{font-size:12px;font-family:tahoma}
.tblFull{width:100%;direction:rtl;font-size:12px;font-family:tahoma}
.newBook{text-align:right; padding-right:10px;}
.newBook a{font-size:12px;font-family:tahoma}
.newBook a:hover{color:maroon}
.txtSearch,.DDOrderBy{width:135px;border:1px solid #BED3EE;;height:15px;}
.newCat{ width:280px; text-align:right;padding-right:10px}
.flashCat{width:10px;height:28px;background:url(../image/icon1.gif) no-repeat right;padding:10px 0px;}
.lTop{width:16px;background:url(../image/layout/lTop2.png) no-repeat left top}
.rmTop{width:228px;background:url(../image/layout/mTop2.png) repeat-x top;color:white;text-align:right}
.rTop{width:16px;height:24px;background:url(../image/layout/rTop2.png) no-repeat right top}
.tblRightMEnu{width:250px}
.flash{width:10px;height:28px;background:url(../image/flesh-4.gif) no-repeat right }
.gerd{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior: url(/css/ie-css3.htc);}
.gerd{background:#F2F6F8}
.bookImg{ width:80px;height:100px}
.tdDownload{width:120px}
.tdDownload img{width:140px; height:29px}
.tdBlue{color:blue; padding:10px 0px}
.bookSep{border-bottom:1px dotted #CCC;padding:10px}
.tdM{padding-right:15px;}
/*-----------------------------------------------*/
/*---------------   TYPOGRAPHY, IMG   ----------*/
/*---------------------------------------------*/
a {color: #156e9b; text-decoration: none}
p {padding: 15px 0; line-height: 1.5em}
strong {font-weight: 700}
.left_box h3, .right_box h3 {background:url(../image/layout/icon1.png) no-repeat; height: 38px; padding-top: 10px; padding-left: 54px; font-size: 1.4em; font-weight: normal; color: #1c4254}
.right_box h3 {background:url(../image/layout/icon2.png) no-repeat}
.left_box p, .right_box p {font-size: .9em; line-height: normal;}
.main_heading span{font-size: 1em;}

h1.main_heading {font-size: 2em; font-weight: normal}

h2 {font-size: 2em;}

h2#comments_heading {margin: 20px 0 0}

h3 {font-weight: bold}

h4 {font-weight: bold}

#right h3 {font-size: 1.2em; font-weight: 700; margin-bottom: 15px;}

.align_left {float: left; margin-right: 10px}

.blog_photo, .blog_photo_single {padding: 10px; background: #e5ecf0; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; margin-top: 5px}

.blog_photo_single {border-bottom: 1px solid #e2e2e2; margin-bottom: 15px}

.blog_post {padding: 10px; background: #e5ecf0; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; margin-bottom: 30px}

.blog_post_meta {color: #999; background:#f2f6f8; padding: 5px}

.blog_post p {padding-top: 5px}

.read_more {text-align:right; margin-right: 15px; font-weight: 700; font-style:italic}



#form_container {border: 1px solid #c5d4dc; margin: 0 0 30px; padding: 10px; background: #e5ecf0;}

/* comment form */

form {margin-top: 20px}

textarea {width: 100%}

#commentform p {padding: 5px 0}

.input_bg {background: #fff; border: 1px solid #c5d4dc; color: #000;
    -moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.input_bg:hover {border: 1px solid #6fadce}

.input_bg:focus {border: 1px solid #6fadce; background: #ffffdb}

fieldset {padding: 10px 20px;}

legend {margin-left: 2px; padding: 2px 0px; font-weight: bold;}

#submit {background: #000; color: #FFF; font-weight:700; border: 1px solid #003d53; padding: 5px; cursor: pointer;}

/* horizontal menu ---------------*/

#nav{
	float:left;
	list-style-type: none;
	margin: 28px 0px 0px 50px;
	margin-bottom: 10px;
	/*background: url(../image/layout/menu_seperator.png) left center no-repeat*/
}
#nav li{
	float:left;
	background: url(../image/layout/menu_seperator.png) right center no-repeat
}
#nav li a:link, #nav li a:active, #nav li a:visited{
	display:block;
	width:150px;
	padding:10px 0px;
	text-decoration: none;
	line-height: 20px;
	outline: none;
	text-align:center;
	font-size: 15px;
	color: #666;
}
#nav li a:hover, #nav li.selected a,
#nav li.current_page_item a {
	color:#babc2c;
}
span.nav_text{
	font-size:11px; 
	padding:0px 20px;
	color:#989797
}
/*-----------------------------------------------*/
/*---------------      Slider     --------------*/
/*---------------------------------------------*/


#slider1 {
    width: 960px; /* important to be same as image width */
    height: 222px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	clear: both;
}

#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 14px;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	height:207px;
}
.slider1Image span {
    position: absolute;
	font-size: .9em;
    padding: 10px 20px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	height:187px;
	text-align:right;
	font-family:tahoma;
	font-size:12px;
	/*margin-bottom:22px;*/
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 300px !important;
	height: 290px;
}

#slider1 h2 {font-size: 2em; padding: 15px 0}


/**/
#newsticker-demo { 
width:250px; 

padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
/*margin:20px auto;*/
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:right;
font-family:tahoma;
font-weight:bold;
padding:5px 10px 5px 5px;
background: url(../image/layout/tit.gif) right center no-repeat;
color:#FFF
}

.newsticker-jcarousellite { width:247px;border:1px solid #C5D4DC }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:right; width:108px; }
.newsticker-jcarousellite .info { float:right; width:139px;text-align:right;margin-top:20px }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }