html, body { margin:0; padding:0; background:#ffffff url(../images/bg.gif) repeat-x left top; font:normal 12px Arial, Helvetica, sans-serif; color:#333333;}

*{ margin:0; padding:0;}
img {border:none;}
a{color:#003173; text-decoration:underline;}
a:hover{color:#000000; text-decoration:none;}

p { padding-bottom:10px;}
ul{ width:98%; float:left; clear:both; padding:5px;}
ul li{ width:96%; float:left; clear:both; background:url(../images/arrow1.gif) no-repeat 0em 0.5em; padding:0 0 5px 15px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333333; list-style-type:none;}

h1 {font:bold 17px/25px Arial, Helvetica, sans-serif; color:#286BBC; text-transform:capitalize; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}

.darkblue { font:bold 13px/20px Arial, Helvetica, sans-serif; color:#003173;}

.header { width:980px; margin:20px auto 0 auto; clear:both; border:1px solid #D4DEEB; border-bottom:none;}
.header .topnav { width:978px; clear:both; border:1px solid #275FA2; background:#286BBC; font:bold 12px/24px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.header .topnav a { padding:0 10px; color:#FFFFFF; text-decoration:none;}
.header .topnav a:hover { padding:0 10px; color:#D9EAFF; text-decoration:underline;}

.body-container { width:970px; margin:0 auto; padding:5px; clear:both; background:#FFFFFF; border:1px solid #D4DEEB; overflow:hidden;}
.body-container .left-container{ width:367px; float:left;}
.body-container .right-container{ width:603px; float:right;}
.body-container .right-container .wrapper{ width:590px; float:right; padding:0 5px 0 0;}

.body-container .left-container .leftform{ width:97%; float:left; background:#ffffff url(../images/leftform.gif) repeat-x left bottom; border:1px solid #286BBC; padding:1px;}
.body-container .left-container .leftform h5 { font:bold 17px/25px Arial, Helvetica, sans-serif; color:#FFFFFF; background:#286BBC; padding:0 10px;}
.body-container .left-container .leftform .query {width:350px; margin:0; float:left; padding:0 0 20px 0;}
.body-container .left-container .leftform .query p { margin:0; padding:0 0 8px 10px; width:340px; clear:both; float:left;}
.body-container .left-container .leftform .query label {font:bold 12px Arial, Verdana; float:left; text-align:left; margin-top:3px; width:190px; padding:0 3px 0 0;}
.body-container .left-container .leftform .query input {height:18px; width:130px; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0 10px 0 0; font-family:Arial, Verdana;}
.body-container .left-container .leftform .query select {height:20px; width:auto; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0 10px 0 0; font-family:Arial, Verdana;}
.body-container .left-container .leftform .query textarea {height:50px; width:130px; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0; font-family:Arial, Verdana;}
.body-container .left-container .leftform .query .button {background:#003273; font:bold 12px/20px Arial, Verdana; color:#fff; width:100px; padding:2px 3px 0 3px; margin:5px 0 0 0; height:25px; float:left;}
.body-container .left-container .leftform .query p.alert { clear:both; text-align:center; color:#FF0000; font:bold 11px/20px Arial, Helvetica, sans-serif;}

.ul-container{ width:100%; float:left; clear:both; padding:10px 0;}
.ul-container ul{ width:44%; float:left; clear:none; padding:8px; margin:5px; height:130px; border:1px solid #e5e5e5;}
.ul-container ul li{ width:96%; float:left; clear:both; background:url(../images/arrow.gif) no-repeat 0em 0em; padding:0 0 5px 25px; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#333333; list-style-type:none;}
.ul-container ul li.heading{font:bold 13px/20px Arial, Helvetica, sans-serif; color:#0F4381; padding:0 0 5px 0; background:none;}


.footer { width:980px; margin:0 auto 5px auto; background:#286BBC; clear:both; border:1px solid #D4DEEB; border-top:none; text-align:center; color:#FFFFFF;}
.footer a {font:bold 12px/24px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 10px; color:#FFFFFF; text-decoration:none;}
.footer a:hover { padding:0 10px; color:#D9EAFF; text-decoration:underline;}
.copyright { width:980px; margin:0 auto 20px auto; clear:both; text-align:right; font:normal 11px/20px Arial, Helvetica, sans-serif; color:#333333;}


.query1 {width:570px; margin:20px 0; float:left; padding:10px; background:#ffffff url(../images/leftform.gif) repeat-x left bottom;}
.query1 p { margin:0; padding:0 0 8px 90px; width:450px; clear:both; float:left;}
.query1 label {font:bold 12px Arial, Verdana; float:left; text-align:left; margin-top:3px; width:140px; padding:0 3px 0 0;}
.query1 input {height:18px; width:180px; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0 10px 0 0; font-family:Arial, Verdana;}
.query1 input.noeffect {height:auto; width:auto; border:none; float:none; vertical-align:middle; margin-left:10px;}
.query1 select {height:20px; width:auto; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0 10px 0 0; font-family:Arial, Verdana;}
.query1 textarea {height:70px; width:260px; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0; font-family:Arial, Verdana;}
.query1 .button {background:#003273; font:bold 12px/20px Arial, Verdana; color:#fff; width:80px; padding:2px 5px 0 5px; margin:5px 0 0 0; height:20px; float:left;}
.query1 p.alert { clear:both; text-align:center; color:#FF0000; font:bold 11px/20px Arial, Helvetica, sans-serif;}

.heading {font:bold 13px/20px Arial, Helvetica, sans-serif; padding:5px 0; color:#333333; width:100%; clear:both}

.reg-form {width:98%; margin:0; float:left; padding:0 10px;}
.reg-form ul{ width:98%; float:left; clear:both; background:#F5F5F5;}
.reg-form ul li{ width:23%; float:left; list-style-type:none; padding:0 0 10px 10px; clear:none; background:none;}
.reg-form input.button {background:#003273; font:bold 12px/20px Arial, Verdana; color:#fff; width:50px; padding:2px 5px 0 5px; margin:5px 0 0 0; height:20px; float:left;}
.reg-form label {font:normal 12px Arial, Verdana; float:left; text-align:left; clear:both;}
.reg-form input {height:18px; width:130px; border:1px solid #39465F; padding:0 0 0 2px; font-family:Arial, Verdana;}
.reg-form select {height:20px; width:auto; border:1px solid #39465F; padding:0 0 0 2px; font-family:Arial, Verdana;}
.reg-form textarea {height:70px; width:150px; border:1px solid #39465F; padding:0 0 0 2px; font-family:Arial, Verdana;}
.reg-form .button {background:#003273; font:bold 12px/20px Arial, Verdana; color:#fff; width:80px; padding:2px 5px 0 5px; margin:5px 0 0 0; height:20px; float:left;}

.login {width:470px; margin:20px auto; border:1px solid #286BBC; padding:1px 1px 15px 1px; background:#ffffff url(../images/leftform.gif) repeat-x left bottom; overflow:hidden;}
.login h5 { font:bold 17px/25px Arial, Helvetica, sans-serif; color:#FFFFFF; background:#286BBC; padding:0 10px; margin-bottom:30px;}
.login p { margin:0; padding:0 0 8px 100px; width:450px; clear:both; float:left;}
.login label {font:bold 13px Arial, Verdana; color:#39465F; float:left; text-align:left; margin-top:3px; width:100px; padding:0 3px 0 0;}
.login input {height:18px; width:180px; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0 10px 0 0; font-family:Arial, Verdana;}
.login input.noeffect {height:auto; width:auto; border:none; float:none; vertical-align:middle; margin-left:10px;}
.login select {height:20px; width:auto; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0 10px 0 0; font-family:Arial, Verdana;}
.login textarea {height:70px; width:260px; border:1px solid #39465F; float:left; padding:0 0 0 2px; margin:0; font-family:Arial, Verdana;}
.login .button {background:#003273; font:bold 12px/20px Arial, Verdana; color:#fff; width:80px; padding:2px 5px 0 5px; margin:5px 0 0 0; height:25px; float:left;}
.login a {font:bold 12px Arial, Verdana; color:#286BBC; text-decoration:none;}
.login a:hover {font:bold 12px Arial, Verdana; color:#000; text-decoration:underline;}