/* CSS Document */

body {
background: #ccc; margin: 0 auto;
color: #666;
}

div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* CONTAINER*/
#container {background: #fff; width:900px; margin: 0 auto; padding: 0px 0px 0px 0px; position: relative; }

/* TOP PANEL*/
#topPanel{width:100%; height:225px; position:relative;}
#topPanel img{width:100%; height:250px; z-index:1; padding:0; position:relative; margin: 0 auto;}
/* MENU PANEL*/
#topPanel ul{width: 100%; height:42px; position:absolute; top:250px; left:0px;}
#topPanel ul li{width:100px; height:42px; float:left; }
#topPanel ul li a{width:100px; height:42px; display:block; background: blue url('images/menu-bg.gif') repeat-x 0 0; color: #000; font-weight:normal; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:40px; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#topPanel ul li a:hover{background:#fff url('images/menu-bg1.gif'); color:#fff; text-decoration:none;}


/* BODY PANEL*/
#bodyPanel{width:100%; height:700px; position:relative; margin:75px auto; padding: 0;}
#bodyPanel h1{position: relative; margin-top: 20px; margin-left: 20px; }
#bodyPanel h2{color: #000; font-weight: bold; font-size: 44px; text-decoration: underline; text-align: center; margin-bottom: 70px; margin-top: 25px; }
#bodyPanel h3{color: #000; font-weight: bold; font-size: 36px; text-decoration: underline; text-align: center; margin-bottom: 70px; }
#bodyPanel p{background: #fff; color: #000; position: absolute; left: 510px; top: 150px; font-weight: normal; font-size: 20px; text-align: justify; margin-right: 20px; }
#bodyPanel p.second{background: #fff; color: #000; position: absolute; left: 500px; top: 335px; font-weight: normal; font-size: 20px; } 
#bodyPanel p.third{background: #fff; color: #000; position: absolute; left: 500px; top: 535px; font-weight: normal; font-size: 20px; }
#bodyPanel p.more{height:10px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:200px; height:55px; display:block; background:#fff no-repeat 0 0; color:#555; text-decoration:none; text-transform:uppercase; position:absolute; top:162px; right:-300px; font-style:normal; font-variant:normal; font-weight:normal; line-height:26px; font-size:15px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:618px; margin-right:20px; margin-top:350px; margin-bottom:19px; padding-left:0px; padding-right:0px; padding-top:0; padding-bottom:0}
#bodyPanel p.more a:hover{background:#fff no-repeat 0 0; color:#216EBD; text-decoration:none}
#bodyPanel p.form {background: #fff; color: #000; position: absolute; left: 510px; top: 135px; font-weight: normal; font-size: 20px; text-align: justify; margin-right: 14px;}
#bodyPanel ol{font-size: 18px; color: #000;}




/* FOOTER PANEL*/
#footerPanel{width:900px; background:url('images/bubble-ring.jpg'); color:#fff; font-size:16px; margin: 0 auto;}
#footerbodyPanel{margin: 0 auto; width:900px;height:175px; position:relative; padding:0;}
#footerPanel ul{margin: 0 auto; width:350px; display:block; position:absolute; right:0px; top:33px; }
#footerPanel li{float: left; font:15px/15px Arial, Helvetica, sans-serif; font-weight:bold;}
#footerPanel ul li a{padding:0 6px; color:#fff; background:none; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:none; display:block; position:absolute; top:66px; right:8px; color:#fff;}