/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#582902; font:14px/16px Arial, Helvetica, sans-serif;}
div, p, ul, form, input, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
img.small {border: 1px solid #cecece;}

/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative; margin:0 auto;}

/*----Left Panel----*/
#leftPan{width:155px; float:left; background:#FFFCF4; color:#582902; border-bottom:1px solid #96a483; border-left:1px solid #96a483; border-right:1px solid #96a483; padding:18px 0 0;}
#leftPan ul.one{width:127px; height:177px; margin:0 0 22px 14px;}
#leftPan ul.one li{width:127px; height:21px; border-bottom:1px solid #1f1dca;}
#leftPan ul.one li a{width:93px; height:21px; display:block; background:url(images/arrow1.gif) 10px 8px no-repeat #FFFCF4; color:#40361B; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:0 0 0 24px;}
#leftPan ul.one li a:hover{background:url(images/arrow2.gif) 15px 8px no-repeat #CC0000; color:#fff; text-decoration:none; padding:0 0 0 30px;}
#secondformPan{width:127px; height:95px; background:#FFFFFF; color:#96a483; margin:0px 14px 20px; border-bottom:1px solid #96a483; border-left:1px solid #96a483; border-right:1px solid #96a483;}
#secondformPan form.formtwo{width:127px; height:95px;}
#secondformPan form.formtwo h2{width:117px; height:23px; background:#96a483; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}

#secondformPan form.formtwo .input{width:107px; height:23px; background:url(images/join.png) 0 0 no-repeat #E3DDCD; border:none; text-align:center; margin:10px 0 0 15px;}
#secondformPan input{width:104px; height:18px; display:block; background:#fff; color:#000; font:11px/18px Verdana, Arial, Helvetica, sans-serif; margin:8px 0 0 10px;}
#logoformPan{width:127px; height:75px; margin:0 14px 30px; background:url(images/logoOCS.png) 5px 8px no-repeat #1f1dca;}

/*----Right Panel----*/
#rightPan{width:620px; float:left;}

/*** Header ***/
#header            { background-image:url(images/banner.gif); width:475px; height:100px; float:right; margin:10px 0 0 0;}
#header ul a       { background-image:url(images/pencil.png); width:200px; height:35px; float:left; color:#000000; display:block; font-size:1em; letter-spacing:-1px; padding:7px 20px 4px 11px; text-decoration:none; }
#header ul a:hover { color:#990202; }

/*---Body Panel----*/
#bodyPan{width:525px; padding:50px 10px 10px 26px;}
#bodyPan h1{height:33px; background:#fff; color:#40361B; font:30px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#bodyPan h2{height:30px; background:#fff; color:#40361B; font:22px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#bodyPan h3{height:30px; background:#fff; color:#0033cc; font:20px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:underline; margin: 10px 0 10px 0; font-weight:bold;}
#bodyPan p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 375px;}
#bodyPan p.more a:hover{background:#E3DFFC; color:#CC0000; text-decoration:none;}
#bodyPan p.download a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 375px;}
#bodyPan p.download a:hover{background:#E3DFFC; color:#CC0000; text-decoration:none;}
#bodyPan ul{width:450px; margin:0 0 22px 14px;}
#bodyPan ul li {display:block; background:url(images/arrow1.gif) 13px 8px no-repeat #FFFCF4; color:#40361B; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:0 0 0 24px;}

/*---Body Lower Panel----*/
#bodylowerPan{width:525px; padding:11px 0 0; position:relative; margin:0 auto;}
#bodylowerLeftPan{width:291px; padding:0 40px 0 0; float:left;}
#bodylowerLeftPan p{padding:15px 0;}
#bodylowerLeftPan h3{height:30px; background:#fff; color:#40361B; font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodylowerLeftPan ul.list{width:290px;}
#bodylowerLeftPan ul.list li{width:290px; height:20px;}
#bodylowerLeftPan ul.list li a{height:20px; background:url(images/bullet1.gif) 0 3px no-repeat #fff; color:#000; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#bodylowerLeftPan ul.list li a:hover{background:url(images/bullet2.gif) 0 3px no-repeat #fff; color:#5E2401; line-height:20px; text-decoration:underline;}
#bodylowerLeftPan p.more{background:url(images/more-line.gif) 0 90% repeat-x; padding:0px;}
#bodylowerLeftPan p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 193px;}
#bodylowerLeftPan p.more a:hover{background:#E3DDCD; color:#CC0000; text-decoration:none;}
#bodylowerRightPan{width:194px; float:left;}
#bodylowerRightPan h4{height:50px; background:#fff; color:#40361B; font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodylowerRightPan ul{width:162px; height:144px; padding:16px 16px 0; background:#96a483; color:#fff;}
#bodylowerRightPan ul li{width:162px; height:27px; border-bottom:1px solid #887B53;} 
#bodylowerRightPan ul li a{width:142px; height:27px; background:url(images/arrow4.gif) 8px 6px no-repeat #96a483; color:#fff; text-decoration:none; line-height:27px; padding:0 0 0 20px;} 
#bodylowerRightPan ul li a:hover{background:url(images/arrow5.gif) 8px 6px no-repeat #96a483; color:#FCF0CD; text-decoration:none; padding:0 0 0 20px;} 
#bodylowerRightPan ul li.lastlink{border:none;}
#bodylowerRightPan p.more{width:194px; height:38px; background:url(images/more-bg.jpg) 24px 0 no-repeat #96a483; color:#342B0D; padding:12px 0 0;}
#bodylowerRightPan p.more a{width:72px; background:#DED8C6; color:#342B0D; font-size:13px; font-weight:bold; margin:0 0 0 77px; text-decoration:none; }
#bodylowerRightPan p.more a:hover{text-decoration:none;}

/*----FOOTER PANEL----*/
#footermainPan{height:99px; background:url(images/footerbg.gif) 0 0 repeat-x #FFFCF4; color:#010101; clear:both; padding:53px 0 0;}
#footerPan{width:778px; position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
#footerPan ul{width:580px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#96a483; background:#FFFCF4; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:400px; position:relative; margin:0 auto; background:#FFFCF4; color:#010000; text-align:center; font-size:11px;}
#footerPan ul.templateworld{width:250px; background:#FFFCF4; color:#444; display:block; position:absolute; top:60px; left:300px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#FFFCF4; display:block; color:#444; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
#footerPanhtml{width:60px; height:18px; display:block; position:absolute; top:40px; left:320px;}
#footerPanhtml a{width:58px; height:18px; display:block; background:#CC0000; color:#fff; line-height:18px; font-size:11px; font-weight:bold; text-align:center; text-decoration:none;}
#footerPanhtml a:hover{background:#96a483; color:#fff;}
#footerPancss{width:48px; height:18px; display:block; position:absolute; top:40px; left:380px;}
#footerPancss a{width:48px; height:18px; display:block; background:#96a483; color:#fff; line-height:18px; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center;}
#footerPancss a:hover{background:#CC0000; color:#fff;}