/*element styles*/

html, body{ 
margin:0; 
padding:0; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
} 

img {
border:none;
}

p, div, form, ul, h1, h2, h3, h4 {
margin:0;
padding:0;
}

/*container styles*/

#pagewidth{ 
width:719px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header{
position:relative;  
background-color:#fff; 
width:100%;
margin:0 0 8px 0;
padding:0;
} 

#header-left {
float:left;
}

#header-three-col {
background:url(images/vety.jpg) bottom left no-repeat #a60000;
min-height:69px;
}

#header-three-col-left {
float:left;
height:100%;
padding:25px 10px 10px 10px;
}

#header-three-col-right {
float:right;
height:100%;
margin-top:5px;
padding:15px 10px;
border-left:1px dotted #f7f7f7;
}

#leftcol{
width:186px; 
float:left; 
position:relative; 
}

#leftcol .box {
width:186px;
background:url(images/taling.jpg) top left repeat-y #fff;
}

#leftcol .box-top {
background:url(images/subject.jpg) top left repeat-y #fff;
padding:6px;
color:#fff;
font-size:90%;
font-weight:bold;
}

#maincol{ 
float: right; 
display:inline; 
position: relative; 
width:523px;
margin-left:10px;
}

#latest-books-top {
background:url(images/oi.jpg) top left no-repeat #fff;
padding:6px;
color:#fff;
font-size:90%;
font-weight:bold;
}

#news-list-header {
padding:6px 0px;
color:#919191;
font-size:90%;
font-weight:bold;
}

#news-list {
clear:both;
list-style:none;
background-color:#f7f7f7;
padding:8px 4px;
}

#news-list li {
margin-bottom:8px;
}

#faq-question-list li {
padding:2px 0px;
list-style:none;
}

#faq-question-list li a {
color:#333;
text-decoration:none;
}

#faq-question-list li a:visited {
color:#ccc;
text-decoration:none;
}

#faq-question-list li a:hover {
color:#a60000;
}

#faq-list {
margin-top:15px;
list-style:none;
}

#faq-list li {
font-weight:bold;
margin-bottom:15px;
}

#faq-list ul li {
font-weight:normal;
margin-top:5px;
color:#555;
list-style:none
}

#faq-list ul li a {
font-weight:normal;
color:#a60000;
text-decoration:none;
}

#faq-list ul li a:hover {
color:#000;
}

#footer{
height:80px; 
background-color:#fff; 
clear:both;
} 

.display-none {
display:none;
}

/*alignment styles*/
.margin-zero {
margin:0;
padding:0;
}

.align-left {
float:left;
}

.align-center {
margin:inherit auto;
text-align:center;
}

.align-right {
float:right;
text-align:left;
}

.margin-bottom-minus-4 {
*margin-bottom:-4px;
}

/*appearance styles*/

#search input {
font-family:tahoma;
font-size:11px;
width:116px;
border:1px solid #303030;
}

#search input#submit {
width:63px;
}

#search select {
width:64px;
height:17px;
font-family:Tahoma;
font-size:11px;
}

.search-label {
color:#fff;
font-size:70%;
margin:0;
padding:0;
font-weight:bold;
}

#leftcol ul {
color:#000;
list-style:none;
margin:0;
padding:8px;
}

#leftcol ul li {
border-bottom:1px dotted #a3a097;
padding:5px 0px 5px 10px;
background:url(images/aa.jpg) 0px 12px no-repeat;
}

#leftcol .text {
color:#000;
padding:5px 10px 5px 10px;
font-size:80%;
line-height:140%;
}

.title1 {
color: #999; 
font-size: 11px;
}

.title2 {
color: #ABA05F; 
font-weight: bold; 
font-size: 9px;
}

.title3 {
color:#a60000;
font-size:9px;
}

.title4 {
color:#a60000;
font-size:11px;
font-weight:bold;
}

.title5 {
color:#666;
font-size:15px;
font-weight:bold;
}

.text1 {
color:#999;
font-size:10px;
}

.text2 {
color:#919191;
font-size:13px;
line-height:140%;
}

.text3 {
color:#fff;
font-size:12px;
line-height:140%;
padding-top:35px;
}

.text4 {
color:#333;
font-size:11px;
}

.link1 {
color:#999;
text-decoration:none;
font-size:11px;
}

.link1:hover {
text-decoration:underline;
}

.link2 {
color:#000;
text-decoration:none;
font-size:85%;
}

.link2:hover {
color:#a60000;
}

.link3 {
color: #ABA05F; 
font-weight: bold; 
font-size: 11px;
text-decoration:none;
}

.link3:hover {
color: #919191; 
font-weight: bold; 
font-size: 11px;
}

.link4 {
color:#919191;
text-decoration:none;
font-size:12px;
}

.link5 {
color:#fff;
text-decoration:none;
font-size:12px;
}

.link4:hover, .link5:hover {
text-decoration:underline;
}

.ul1 {
margin-left:10px;
color:#333;
}

.ul1 ul {
margin-left:25px;
}

.hr1 {
width:80%;
border-bottom:1px dotted #ccc;
height:4px;
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}