/********************************* All default XHTML tag's classes *********************************/

body { background:url(../images/bg.gif) repeat-x 0 0; height:100%; margin:0; padding:0; font:.70em/1.2em tahoma, arial, verdana, sans-serif, geneva; color:#000000; }
table { font-size:100%; }

h1 { color:#fff; font-size:2em; font-family:tahoma, arial, sans-serif; margin:0; padding:0; }
h2 { color:#e41900; font-size:1.2em; font-weight:bold; margin:0; padding:0; }

img { border:none; vertical-align:middle; }

a { color:#000; text-decoration:underline; padding:0px; margin:0px; text-decoration:none; }
a:hover { text-decoration:underline; }

p { margin:0; padding:0; }

ul, li { list-style-type:none; padding:0px; margin:0px; }

/*************************** All Classes and IDs as per group **************************/

img, .logo, .menu_left, .menu_right, .top_banner, #midbg_content { behavior: url(css/iepngfix.htc) }

.clear { clear:both; }
.padding { padding:5px; }
.padding_tb { padding:5px 0; }
.padding_tb_2 { padding:2px 0; }
.padding_20 { padding:20px; }
.margin10 { margin:10px; }
.padding1 { padding:10px; }

.fl { float:left; }
.fr { float:right; }
.border { border:1px solid #000; }


#header { padding:0px; background: url(../images/top_bg.jpg) no-repeat 50% 0; float:left; width:100%; }
.main_frame { width:1000px; margin:0 auto; }
.logo { background:url(../images/logo.png) no-repeat 50% 0; width:277px; height:73px; margin:17px 0 0 80px !important; margin:17px 0 0 40px; float:left; }

.menu_left { background:url(../images/menu_whole_left.gif) no-repeat 0 0; float:right; width:530px; margin-top:75px; }
.menu_right { background:url(../images/menu_whole_right.gif) no-repeat 100% 0; padding:0 30px; float:right;}

#menu { background:url(../images/tab-line.gif) no-repeat 0 0; float:right; color:#000; }
#menu li { float:left; background:url(../images/menu_left.gif) no-repeat 0 0; }
#menu li a { background:url(../images/menu_right.gif) no-repeat 100% 0; padding:10px 20px; float:left; }
#menu li.active { float:left; background:url(../images/menuactive_left.gif) no-repeat 0 0; }
#menu li.active a { float:left; background:url(../images/menuactive_right.gif) no-repeat 100% 0; }

#navigation { background:url(../images/tab-line.gif) left top repeat-x; float:left; }
#navigation ul{list-style:none; padding:0; margin:0; list-style-type:none; }
#navigation li{float:left; margin:0; padding-left:1px; list-style:none; text-align:center; line-height:28px; color:#000;}
#navigation a {text-decoration:none; height:33px; padding-left:22px; background:url(../images/tab-blk-l.gif) left top no-repeat; color:#000;}
#navigation a span{text-decoration:none; height:33px; padding-right:22px; background:url(../images/tab-blk-r.gif) right top no-repeat;}
#navigation a, #navigation a span{display: block; float:left;}
 /* Hide from IE5-Mac \*/
#navigation a, #navigation a span{float: none; display:inline-block; cursor:pointer;}
/* End hide */
#navigation a:hover{color: #000; background:#000 url(../images/tab-blk-l-h.gif) left top no-repeat; padding-left:22px;}
#navigation a:hover span{background: url(../images/tab-blk-r-h.gif) right top no-repeat; padding-right:22px;}

#navigation a.active {color: #000; background:#000 url(../images/tab-blk-l-h.gif) left top no-repeat; padding-left:22px;}
#navigation a.active span{background: url(../images/tab-blk-r-h.gif) right top no-repeat; padding-right:22px;}


#midbg { background:url(../images/bg.jpg) no-repeat 50% 0; padding-top:5px; }
.top_banner { /*background:url(../images/top_banner.png) no-repeat 50% 0;*/ height:240px; width:982px; margin:0 auto; }
#midbg_content { background:url(../images/midbg_content.png) no-repeat 50% 0; padding:10px; width:962px; margin:0 auto; }

.leftbar { width:254px; float:left; background:url(../images/left_bar_bg.gif) repeat-y 50% 0; }
.leftbar .head { width:254px; float:left; background:url(../images/right_header.jpg) no-repeat 50% 0; height:43px; }
.leftbar .left_link { margin:5px 10px 0px 10px; }
.leftbar .left_link li a { background:url(../images/arrow.gif) no-repeat 10px 50%; padding:0 20px; line-height:25px; }
.leftbar .left_link .devider { background:url(../images/devider.gif) no-repeat 50% 100%; }
.leftbar .btm { float:left; background:url(../images/left_bottom.gif) no-repeat 50% 100%; height:138px; width:254px; }

.midbar { width:420px; margin:7px 15px; float:left; }
.midbar h1 { background:url(../images/big_arrow.gif) no-repeat 0 50%; font-size:17px; font-weight:bold; color:#000; padding:10px 35px; }

.rightbar { width:254px; float:left; background:url(../images/left_bar_bg.gif) repeat-y 50% 0; }
.rightbar .head { width:254px; float:left; background:url(../images/right_header1.jpg) no-repeat 50% 0; height:43px; }
.rightbar .content { padding:10px 15px; text-align:center; }
.rightbar .btm { float:left; background:url(../images/right_btm_bg.gif) no-repeat 50% 0; height:14px; width:254px;  }

.footerad { padding:10px 0; margin:0 auto; width:728px; }

#footer { background:url(../images/footer_bg.gif) no-repeat 50% 0; color:#fff; }
#footer .top { background:url(../images/footer_bg_line.gif) no-repeat 0 0; height:11px; }
#footer a { color:#fff; text-decoration:none; font-weight:bold; }
#footer a:hover { color:#fff; text-decoration:underline; }
#footer .footer_link { font-weight:bold; text-align:center; border-bottom:1px solid #8d8d8d; padding:20px 0;  }
#footer .footer_link a { padding:0 30px; }
#footer .footer_link a:hover { padding:0 30px; }

#footer .address { width:96%; margin:0 auto; }
#footer .address li { float:left; color:#777777; }
#footer .address .left { width:31%; margin:20px 130px 20px 0; }
#footer .address .mid { width:24%; margin:20px 90px 20px 0; }
#footer .address .right { width:20%; margin:20px 0 20px 0; }
#footer .footer_frame { width:950px; margin:0 auto; }
#footer .bigfont { font-size:15px; letter-spacing:3px; font-weight:bold; color:#fff; }
#footer .copyright { float:left; padding:10px 0; font-size:12px; }
#footer .designby { float:right; padding:10px 0; font-size:12px; }


/************************** different form element classes **************************/

input { vertical-align: middle; margin:0px 2px 2px 0px; padding:1px; }
input, textarea, select { color:#000000; }
.textbox1 { background: url(../images/input_bg.gif) no-repeat 0 0; border:1px solid #998050; padding:2px; width:200px; }
.textbox2 { background: url(../images/input_bg.gif) no-repeat 0 0; border:1px solid #998050; padding:2px; width:250px; }
.services{}
.services li{ background:url(../images/arrow.gif) left no-repeat; padding:5px 0px 5px 10px; font-style:normal;}

