h1,h2,h3,h4,h5,h6,l,ul,li,p,input,form{margin:0; padding:0;}
form, img{border:none;}
body{font-family:'Open Sans', sans-serif; font-size:13px; line-height:20px; color:#444; background:url(../images/bg.gif) left top repeat;margin:0px; padding:0px;}
img{border:none;}

a{text-decoration:none; color:#ff01a5;}
a:hover{text-decoration:none; color:#e382ff;}
.fl{float:left;}
.fr{float:right;}
.fr1{ float:right; margin:-40px 0 0 45px; padding:5px; background:#fff;}
.fl1{ float:left; margin:-40px 45px 0 0; padding:5px; background:#fff;}
.fl2{ float:left; margin:0 45px 0 0; padding:5px; background:#fff;}

.clr{ clear:both;}
::selection{ background:#2469a9; color:#fff;}
::-moz-selection{ background:#2469a9; color:#fff;}


#wrapper{ width:1000px; margin:0 auto;}
.header{ width:998px; float:left; border-right:1px solid #f2f2f2; border-left:1px solid #f2f2f2; background:#fff;}
.top_panel{ background:#F03; padding:3px 10px; color:#fff; font-size:13px; }
.marquee_panel{ width:500px; float:left; margin:0px; padding:0px;}
.top_right{ width:410px; float:right; margin:0px; padding:0px; text-align:right}
.top_right ul{ float:right; margin:0px; padding:0px; width:100%;}
.top_right ul li{ list-style:none; display:inline; margin:0 0 0 15px; float:left}
.top_right ul li img{  margin:0 5px 0 0 ; padding:3px 0 0 0 ; display:inline-block; float:left; }
.top_right ul li a{ color:#fff; text-decoration:none;}
.top_right ul li a:hover{ color:#fff; text-decoration:underline;}

.logo{ float:left; margin:5px 0 10px 20px; display:inline;}
.s_logo{ float:right; margin:10px 0 0 0;}

.menu{ border-top:1px solid #f2f2f2; width:998px; float:left; margin:0px; padding:0px; border-bottom:3px solid #d5d5d5; font-size:15px; background:#030;}
#cssmenu ul {
  margin: 0;
  padding: 0;
}
#cssmenu li {
  margin: 0;
  padding: 0;
}
#cssmenu a {
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu a {
  text-decoration: none;
}
#cssmenu {
  width: auto;
}
#cssmenu > ul > li {
  float: left;
  margin-left: 1px;
  position: relative;
}
#cssmenu > ul > li > a {
	color:#FFF;

  line-height: 50px;
  padding: 5px 20px;
  -webkit-transition: color .15s;
  -moz-transition: color .15s;
  -o-transition: color .15s;
  transition: color .15s;
}
#cssmenu > ul > li > a:hover {
  color: #2469a9;
}
#cssmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  padding: 16px 0 10px 0;
  background-color: #fafafa;
  text-align: left;
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  -webkit-transition: all .3s .1s;
  -moz-transition: all .3s .1s;
  -o-transition: all .3s .1s;
  transition: all .3s .1s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  z-index:999
}
#cssmenu > ul > li:hover > ul {
  opacity: 1;
  top: 65px;
  visibility: visible;
  
}
#cssmenu > ul > li > ul:before {
  content: '';
  display: block;
  border-color: transparent transparent #fafafa transparent;
  border-style: solid;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
#cssmenu > ul ul > li {
  position: relative;
}
#cssmenu ul ul a {
  color: #323232;
  font-size: 13px;
  padding: 5px 8px 7px 16px;
  display: block;
 }
#cssmenu ul ul a:hover {
  background-color: #f0f0f0;
}
#cssmenu ul ul ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -16px;
  left: 206px;
  padding: 16px 0 20px 0;
  background-color: #fafafa;
  text-align: left;
  width: 180px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
#cssmenu ul ul > li:hover > ul {
  opacity: 1;
  left: 190px;
  visibility: visible;
}
#cssmenu ul ul a:hover {
  background-color: #492f7f;
  color: #f0f0f0;
}


.banner{ border:3px solid #fff; background:#fff; box-shadow:0px 0px 5px #5a5a5a; width:994px; height:350px; margin:10px 0; float:left;}
.middle_wrapper{ width:958px; float:left; background:#fff; border:1px solid #f2f2f2; border-top:0px; padding:20px; margin:0 0 20px 0}
.left_panel{ float:left; width:230px; margin:0; padding:0px; display:inline;}
.left_panel ul{ float:left; width:230px; margin:0px; padding:0px;}
.left_panel ul li{ list-style:none; border-bottom:1px dotted #9a9898; padding:8px 0; font-size:14px;}
.left_panel ul li.list_head{ text-transform:uppercase; color:#030; font-weight:bold; padding:10px 0; margin:15px 0 10px 0; border:0px; background:url(../images/list_bg.gif) left bottom no-repeat;}
.left_panel ul li a{ color:#000; text-decoration:none;}
.left_panel ul li a:hover{ color:#e16005; text-decoration:none;}
.sub_head{ border-left:4px solid #e4780c; padding:0 0 15px 10px!important; background:url(../images/sub_head_bg.gif) left bottom no-repeat; color:#434343; text-transform:uppercase; font-size:17px;margin:15px 0 0 0;  float:left; font-weight:bold;}
.sub_head span{ color:#ff3333; font-size:15px; font-weight:normal; text-transform:none;}
.middle_panel{ float:right; margin:25px 25px; padding:0px; width:678px;}
.middle_panel_extended{width:678px!important;}
.middle_panel h1{color:#F03; font-size:30px; margin:20px 5px 0 0 0;  font-size:20px; text-transform:uppercase;}
.middle_panel p{ float:left; margin:20px 0 0 0; width:100%; padding:0px; text-align:justify;}
.middle_panel ul{ margin:15px 0;  float:left; padding:0px;}
.middle_panel ul li{ list-style:none; color:#ff3333; padding:0 0 6px 10px; background:url(../images/red_arr.gif) left 7px no-repeat;}
.middle_panel ul li a{ color:#ff3333; text-decoration:underline;}
.middle_panel ul li a:hover{ color:#000; text-decoration:underline;}


.right_panel{ float:right; margin:0px; padding:0px; width:198px;}
.events, .other_links, .other_links ul{ float:left; margin:0; width:198px;}
.events h3{ background:#aadd00; color:#fff; text-transform:uppercase; padding:5px 5px 5px 10px; margin:15px 0 10px 0; font-size:17px;}
.other_links ul li{ list-style:none; background:url(../images/black_arr.gif) left 16px no-repeat; padding:10px 0 10px 13px; border-bottom:1px dotted #9a9898; font-size:15px;}
.other_links ul li a{ color:#1eadad;}
.other_links ul li a:hover{ color:#333;}
.other_links h3{ background:#3cd5d5; color:#fff; text-transform:uppercase; padding:5px 5px 5px 10px; margin:15px 0 10px 0; font-size:17px;}

.event_box{ width:198px; margin:15px 0 0 0; float:left; padding:0px; border-bottom:1px dotted #9a9898; padding:0 0 15px 0; }
.event_box:last-of-type{border:0px;}
.date_section{width:63px; border:1px solid #e4e4e4; float:left; }
.month_panel{background:#aadd00; color:#fff; text-transform:uppercase; padding:3px; text-align:center; width:57px; float:left; font-size:15px;}
.dt_panel{ width:63px; color:#000; font-weight:bold; font-size:15px; padding:10px 0; text-align:center; float:left}
.event_desc{ float:right; width:120px; margin:0px; padding:0px;}
.event_desc h4{color:#aadd00; font-size:15px; font-weight:bold;}
.event_desc p{ width:100%; }

.colored_panel{ width:1000px; margin:20px 0 0 0; float:left}
.colored_panel ul{ width:1000px; float:left; margin:0px; padding:0px;}
.colored_panel ul li{ float:left; list-style:none; margin:0 1px 0 0; display:inline; }
.colored_panel ul li:last-child{ margin:0; }
.colored_panel ul li a p{ width:100%; text-align:center; margin:40px 0 0 0; text-transform:uppercase; font-size:21px; color:#fff;}
.feature_text{  margin:30px 0 0 0!important}
.colored_panel ul li a{width:165px; height:187px; display:inline-block;opacity:0.8;filter:alpha(opacity=80); }
.colored_panel ul li a:hover{opacity:1.0;filter:alpha(opacity=100);}
.org{ background:#f87912;}
.yellow{background:#ffcc00;}
.l_blue{background:#3cd5d5;}
.green{ background:#aadd00;}
.purple{ background:#666699;}
.red{ background:#ff3333;}

.slider{ width:978px; float:left; border:1px solid #a3dddd; background:#e5f5f5; padding:10px; margin:10px 0; position:relative}


.footer{ width:1000px; text-align:center; margin:0 0 15px 0;}
.footer ul{ margin:0 0 5px 0; width:100%; padding:0px; text-align:center;}
.footer ul li{ padding:0 5px; margin:0px; list-style:none; display:inline; color:#333; border-right:1px solid #333; }
.footer ul li:last-child{ border:0px;}
.footer ul li a{ color:#333;}
.footer ul li a:hover{ color:#000; text-decoration:underline;}
.footer p{ text-align:center;}
.product{float:left; margin:0px 10px 0px 0px;}
.maincontant{margin:0 10px; float:left;}