@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@charset "utf-8";

body {
font: normal 16px "open sans", Arial, Helvetica, sans-serif;
color:#ffffff;
margin : 0;
padding :0;
background:url(../images/bg.jpg)center #b26706 no-repeat; background-position:top;
margin : 0;
padding : 0;
}
input, form, submit{ padding:0; margin:0; border:0;}
.clear {
clear : both;
padding : 0;
margin : 0;
height : 0;
}
p, a img {
border : 0;
padding : 0;
margin : 0;
}
h1{font: bold 26px "open sans", Arial, Helvetica, sans-serif;border-bottom: 6px solid white;}
h2{font: normal 18px "open sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}

#main {
width: 1003px;
margin : 0 auto;
padding : 13px 0 0 0;
}
#topbar{ width:100%; height:120px; background:#f6f6f5;}
.whole{ width:1003px; margin:0 auto;}
.logo{width:301px; float:left;margin:0; height:120px;}

#mid_space{ width:1003px; margin:77px auto 0 auto;}
.left_text_panel{ width:301px; height:330px;float:left; background:url(../images/left_panel.jpg) #84013D repeat; text-align:center; padding:70px 10px 0 10px;  background-size: 100% 100%;}
.right_banner{ width:670px; height:334px; float:right;}
.welcometext{ width:1003px; margin:20px auto 20px auto; border-bottom: 6px solid white; padding:0 0 20px 0; text-align:justify;}
.footer{ width:1003px; margin:0 auto;
 color:#000000; font-size:14px; text-align:center;}


@media (max-width:400px){
	#topbar{ width:100%; height:120px; background:#f6f6f5; }
P{ font-size:16px;}
h1{ font-size:20px;}
h2{ font-size:18px;}
#main{ width:100%;}
.whole{ width:100%;margin:0;}
#mid_space{ width:100%; margin:10px auto 0 auto; height:50px;  }
.right_banner{width:100%; height:auto;}
.welcometext{ width:100%; margin:20px 5px 20px 5px; border-bottom: 6px solid white; padding:10px 0 20px 0; font-size:14px;}
.left_text_panel{ width:400px; height:442px;background:url(../images/left_panel_sm.jpg)#730135 no-repeat; text-align:center; vertical-align:top; padding:3px 0 0 0;}
.logo{width:100%;margin:0; height:120px; text-align:center;}
.footer{ width:100%;}
}
@media (max-width:500px){
#topbar{ width:100%; height:120px; background:#f6f6f5;}
P{ font-size:16px;}
h1{ font-size:20px;}
h2{ font-size:18px;}
#main{ width:100%;}
.whole{ width:100%;margin:0;}
#mid_space{ width:100%; margin:10px auto 0 auto; height:50px;}
.right_banner{width:100%; height:auto;}
.welcometext{ width:100%; margin:20px 5px 20px 5px; border-bottom: 6px solid white; padding:10px 0 20px 0; font-size:14px;}
.left_text_panel{ width:400px; height:442px;background:url(../images/left_panel_sm.jpg)#730135 center no-repeat; text-align:center; vertical-align:top; padding:3px 0 0 0;  }
.logo{width:100%;margin:0; height:120px; text-align:center;}
.footer{ width:100%;}
}
@media (max-width:600px){
P{ font-size:14px;}
h1{ font-size:20px;}
h2{ font-size:18px;}
.whole{ width:100%;margin:0;}
.logo{width:100%;margin:0; height:120px; text-align:center;}
#topbar{ width:100%; height:120px; background:#f6f6f5;}
#main{ width:100%;}
#mid_space{ width:100%;}
.right_banner{width:65%;height:auto;}
.welcometext{ width:600px; margin:20px 5px 20px 5px; border-bottom: 6px solid white; padding:0 0 20px 0;}
.left_text_panel{ width:100%; height:248px;background:url(../images/left_panel_sm.jpg)#730135 center repeat; text-align:center; padding:3px 0 0 0; vertical-align:top; }
.footer{ width:100%;}
}

@media (max-width:768px){
	P{ font-size:14px;}
h1{ font-size:22px;}
h2{ font-size:18px;}
.whole{ width:100%;margin:0;}
.logo{width:100%;margin:0; height:120px; text-align:center;}
#topbar{ width:100%; height:120px; background:#f6f6f5;}
#main{ width:100%;}
#mid_space{ width:100%;}
.right_banner{width:70%;height:auto;}
.welcometext{ width:100%; margin:20px 5px 20px 5px; border-bottom: 6px solid white; padding:0 0 20px 0;}
.left_text_panel{ width:100%; height:248px;background:url(../images/left_panel_sm.jpg)#730135 no-repeat bottom; text-align:center; vertical-align:top;padding:55px 0 0 0;}
.footer{ width:100%;}

}
@media (max-width:800px){
	P{ font-size:14px;}
h1{ font-size:24px;}
h2{ font-size:20px;}
.whole{ width:100%;margin:0;}
.logo{width:100%;margin:0; height:120px; text-align:center;}
#topbar{ width:100%; height:120px; background:#f6f6f5;}
#main{ width:100%;}
#mid_space{ width:100%;}
.right_banner{width:70%;height:auto;}
.welcometext{ width:100%; margin:20px 5px 20px 5px; border-bottom: 6px solid white; padding:0 0 20px 0;}
.left_text_panel{ width:100%; height:248px;background:url(../images/left_panel_sm.jpg)#730135 no-repeat bottom; text-align:center; vertical-align:top; padding:75px 0 0 0;}
.footer{ width:100%;}

}

@media (max-width: 1300px) {

}


#dhtmltooltip{
position: absolute;
width: 140px;
border: 1px solid #cccccc;
padding: 3px;
background-color: #ffffff;
color:#000000;
visibility: hidden;
z-index: 100;
font-family: Arial;
font-size: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.styled-select {
   width: 200px;
   height: 34px;
   overflow: hidden;
   
   background: url(../images/new_arrow.png) no-repeat right #ddd;
   border: 1px solid #9BA451;
   }
   .styled-select select {
   background: transparent;
    color:#970D0B;
	font-weight:bold;
   width: 200px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }