﻿/* CSS Document */
#body { background: #fff; }

body {background: #4A6071;   }

/*-------- Default Style --------*/
th,td,div{ background-position: center; color: #000; font-family:  Arial, Helvetica, sans serif; font-weight: normal;}

a,a:link,a:visited,a:active{color:#00009f; text-decoration:none; font-family: Arial, Helvetica, sans serif; font-weight:normal; }
a:hover{color:#06AE09; text-decoration:underline; }

/*-------- design style --------*/
.template_style{width:960px; margin:auto;}

.top_space{height:20px;}
.logo_top_bg{padding:0px; margin:0 0px 0 0px; background: url(images/MiniBanner1.png) repeat-x top; height:37px;}


.menu_bg{ padding: 0 0 0 0px; margin: 0 0px 0 0px; height: 30px;  background: url(images/Bar1.png) repeat-y top left; }

.AuxBarGrr{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;   height: 24px;   width: 960px; background: url(images/AuxBar1.png) repeat-y top left; }
.AuxBarLeft{padding: 0px 0px 0px 14px; margin: 0px 0px 0px 0px; height: 20px;  Width:280px; float: left; }
.AuxBarCentre{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 20px;  Width:280px; float: left; }
.TextSize{ padding: 0px 0px 0px 0px; width: 70px; height: 20px; margin:0px;  float: right;}
.AuxBarRight{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 20px; Width:290px; float: left; }
.Search{ padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; height: 20px;  width: 290px;   }

.TopSection{padding:0px; margin:0px; background:url(images/Body1.png) repeat-y top left;}
.WideTop{ padding:0px 0px 0px 0px; margin: 0px 3px 0px 3px; float: left; width: 954px; }
.Q1{ padding:2px 0px 0px 18px; margin: 0px 0px 0px 0px; float: left; width: 218px; }
.Q2{ padding:2px 0px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 218px; }
.Q3{ padding:2px 0px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 218px; }
.Q4{ padding:2px 0px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 218px; }

.VideoSection{padding:0px; margin:0px; background:url(images/Body1.png) repeat-y top left;}
.WideScreen{ padding:0px 0px 0px 18px; margin: 0px 0px 0px 0px; float: left; width: 518px; float: left;}
.HalfPal{ padding:0px 18px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 386px; float: left;  text-align: center;}

.center_bg{padding:0px; margin:0px; background:url(images/Body1.png) repeat-y top left;}

.bot_bg{ padding:0px; margin:0px; height: 24px; background: url(images/AuxBar1.png) center; background-repeat: no-repeat; }

.clear_float{clear: both; height: 0px;}

.Logo{ padding: 0px 0px 0px 0px; width: 350px; height: 90px; margin: 0px 0px 0px 0px; float: left;}
.Rotator{ padding: 3px 3px 0px 0px; width: 580px; height: 88px; margin: 0px 0px 0px 0px; float: right;}

.ContentContainer{ padding: 10px 15px 0px 15px; margin: 0px 0px 0px 0px; width: 960px;}

.ContentPane{ padding:10px 0px 0px 18px; margin: 0px 0px 0px 0px; float: left; width: 608px; }
.RightPane{ padding:10px 18px 0px 16px; width: 296px; margin: 0px 0px 0px 0px;  float: left;}
.Content_2a{ padding:0px 0px 0px 18px; width: 296px; margin: 0px 0px 0px 0px; float: left; }
.Content_2b{ padding: 0px 0px 0px 16px; width: 296px; margin: 0px 0px 0px 0px; float: left;}
.BottomPane{ padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 600px; float: left;}
.FootPane{padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;  width: 100px;  }

.WideBtm{ padding:0px 0px 0px 0px; margin: 0px 3px 0px 3px; float: left; width: 954px; }
.Q1_B{ padding:2px 0px 0px 18px; margin: 0px 0px 0px 0px; float: left; width: 218px; }
.Q2_B{ padding:2px 0px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 218px; }
.Q3_B{ padding:2px 0px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 218px; }
.Q4_B{ padding:2px 0px 0px 16px; margin: 0px 0px 0px 0px; float: left; width: 218px; }


.Basement{padding:0px 0px 0px 0px; margin: 0px auto 0px auto; height: 40px;  background: url(images/NewFoot1.png) repeat-y top left; text-align: center; }
.FootBarLeft{ padding: 16px 0px 0px 0px; width: 320px; margin: 0px auto 0px auto;  text-align: center; float: left;}
.FootBarCentre{ padding: 2px 0px 0px 0px; width: 320px; margin: 0px auto 0px auto;  text-align: center;float: left; }
.FootBarRight{ padding: 16px 0px 0px 0px; width: 320px; margin: 0px auto 0px auto;  text-align: center; float: left;}

.FootText,a.FootText:link,a.FootText:active,a.FootText:visited { color:#FFFFFF; font-size:12px;}
a.FootText:hover{color:#FFFF00; text-decoration:underline;}

.BottomLine{padding: 0px 20px 0px 20px; margin: 0px auto 0px auto; width: 960px; float:left; text-align: center;}

.BottomLineTxt,a.BottomLineTxt:link,a.BottomLineTxt:active,a.BottomLineTxt:visited { color:#747480; font-size:12px;}
a.BottomLineTxt:hover{color:#0b1d71; text-decoration:underline;}

.FootText {text-align: center; color: #34709E;}
.AddText {text-align: center; color: #fff;}


.DNNAligncenter {text-align: center; }

.DNNAlignRight { text-align: right; }

.IconAlign {vertical-align: middle;}




 /* MENU */
.SEOMenuH {
float:left; width:100%; font-family: Arial, Helvetica, sans serif; font-size:14px; font-weight: bold;
background:url(menubg.gif) repeat-x top left; 
border-top:0px solid #0b1d71;  border-bottom:0px solid #0b1d71;
}
.SEOMenuH ul {
padding:0;margin:0 0 0 4px ;list-style-type:none;
}
.SEOMenuH ul li {
float:left; position:relative; z-index: 99999;
}
.SEOMenuH ul li a, .SEOMenuH ul li a:visited {
float:left; display:block; text-decoration:none;color:#fff; padding:0 8px 0 8px; line-height:25px; height:30px; border-bottom:0px solid #fff; 
}

.SEOMenuH ul li:hover {width:auto;}

.SEOMenuH ul li a:hover {border-color:#c00; color:#f88;}

.SEOMenuH ul li:hover a {border-color:#fff; color:#FFD400;}

.SEOMenuH ul li ul {
display: none;
}
.SEOMenuH table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.SEOMenuH ul li:hover ul {
display:block;position:absolute;top:28px;margin-top:0px; left:0;width:190px;border-bottom:1px solid #0b1d71;
}
.SEOMenuH ul li:hover ul li ul {
display: none;
}
.SEOMenuH ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:3px 14px; width:160px; 
border:0px solid #000; 
border-Left:1px solid #0b1d71;
border-Right:1px solid #0b1d71;
border-Top:0px solid #000;

}
.SEOMenuH ul li:hover ul li a.drop {
background:#ccd url(bullet1.gif) no-repeat 3px 8px;
}
.SEOMenuH ul li:hover ul li a:hover {
color:#c00; background: #e5e6f2 url(bullet1.gif) no-repeat 3px 8px;
}
.SEOMenuH ul li:hover ul li a:hover.drop {
background: #ccd url(bullet1.gif) no-repeat 3px 8px;
}
.SEOMenuH ul li:hover ul li:hover ul {
display:block; position:absolute; left:185px; top:0px;
}


/* specific to IE5.5 and IE6 browsers */
.SEOMenuH ul li a:hover ul {
display:block;position:absolute;top:30px; top:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
.SEOMenuH ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:160px; width:120px; border:1px solid #000; border-bottom:0;
}
.SEOMenuH ul li a:hover ul li a.drop {
background:#ccd url(bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.SEOMenuH ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.SEOMenuH ul li a:hover ul li a:hover {
color:#000; background: #ccd url(bullet1.gif) no-repeat 3px 8px;
}
.SEOMenuH ul li a:hover ul li a:hover.drop {
 background: #ccd url(bullet1.gif) no-repeat 3px 8px;
}
.SEOMenuH ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:160px;
}
.SEOMenuH ul li a, .SEOMenuH ul li a:visited {height:33px;}
