/* CSS Document */

* {
	FONT-FAMILY: Georgia, Arial, Helvetica, sans-serif;
}
body {
background-image: url(bg/bg.gif);
margin:auto;

}

#footer {
	CLEAR: both;
}
#footer-wrap {
	MARGIN: 0px auto; WIDTH: 900px;
}

#body-wrap {
	MARGIN: 0px auto;
	WIDTH: 900px;
	
}



/*top pic*/
#top1{
background-image:url(images/top1.jpg);
background-repeat:no-repeat;
width:310px;
height:145px;
float:left;
}

#top2{
background-image:url(images/top2.jpg);
background-repeat:no-repeat;
width:288px;
height:145px;
float:left;
}

#top3{
background-image:url(images/top3.jpg);
background-repeat:no-repeat;
width:302px;
height:145px;
float:right;
}

#topbg{
background-image:url(images/top_bg.jpg);
background-repeat:repeat-x;
width:900px;
height:263px;
}


#topa{
background-image:url(images/topa.jpg);
background-repeat:no-repeat;
width:361px;
height:263px;
float:left;
}
#slogan{
background-image:url(images/topa.jpg);
background-repeat:no-repeat;
width:361px;
height:263px;
float:left;
}


#topb{
background-image:url(images/topb.jpg);
background-repeat:no-repeat;
width:276px;
height:263px;
float:left;
}
#topc{
background-image:url(images/topc.jpg);
background-repeat:no-repeat;
width:263px;
height:263px;
float:right;
}

#pagebg{
height:600px;
background-image:url(images/page_bg.jpg);

}
#left{
width:200px;
padding-left:50px;
float:left;
margin-top:10px;
}
#searchbox{
background-image:url(images/search.jpg);
background-repeat:no-repeat;
height:87px;
padding-bottom:10px;
}
#leftnav{
width:200px;
float:left;
}
#raklogo{
background-image:url(images/raklogo.jpg);
background-repeat:no-repeat;
height:121px;
width:172px;
margin-top:10px;
}



#right{
width:598px;
padding-left:22px;
padding-right:30px;
float:right;
margin-top:10px;
}

#main{
width:595px;
float:right;
}
#homfrm{
width:537px;
height:121px;
background:#CCCCCC;
border:thick;
border-bottom:#000 thick;
border-top:#000 thick;
}

p.image IMG {
	BORDER-RIGHT: #d9d9d9 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #d9d9d9 1px solid;
	PADDING-LEFT: 5px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #d9d9d9 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #d9d9d9 1px solid
}

#custom-banner {
	CLEAR: both;
	PADDING-RIGHT: 30px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 8px;
	WIDTH: 435px;
	/*CURSOR: pointer;*/

	PADDING-TOP: 8px;
	HEIGHT: 96px
}
#custom-banner IMG {
	PADDING-RIGHT: 10px;
	FLOAT: left;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

/*others*/
H1 {
	FONT: Georgia, Times, serif;
	font-size:20px;
	COLOR: #cc9966;
	letter-spacing:2px;
	PADDING-TOP: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}
H1.right {
	
	FONT: Georgia, Times, serif;
	font-size:20px;
	COLOR: #003399;
	letter-spacing:2px;
	PADDING-TOP: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

.intro {
	FONT: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	COLOR: #333333; text-align:justify;
	
}
#dot{
margin-left:120px;
background-image:url(images/dotted_bar.gif);
background-repeat:no-repeat;
width:350px;
height:3px;
}

/*footer*/
#footer1{
background-image:url(images/footer1.jpg);
background-repeat:no-repeat;
width:373px;
height:15px;
float:left;
}
#footer2{
background-image:url(images/fmid.jpg);
background-repeat:no-repeat;
width:223px;
height:15px;
float:left;
}
#footer3{
background-image:url(images/footer2.jpg);
background-repeat:no-repeat;
width:304px;
height:15px;
float:left;
}

/*body*/


/*form property*/
#formblock {
	width: 329px;
}

form{
	margin:0px;
	padding:0px;
}

.textField, .textArea{
	background-color:#ffffff ;
	border: 1px solid #d6d7d8;
	padding:4px;
	width: 329px !important; /* for FF */
	width: 329px; /* for IE */
	color: #666666;  
	margin:0px;
	margin-bottom:13px;
	font-family: arial, verdana, helvetica, sans;
	font-style: normal;
	font-size: 13px;
}

.textreq, .textArea{
	border: 1px solid #bbbbbb;
	padding:4px;
	width: 329px !important; /* for FF */
	width: 329px; /* for IE */
	color: #666666;  
	margin:0px;
	margin-bottom:13px;
	background-color: #ffffff;
	font-family: arial, verdana, helvetica, sans;
	font-style: normal;
	font-size: 13px;
}
.textArea{
	margin:0px;
	width: 329px !important; /* for FF */
	width: 329px;; /* for IE */
	height:100px;
}
.textButton{
	margin:0px;
	background-color:#ffffff;
	color:#666666;
	margin-top:7px;
	border: 1px solid #808285;
	padding:4px;
}


/* start - table */
table.time {
	border-collapse: collapse;
	margin: 10px;	

}
th strong {
	color: #fff;
}
th {
	background: #99CCFF;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
/* end - table */