html, body { height:100%; }
html, body, form {margin:0; padding:0}
html { background:url(../images/bodybg.jpg) repeat left top; }
body {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; }
img {border:0}
p {margin:0px 0px 7px 0px; padding:0; color:#3a3a3a; line-height:20px;}
a {outline:none; text-decoration:none; color:#1b3f80;}
a:hover {outline:none; color:#000000;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#333333; outline:none;}
.wrapper { background:url(../images/headbg.jpg) repeat-x left top; width:100%; min-height:100%; position:relative; z-index:100; padding-bottom:105px;}
.container { width:900px; margin:0 auto;}
.header { width:900px; height:150px; margin:0px auto; padding:6px 0px 0px 0px; border:0px solid red;}
.logo { width:332px; height:42px; display:block; padding:20px 0px 0px 0px; float:left; }
.head_right { width:400px; float:right; margin: 0px;}

.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:20px 0px 0px 0px; }
.spac5 { padding:5px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }
.hline { border-bottom:1px solid #303030; }

/* menu */
.navbase { height:38px; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 100px; background:url(../images/navbg.jpg) repeat-x left top; border-radius: 0px 0px 8px 8px; box-shadow: 3px 3px 3px #666; border:1px solid #FFFFFF; border-top:0px;} 
#nav {padding:0; margin:0; list-style:none; height:38px; position:relative; z-index:500; float:left; border-left: 1px solid #FFFFFF; }
#nav li.top {display:block; float:left; height:38px; padding:0px 0px 0px 0px; border-right: 1px solid #FFFFFF; }
#nav li.last { background:none; }
#nav li a.top_link {display:block; float:left; height:38px; font-family: 'Patua One', cursive; color:#FFFFFF; line-height:38px; font-size:18px; padding:0px 20px;}
#nav li a#quote div{text-decoration: none; font-weight:bold; overflow:hidden;}
#nav li a#livechat {padding:8px 0;}
#nav li a.top_link span {float:left; display:block; padding:0 7px 0 7px; height:34px; }
#nav li:hover a.top_link { background:#000000; color:#FFFFFF; }
#nav li:hover a.top_link span { background:#09A5D9;  }
/* Default list styling */
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:0px; top:42px; height:auto; z-index:1000; width:230px;  padding:5px 0px 8px 0px; background:#000000; }
#nav li:hover ul.sub li {display:block; position:relative; float:left; width:222px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0px 4px !important; background:#000000; text-align:left;}
#nav li:hover ul.sub li span{ background:#303B55; color:#FFFFFF; margin:0px 2px; padding:0px 0px 0px 4px; margin:4px 0px;  height:23px; display:block }
#nav li:hover ul.sub li a {display:block; font-size:12px; width:202px; color:#8b8b8b; text-decoration:none; font-weight:normal; border-bottom:1px solid #303030; line-height:16px; padding:6px 10px;}
#nav li ul.sub li a.fly {background-position: right center; background-repeat:no-repeat;}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:230px; top:-4px; padding:0px;  width:200px; z-index:1000; height:auto; background:url(../images/nav_btm1.gif) no-repeat left bottom; padding:0px 0px 4px 0px; border-left:1px solid #FFFFFF;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none; z-index:1000; }
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#FFFFFF; background-position:14px 8px; background-repeat:no-repeat; z-index:1000;} 
#nav li:hover ul.sub li a:hover {background:#303030 url(../images/nav_bg.gif) repeat-x left top !important; color:#FFFFFF; }
#nav li:hover ul.sub li a.fly:hover {background-position:5px 0px; background-repeat:no-repeat; color:#fff;}
#nav li:hover ul.sub li a.fly:hover ul{ z-index:1000;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background-position:5px 0px; background-repeat:no-repeat; color:#fff; z-index:1000;} 

/* Menu End */

h1 {color:#1b3f80; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; line-height:24px; font-size:24px; font-weight: normal; font-family: 'Patua One', cursive; }
h1 span { color:#fefac1; }
h2 {color:#989696; margin:0px; padding:6px 0px 20px 0px; font-size:18px; line-height:18px; font-weight:normal; font-family: 'Patua One', cursive;}
h2 span { color:#0181B4;}
h3 {color:#333333; margin:0px; padding:10px 0px 0px 0px; font-size:13px; line-height:18px; font-weight:bold; }

.middle_container { width:860px; padding:20px 20px 20px 20px; background:#FFFFFF; box-shadow: 0px 0px 5px #666; border-radius: 8px; min-height:550px; }
.middle_content { float:right; width:600px; padding:0px 0px 0px 0px; }
.middle_content p{ text-align:justify; line-height:20px; }
.middle_content a { text-decoration:underline; color:#1b3f80; }
.middle_content a:hover { color:#000000; text-decoration:none; }
.left_pannel { width:240px; float:left; padding:0px 0px 0px 0px; border:0px solid red; }

/* Middle */
.banner { width:860px; height:230px; background:url(../images/bannerbg.jpg) no-repeat left bottom; padding:0px 0px 30px 0px; }
.banner-in { width:860px; height:100px; background:url(../images/banner-inbg.jpg) no-repeat left bottom; padding:0px 0px 30px 0px; }

ul.list { margin:0px; padding:0px 0px 10px 25px; }
ul.list li { margin:0px; padding:3px 0px 0px 0px; list-style-type:square; line-height:18px; }

.prolist { margin:0px; padding:0px 0px 10px 0px; }
.prolist li { margin:0px; padding:0px 12px 20px 0px; list-style-type:none; line-height:18px; width:160px; height:190px; float:left;}
.prolist li.last { padding:0px 0px 20px 0px; } 
.prolist li a { display:block; width:160px; height:190px; float:left; text-align:center; font-weight:bold; border:1px solid #c1c1c1; overflow:hidden }
.prolist li a span{ display:block; padding:7px 5px; color:#FFFFFF; background:#1b3f80; }
.prolist li a:hover span { background:#4b80b6; }

.midleft { width:380px; float:left; }
.midright { width:460px; float:right; }

/* Left Pannel */
.leftbox { background:#eaeae9; border-radius: 8px; padding:0px 0px 15px 0px; }
.leftbox h2{ border-radius:8px 8px 0px 0px; background:url(../images/left-titlebg.jpg) repeat-x left top; margin:0px; padding:0px; height:39px; }
.leftbox h2 span { color:#FFFFFF; background:url(../images/left-bullet.jpg) no-repeat 10px 13px; display:block; padding:0px 0px 0px 30px; line-height:36px; }
.leftbox ul { margin:0px; padding:10px 0px; }
.leftbox ul li{ margin:0px; padding:0px 0px 0px 0px; list-style-type:none; background:url(../images/leftlink-bg.jpg) repeat-x left bottom; }
.leftbox ul li a { display:block; background:url(../images/left-bullet.gif) no-repeat 10px 12px; padding:8px 0px 8px 30px; font-size:13px; color:#1f2021; font-weight:bold; line-height:20px; }
.leftbox ul li a:hover { background:#366ba1 url(../images/left-bulleto.png) no-repeat 10px center; color:#FFFFFF; }

.probox { background:#eaeae9; border-radius: 8px; padding:0px 0px 15px 0px; }
.probox h2{ border-radius:8px 8px 0px 0px; background:url(../images/left-titlebg.jpg) repeat-x left top; margin:0px; padding:0px; height:39px; }
.probox h2 span { color:#FFFFFF; background:url(../images/left-bullet.jpg) no-repeat 10px 13px; display:block; padding:0px 0px 0px 30px; line-height:36px; }
.probox ul { margin:0px; padding:10px 0px; }
.probox ul li{ width:260px; margin:0px 25px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; background:url(../images/leftlink-bg.jpg) repeat-x left bottom; float:left; }
.probox ul li a { display:block; background:url(../images/left-bullet.gif) no-repeat 10px center; padding:6px 0px 6px 30px; font-size:13px; color:#1f2021; font-weight:bold; line-height:20px; }
.probox ul li a:hover { background:url(../images/left-bullet.gif) no-repeat 10px center; color:#1b3f80; text-decoration:underline; }

/* footer */
.footer { background:url(../images/footbg.jpg) repeat-x left top; padding:15px 0px 20px 0px; display:block; height:50px; position:absolute; bottom:0;
	left:0; width:100%; }
.footer_in { width:900px; margin:0 auto; }
.foot-left { float:left; }
.foot-left p { font-size:11px; color:#1a3e57; text-align:left; padding:0px; margin:0px;}
.foot-left p a { color:#656363; text-transform:uppercase; padding:0px 3px; }
.foot-left p a:hover { color:#FFFFFF; text-decoration:underline;}
.foot-right { float:right; }
.foot-right p { font-size:11px; color:#1a3e57; text-align:right; padding:0px; margin:0px; }
.foot-right p a { color:#1a3e57; font-size:11px; }
.foot-right p a:hover { color:#1a3e57; text-decoration:underline;}
.validate{float:right; padding:5px 1px 0 0}
/* form */
.frm { padding:10px 0px 20px 20px; margin:0px 0px 0px 0px;  border:1px solid #eaeae9; background:#eaeae9; } 
.frm p { margin:0px; padding:3px 0px 3px 0px; text-align:left; font-size:11px;}
.frm a:hover{ color:#FFFFFF; text-decoration:none; }
.frm p span { display:block; width:180px;float:left; line-height:20px; padding:0px 0px 0px 0px; font-size:13px; font-weight:bold; }
.frm p span.two { float:left; width:350px; line-height:20px; float:left; color:#CCCCCC; }
.cstext { border:1px solid #cacaca; background:#FFFFFF; margin:0px; padding:5px 5px; width:230px; color:#333333;}
.csarea { border:1px solid #cacaca; background:#FFFFFF; margin:0px; padding:5px 5px; width:230px; height:40px; color:#333333;}
input.bsubmit{ padding:3px 10px;  background:#1b3f80;  border:none; margin:0px 0px 0px 0px; color:#FFFFFF;}
.csselect {border:1px solid #cacaca; background:#FFFFFF; width:240px; height:26px; color:#333333; }
.mandatory { color:#FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
.mandatory1 { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
.box1 { width:250px; float:left; padding:0px 20px 0px 0px;}

.cap_cstxt { border:1px solid #cacaca; background:#1b3f80; color:#FFFFFF; font-weight:bold; margin:0px; padding:4px 5px; width:80px; font-size:15px; text-align:center; vertical-align:middle;}
.cap_cstxt1 { border:1px solid #cacaca; background:#FFFFFF; margin:0px; padding:5px 5px; width:110px; color:#000000; vertical-align:middle;}

.base1 { width:295px; float:left; }
.base2 { width:295px; float:right; }
.img-left { float:left; padding:0px 20px 20px 0px; }
.img-right { float:right; padding:0px 0px 20px 20px; }

table.tdisplay { border:1px solid #303030; border-collapse:collapse; }
table.tdisplay th {border:1px solid #303030; padding:5px 5px; background:#232222; line-height:18px; text-align:left; font-size:13px; }
table.tdisplay td { padding:5px 5px; border:1px solid #303030; } 
.row1 { background:#E6EEF0; }
.row2 { background:#C9DCE1; }
.absmiddle { vertical-align:middle; }
.fl-left { float:left; }
.fl-right { float:right; }

.breadcrumb { border-top:1px solid #eaeae9; border-bottom:1px solid #eaeae9; font-size:11px; padding:7px 0px 7px 0px; margin:0px 0px 10px 0px; }
.breadcrumb a { font-size:11px; text-decoration:underline; }
.flag { float:right; margin:10px 40px 0px 0px; }
.flag img { border:1px solid #85b7e9; margin:0px 8px 0px 0px; box-shadow: 1px 1px 1px #000; }

.col1{width:180px; float:left}
.col2{width:660px; float:right}
.draw{margin-top:10px;}
.draw img{border:1px solid #ccc; width:158px}

table{border-collapse:collapse; border:1px solid;}
table td{border-collapse:collapse; border:1px solid #999; padding:2px 0 2px 5px}
table tr{border-collapse:collapse; border:1px solid #999;}
table th{border-collapse:collapse; border:1px solid #999; padding:2px 0 2px 5px}
