body{margin:0px; padding:0px; font-family:verdana; font-size:11px; color:#333; line-height:16px; text-align:justify; height:auto !important;} h1{font-family:arial; font-size:21px; color:#000; margin:0 0 8px 0; line-height:26px;} h1 b{color:#b51403;} h2{font-family:arial; font-size:16px; color:#fff; margin:0 0 11px 8px; padding-top:13px;} h4{font-family:arial; font-size:14px; font-style:normal; color:#fff; margin:22px 0 9px 0; border-bottom:1px dashed #898686; border-top:1px dashed #898686; padding:5px 0 5px 5px; background-color:#b51403;} h5{font-family:arial; font-size:13px; color:#fff; margin:0; padding-left:5px;} #top{height:83px;} #top .logo{background-image:url(../images/logo.gif); background-repeat:no-repeat; width:349px; height:63px; margin:10px 0 0 9px; float:left;} #top .log-box{width:21%; float:left; margin:58px 0 0 9%; text-align:center;} #top .log-box a{color:#000; text-decoration:none; font-size:12px; font-weight:bold;} #top .log-box a:hover{color:#F00; text-decoration:underline; font-size:12px; font-weight:bold;} #top .search-box{width:28%; float:right; margin-top:58px; text-align:right; padding-right:4px;} #top .input{font-family:verdana; font-size:11px; width:180px;} #top .search{background-image:url(../images/bg.gif); border:1px solid #000; color:#fff; font-weight:bold; padding:0 5px 1px; font-size:12px;} #top-navi{background-image:url(../images/line.gif); margin-bottom:3px;} #top-navi .right{background-image:url(../images/right.gif); width:5px; float:right; height:28px;} #top-navi ul{margin:0px; padding:0; list-style:none; background-image:url(../images/left.gif); background-repeat:no-repeat; height:28px;} #top-navi li{width:14.12%; float:left; text-align:center; font-family:arial; font-size:14px; font-weight:bold; border-right:1px solid #fff; height:16px; margin:6px 0 6px 0;} #top-navi li a{color:#fff; text-decoration:none;} #top-navi li a:hover{color:#ff0; text-decoration:underline;} #top-navi .none{border:none;} #left-pan{width:22%; float:left; margin:9px 0; background-color:#FEE7E8; border:1px dashed #666;} #left-pan .left{background-image:url(../images/l-curve.gif); width:4px; height:29px; float:left;} #left-pan .right{background-image:url(../images/r-curve.gif); width:5px; height:29px; float:right;} #left-pan .head{background-image:url(../images/bg-line.gif); height:23px; font-family:arial; font-size:14px; color:#fff; text-align:center; font-weight:bold; padding-top:6px;} #left-pan .photo{background-image:url(../images/snap.jpg); width:155px; height:193px; margin:0 auto; margin-bottom:10px; border:2px solid #333; } #left-pan ul{padding:0 0 0 7px; margin:8px 0 10px 0; list-style:disc; list-style-position:inside;} #left-pan li{line-height:20px; height:20px; padding-left:1.5%;} #left-pan li a{color:#333; text-decoration:none; font-weight:bold; font-size:12px;} #left-pan li a:hover{color:#333; text-decoration:underline; font-weight:bold; font-size:12px;} #left-pan p{line-height:18px; padding:0 10px; text-align:justify; margin:0; margin-bottom:10px;} #left-pan p a{color:#780000; text-decoration:underline; font-weight:normal; font-size:11px;} #left-pan p a:hover{color:#333; text-decoration:none; font-weight:normal; font-size:11px;} #left-pan-mail{width:15%; float:left; margin:9px 0; background-color:#FEE7E8; border:1px dashed #666;} #left-pan-mail .left{background-image:url(../images/l-curve.gif); width:4px; height:29px; float:left;} #left-pan-mail .right{background-image:url(../images/r-curve.gif); width:5px; height:29px; float:right;} #left-pan-mail .head{background-image:url(../images/bg-line.gif); height:23px; font-family:arial; font-size:14px; color:#fff; text-align:center; font-weight:bold; padding-top:6px;} #left-pan-mail .photo{background-image:url(../images/snap.jpg); width:155px; height:193px; margin:0 auto; margin-bottom:10px; border:2px solid #333; } #left-pan-mail ul{padding:0 0 0 7px; margin:8px 0 10px 0; list-style:disc; list-style-position:inside;} #left-pan-mail li{line-height:20px; height:20px; padding-left:1.5%;} #left-pan-mail li a{color:#333; text-decoration:none; font-weight:bold; font-size:12px;} #left-pan-mail li a:hover{color:#333; text-decoration:underline; font-weight:bold; font-size:12px;} #left-pan-mail p{line-height:18px; padding:0 10px; text-align:justify; margin:0; margin-bottom:10px;} #left-pan-mail p a{color:#780000; text-decoration:underline; font-weight:normal; font-size:11px;} #left-pan-mail p a:hover{color:#000; text-decoration:none; font-weight:bold; font-size:11px;} #content{width:51.5%; float:left; margin:1% 1% 1% 1%; padding:1%; padding-bottom:10px; border:1px dashed #666;} #content ul{padding:0; margin:8px 0; list-style:disc; list-style-position:inside;} #content li{line-height:20px; height:20px; padding-left:5px;} #content li a{color:#333; text-decoration:none;} #content li a:hover{color:#000; text-decoration:underline;} #content a{color:#000; text-decoration:underline; font-weight:bold;} #content a:hover{color:#F00; text-decoration:none; font-weight:bold;} #content h1{font-family:Minion Pro, Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000; margin:0 0 8px 0; line-height:26px;} #content h1 b{color:#b51403;} #contentIn{width:74.6%; float:left; margin:1% 0 1% 1%; padding:1%; padding-bottom:10px; border:1px dashed #666;} #contentIn ul{padding:0; margin:8px 0; list-style:disc; list-style-position:inside;} #contentIn li{line-height:20px; height:20px; padding-left:5px;} #contentIn li a{color:#333; text-decoration:none;} #contentIn li a:hover{color:#000; text-decoration:underline;} #contentIn a{color:#000; text-decoration:none; font-size:11px; font-weight:normal;} #contentIn a:hover{color:#F00; text-decoration:underline; font-size:11px; font-weight:normal;} #contentIn a.up-link{color:#000; text-decoration:underline; font-size:12px; font-weight:bold;} #contentIn a.up-link:hover{color:#F00; text-decoration:none; font-size:12px; font-weight:bold;} #content-view{width:74.6%; float:left; margin:1% 0 1% 1%; padding:1%; padding-bottom:10px; border:1px dashed #666;} #content-view ul{padding:0; margin:8px 0; list-style:disc; list-style-position:inside;} #content-view li{line-height:20px; height:20px; padding-left:5px;} #content-view li a{color:#333; text-decoration:none;} #content-view li a:hover{color:#000; text-decoration:underline;} #content-view a{color:#f00; text-decoration:underline; font-size:11px; font-weight:bold;} #content-view a:hover{color:#000; text-decoration:none; font-size:11px; font-weight:bold;} #content-view-mail{width:81.6%; float:left; margin:1% 0 1% 1%; padding:2px; border:1px dashed #666;} #content-view-mail form{font-weight:normal;} .input1{width:300px;} #content-view-mail ul{padding:0; margin:8px 0; list-style:disc; list-style-position:inside;} #content-view-mail li{line-height:20px; height:20px; padding-left:5px;} #content-view-mail li a{color:#333; text-decoration:none;} #content-view-mail li a:hover{color:#000; text-decoration:underline;} #content-view-mail a{color:#f00; text-decoration:underline; font-size:11px; font-weight:bold;} #content-view-mail a:hover{color:#000; text-decoration:none; font-size:11px; font-weight:bold;} #contentSub{width:51.5%; float:left; margin:1% 1% 1% 1%; padding:1%; padding-bottom:10px; border:1px dashed #666;} #contentSub ul{padding:0; margin:8px 0; list-style:disc; list-style-position:inside; float:left; width:98%} #contentSub li{line-height:20px; height:20px; padding-left:5px; float:left; width:49%} #contentSub li a{color:#333; text-decoration:none;} #contentSub li a:hover{color:#000; text-decoration:underline;} #contentSub a{color:#000; text-decoration:underline; font-weight:bold;} #contentSub a:hover{color:#F00; text-decoration:none; font-weight:bold;} #contentSub h1{font-family:Minion Pro, Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000; margin:0 0 8px 0; line-height:26px;} #contentSub h1 b{color:#b51403;} #right-pan{width:22%; float:left; margin:10px 0;} #log {height:184px; background:#b51403 url(../images/lf-curve.gif); background-repeat:no-repeat;} #log .left{width:38%; float:left; color:#FFFFFF; line-height:23px; height:75px;} #log .area{width:56%!important; float:left; font-family:verdana; color:#FFFFFF; height:75px;} #log .right{background-image:url(../images/rg-curve.gif); width:6px; float:right; height:184px;} #log label{padding-left:9px; text-align:left;} #log .input{font-family:verdana; font-size:11px; margin-bottom:6px; width:120px;} #log p{padding:0 0 0 9px; margin:0px!important; color:#fdbf08; clear:left;} #log a{color:#fdbf08; text-decoration:none;} #log a:hover{color:#fdbf08; text-decoration:underline;} #log .submit{background-image:url(../images/white-line.gif); font-size:14px; font-weight:bold; margin:9px 0 0 80px; border:1px solid #333; height:25px;} #right-pan .ad-sp{border:1px dashed #666; margin-top:10px; height:100%; text-align:center; font-size:16px; color:#b51403;; font-weight:bold; padding:10px 0 ; background-color:#FEE7E8;} #right-pan .ad-spIn{border:1px dashed #666; height:100%; text-align:center; font-size:16px; color:#b51403;; font-weight:bold; padding:10px 0; background-color:#FEE7E8;} #footer{clear:both; border-bottom:4px solid #b51403; border-top:4px solid #b51403; padding:3px 0; text-align:center;} form{margin:0; padding:0; font-weight:bold; } form a{color:#f00; text-decoration:underline; font-size:12px; font-weight:bold;} form a:hover{color:#000; text-decoration:none; font-size:12px; font-weight:bold;} .red{color:#F00; font-weight:bold;} .yell{color:#FF0; font-weight:bold;} #post-con{margin:0 auto; width:100%; height:28px;} #post-con a{color:#000; text-decoration:underline; font-weight:normal;} #post-con a:hover{color:#F00; text-decoration:none; font-weight:normal;} .postedBy{margin-bottom:10px; background-color:#FEE7E8; padding:5px 0 5px 10px; color:#333; width:47.5%; float:left; border:1px dashed #333;} .postedOn{ margin-bottom:10px; background-color:#FEE7E8; padding:5px 0 5px 10px;; color:#333; width:47.5%; float:left; border:1px dashed #333; border-left:0;} .subscribe{margin-bottom:10px; background-color:#FEE7E8; padding:5px 0 5px 10px; color:#333; width:98%; float:left; border:1px dashed #333;} /*///////////////////////////////////////////////////////////// smooth menu //////////////////////////////////////////// */ .ddsmoothmenu{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; /*background: #414141; background of menu bar (default state)*/\ width:100%; height:27px; background-image:url(../images/link-bg.jpg); background-repeat:repeat-x; margin:0 auto; margin-bottom:3px; } .ddsmoothmenu ul{ z-index:100; margin: 0 auto; padding: 0; list-style-type: none; } /*Top level list items*/ .ddsmoothmenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .ddsmoothmenu ul li a{ display: block; background-image:url(../images/link-bg.jpg); background-repeat:repeat-x; /*background: #414141;background of menu items (default state)*/ border-right: 1px solid #778; color: #FFF; padding: 5px 12px 5px 12px; text-decoration: none; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; } .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: black; color: white; } .ddsmoothmenu ul li a:hover{ background: black; /*background of menu items during onmouseover (hover state)*/ color: white; } /*1st sub level menu*/ .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ font: normal 12px Arial; width: 160px; /*width of sub menus*/ padding: 8px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; } .toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; } /*///////////////////////////////////////////////////////////// End of smooth menu //////////////////////////////////////////// */