@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f6f6f6 url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:none;}

/* main */
.main { padding:0; margin:0 auto; width:100%;}
/********** header **********/
.header { padding:0; margin:0;  background: url(images/header_bg.gif) top  repeat-x;}
.header_resize {  width:982px; margin:0 auto; padding:0;}
.header img.sing { float: right; margin:0; padding:30px 0 0 0;}
/* logo */
.logo { padding:0; margin:0; width:293px; float:left; z-index:0;}
/* search */
.search { width:260px; float:right; padding:25px 0 0 0; margin:0 20px 0 0; }
.search form { display:block; float:left; padding:5px 0;}
.search span { display:block; float:left; background:url(images/search_bg.gif) left top no-repeat; height:35px; width:193px; padding:0 10px;}
.search form .keywords { float:left; background:none; border:0; height:13px; width:193px; padding:11px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
/*menu*/
.menu { float:left; padding:34px 0 0 0; margin:0 auto; width:850px; height:36px;}
.menu ul {  padding:0; margin:0; list-style:none; border:0; height:36px;}
.menu ul li { float:left; margin:0; padding:0 2px; border:0; line-height:12px;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:bold 12px   Verdana, Geneva, sans-serif; text-decoration:none; line-height:12px;}
.menu ul li a span { padding:12px; background:none;}
.menu ul li a:hover { color:#22679F; background: url(images/r_menu.gif) no-repeat right; text-decoration:none;}
.menu ul li a:hover span { color:#22679F; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#22679F; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#22679F; background:url(images/l_menu.gif) no-repeat left;}
/*header_text*/
.header_text { height:200px; margin:0; padding:0; background-image:url(images/bg.jpg); background:url(images/bg.jpg)  #C4DBEE top center ;}
.header_text_resize {  width:982px; margin:0 auto; padding:0; }
.header_text .div { float:right; width:891px; padding:0px 0px; margin:0;}
.header_text img.screen { float:left; margin:0 0 0 0; border:3px #E5DFD3 solid;}
.header_text .div .left1 { float:right; width:320px; padding:0; margin:0;}
.header_text .div .left1 img.button { float:left; padding:0 0 0 15px; margin:0;}
.header_text .div .left1 h2 { font:bold 30px Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 40px 15px; margin:0;}
.header_text p { font: normal 12px   Arial, Helvetica, sans-serif; color:#fff; padding:1px 15px; margin:0;}
/* header_text2 */
.header_text2 {height:132px; margin:0; padding:0; background:url(images/slider_bg2.gif) top center repeat-x;}
.header_text_resize2 {  width:982px; margin:0 auto; padding:0; }
.header_text2 h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:35px 0 0 10px;}

h6{color:#393939; font:bold 14px  Arial, Helvetica, sans-serif; margin:0; padding:5px 5px 20px 50px; background-image:url(images/titler.jpg); background-repeat:no-repeat;}
h5{color:#393939; font:bold 14px  Arial, Helvetica, sans-serif; margin:0; padding:5px 5px 20px 50px; text-transform:capitalize; background-image:url(images/titler1.jpg); background-repeat:no-repeat;}

/********** body **********/
.body { background: #fff url(images/body_bg.gif) top repeat-x; padding:0; margin:5px auto; text-align:justify;}
.body_resize { width:1000px; margin:0 auto; padding:0;}
.body h2 { color:#393939; font:bold 18px  Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; margin:0; padding:15px 10px;}
.body h4 { color:#393939; font:bold 14px  Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; margin:0; padding:5px 5px;}
.body h4 a{ color:#393939; font:bold 14px  Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; margin:0; padding:5px 5px; text-decoration:none;}

.body h4 a:hover{ color:#900; font:bold 14px  Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; margin:0; padding:5px 5px; text-decoration:none;}
.body h3 { color:#5f5f5f; font:bold 18px  Arial, Helvetica, sans-serif;  margin:5px 0; padding:10px 15px;}
.body em { font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d;}
.body p { font:normal 12px  Arial, Helvetica, sans-serif; color:#B06508; line-height:1.8em; padding:5px 10px; margin:0;}
.body p span { color:#cdcdcd;}
.body ul { list-style:none; margin:5px 10px; padding:0;}
.body li { font: normal 12px Arial, Helvetica, sans-serif; color:#555; background:url(images/ul_li.gif) left no-repeat; margin:0; padding:5px 0 5px 20px;}
.body p.test { width:459px; height:109px; background:url(images/bg_p_test.gif) top no-repeat; margin:20px auto; padding:20px 30px;}
.body img { margin:0; padding:0;}
.body img.float { float:left; margin:0; padding:10px;}
.body a { text-decoration:none; color:#006ba2; line-height:1.8em;}

.right { background: url(images/right_bg.gif) top repeat-y; float:left; width:319px; margin:10px 6px; padding:0;}
.right_top { background:url(images/right_top_img.gif) top no-repeat; margin:0; padding:0; }
.right_bottom { margin:0; background:url(images/right_bottomght_img.gif) bottom no-repeat; padding:5px 0; width:319px;}
.right_bottom { margin:0; background:url(images/right_bottomght_img.gif) bottom no-repeat; padding:5px 0; width:319px;}
.right ul { list-style:none; margin:10px 0 0 30px; padding:0;}
.right2 { float:left; width:646px; margin:0; padding:10px;}
.right1 { float:left; width:313px; margin:0; padding:10px;}
.right4 { float:left; width:613px; margin:0; padding:10px;}
.bottoms { width:150px; float:left; margin:10px 10px; padding:0;}
.bottoms a { text-decoration:none; font: normal 11px Arial, Helvetica, sans-serif; color:#373737;  background:#e1e1e1; padding:2px 5px; margin:1px 3px;}
.bottoms a:hover { color:#fff; background:#00689f;}

/* END_bloga*/
/********** footer **********/
.footer { margin:10px 0 0 0; padding:0 10px; background:url(images/footer_bg.gif) top center repeat-x; height:40px;}
.footer_resize { width:982px; margin:0 auto; padding:0;}
.footer ul { margin:0; padding:15px 10px 30px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:15px 15px 10px 10px; float:right; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#fff; font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}
.footprivacy{ color:#06C; font-size:10px; text-align:right; line-height:1em; font-family:Arial, Helvetica, sans-serif;}
.footprivacy a{ color:#F90; font-size:12px; text-align:right; text-decoration:none;}
.footprivacy a:hover{ color:#06C; font-size:12px; text-align:right}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#7a7a7a; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:430px; border:1px solid #e4e4e4; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:430px; border:1px solid #e4e4e4; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #bb0707; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #e6e6e6; padding:0; margin:10px 0; background:none; list-style:none;}
.tds{ font:normal 12px  Arial, Helvetica, sans-serif; color:#555; line-height:1.8em; padding:2px 5px; margin:0; text-align:justify;}
.tds1{ font:normal 12px  Arial, Helvetica, sans-serif; color:#960; line-height:1em; padding:2px 5px; margin:0; text-align:justify;}
.tds2{ font:normal 12px  Arial, Helvetica, sans-serif; color:#06f; line-height:1.8em; padding:2px 5px; margin:0; text-align:justify;}

.gallery { width:890px; height:200px; margin:0 auto; }


#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:890px; height:200px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:25px; height:48px; position:absolute; left:-41px; top:-130px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:25px; height:48px; position:absolute; left: 906px; top:-130px; }
#prevBtn a { display:block; width:25px; height:48px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:25px; height:48px; background:url(images/r_arrow.png) no-repeat 0 0; }


fieldset{width:85%; font-weight:bold; border:#C90 double;}
legend{color:#2988B6;font-family:Arial, Helvetica, sans-serif; font-size:14px;}
img.brdr{padding:2px; border:2px solid #AD6616;}
td.brdr{padding:2px; border:1px solid #AD6616; border-style:outset;}
.vertmenu{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; height:27px;}
.vertmenu a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; color:#FFF; text-decoration:none;}
.vertmenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-left:10px; color:#F90; text-decoration:none;}


/**************************************date time *********/

.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
.red{ color:#F00; font-size:10px;}

#rej{display:none; border:1px solid red; width:250px; height:30px; position:absolute; background-color:#999; left:250px; top:60px;}
