@charset "utf-8"; /* Theme Name: Swift Theme URI: http://swiftthemes.com/2009/08/wordpress-themes/swift-the-fastest-loading-wordpress-theme/ Description: SWIFT, as the name says is the fastest loading, SEO optimized, Adsense ready, server friendly wordpress theme.This theme is mainly aimed at blogs running on low server resources and for those who like clean and simple designs. It's always good have themes like SWIFT at your disposal so that you can easily switch to it if you are expecting a spike in traffic from social media sites. Author: Satish Gandham Author URI: http://GeniusHackers.com Version: 2.1.3 Tags: blue,brown,white,light,custom-colors,custom-header,theme-options,fixed-width,two-columns,three-columns . Released under the GPL. . */ /* CSS Document */ /*------------------------------------------------------------------ 960 GRID SYSTEM COMPRESSES TO SAVE BANDWIDTH AND TO REDUCE A HTTP REQUEST :P --------------------------------------------------------------------*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /*------------------------------------------------------------------ END OF GRID --------------------------------------------------------------------*/ body{font-size:11px;margin:auto;line-height: 18px;margin:auto; font-family: Verdana, Lucida Grande;} .container_12{background:#FFF; min-height:600px} h1,h2,h3,h4,h4,h6{font-family:Georgia, "Times New Roman", Times, serif} img{border:0;} p{line-height:20px;} li{line-height:16px;} a:hover{ text-decoration:underline} /*------------------------------------------------------------------- BACKGROUNDS AND OTHER COLOURS, THESE DEFINE THE LOOK OF YOUR BLOG --------------------------------------------------------------------*/ body{background:#333;} #header,.nav-bg-fix{background:#333;} /* #nav1,#nav2 {background:#006699;} a{color:#006699;} ul.page-nav li a,ul.rss li a,#nav2 ul li a{color:#FFF;} ul.page-nav li:hover,ul.rss li:hover,#nav2 ul li:hover,ul.page-nav li.current_page_item,#nav2 li.current-cat{background:#017ab6;} ul.page-nav li,ul.rss li,#nav2 ul li{border-color:#017ab6;} #header h2.blogname a{color:#FFF;} #header h2.blog-title{color:#FFF;}*/ #popular{background:#f6f6f6;} #sidebar .widget, #about .widget,.footer .widget,.ads{background:#f6f6f6;} #sidebar ul li a:hover,.footer ul li a:hover,#sidebar a:hover,.footer a:hover{background:#e2e2e2;} #sidebar ul li:hover, .footer ul li:hover{background:#e5e5e5} h3.popularposts ,h4.widget-title{background:#DDD;} #sidebar .widget, #about .widget,.footer .widget,.ads{border-color:#ddd;} /*#nav2 .search #s{background:#FFF;}*/ #nav-ad{ background:#015a87;} /*------------------------------------------------------------------ ROUNDED CORNERS --------------------------------------------------------------------*/ /*ul.page-nav li,ul.rss li,#nav2 ul li,ul.page-nav li:hover,ul.rss li:hover,#nav2 ul li:hover,.wp-caption,ul.social li,ul.nav3 li,#sidebar .widget, #sb1 .widget, #sidebar .widget, #about .widget,.footer .widget,.ads{ -moz-border-radius: 5px; -webkit-border-radius: 5px;} */ /*------------------------------------------------------------------ NAVIGATION STYLES --------------------------------------------------------------------*/ /*.nav-bg-fix{} #nav1,#nav2{width:960px;margin:0; padding:2px 0 4px 0;overflow:hidden;} #nav2{padding:2px 0 0 0} #nav1{ -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;} #nav2{ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;} ul.page-nav{padding-left:10px;} ul.rss{float:right; padding-right:10px} ul.page-nav,ul.rss,#nav2 ul{margin:3px 0;} ul.page-nav li,ul.rss li,#nav2 ul li{list-style:none;display:inline;padding:2px 5px;margin:0 2px;border:solid 1px #017ab6;} ul.rss li.rss{border:none; padding:0} ul.page-nav li a,ul.rss li a,#nav2 ul li a{text-decoration:none;} #nav2 ul{ padding-left: 10px} #nav2 .search{height:25px;padding:1px 0px 1px 0; margin-right:0} #nav2 .search #s{width:135px;border: solid 1px #3f3f3f;padding:3px 2px;color:#444;font-size:.9em;} #nav-ad {width:960px;margin:0;padding:2px 0 6px 0;overflow:hidden;} #nav-ad{ padding:5px 10px; width:940px;} */ /*------------------------------------------------------------------ HEADER STYLES --------------------------------------------------------------------*/ /*#header{height:90px;width:960px;margin:0;padding-top:10px;} #header h2{font-size:32px;font-weight:lighter;line-height:24px;margin-bottom:0; margin-left:10px; font-family:arial,Verdana, Geneva, sans-serif} #header h2.blogname{font-size:32px; margin-top:8px;padding-top:10px;} #header h2.blogname a{text-decoration:none;} #header h2.blog-title{font-size:1em;margin-top:3px;font-weight:normal;color:#fff;padding-left:3px;} #logo img{} #subscribe{width:280px;height:90%;padding:0 5px; margin:10px 0 0 0;} #subscribe p{ color:#FFF; font-size:24px; margin:0 0 8px 0; font-weight:lighter} .chicklet{ float:right;margin:0px;} .subscribeinput{width:160px;padding:2px 10px; margin:3px 0 0 0px} .subscribesubmit{float:right; margin:2px 0 0 0px;padding:1px 2px 1px 2px;} */ /*------------------------------------------------------------------ FEATURED & ABOUT STYLES --------------------------------------------------------------------*/ #featured{ min-height:200px} #featured .post{padding:0 10px;} #featured .border{border:1px solid #ccc;} #about .widget{ min-height:200px;} #about p{ padding:0 5px;} /*------------------------------------------------------------------ POST STYLES --------------------------------------------------------------------*/ #post-main .post{padding-bottom:5px;} #home .post{ border-bottom:dotted 1px #CCC; background:#F00} h1.title,h1.title-single{margin-bottom:2px;font-size:20px;font-weight:lighter;line-height:24px;font-family: "Georgia",Times New Roman,Times,serif;} h1.title a,h1.title-single a{text-decoration:none;} h1.title-single{ font-size:24px;line-height:32px;} .post .meta{font-size:12px;font-style:italic; margin-bottom:10px;border-bottom:1px dotted #ccc;padding-bottom:18px;} .post .meta-single{font-size:12px;font-style:italic;} .catntag{background:#f6f6f6;line-height:14px; margin:0;clear:both;font-weight:lighter;} .cat,.tags{padding:2px 5px;margin:1px 0;display:block;} .cat a,.tags a{text-decoration:none;} .cat a:hover,.tags a:hover{ color:#000; text-decoration:underline;} span.left{float:left;} span.right{float:right;margin-right:10px;} span.readmore{float:right;padding:11px 5px; text-transform:uppercase;} .post a:hover{background:#f0f0f0} /* Post Image Styling */ .wp-caption{background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 5px;text-align:center; margin:5px} .wp-caption-text {padding:3px 0 0; font-size:11px;margin:0;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} .navigation{padding:8px 5px 7px 5px;background:#e5e5e5;min-height:20px;margin-top:-1px;} .navigation a{font-weight:bold;} .navigation a:hover{color:#000;} .posttitle .avatar{padding:2px;margin-right:10px;float:left; border:solid 1px #CCC;} #navwrap{margin:30px 0 0 0;padding:0;height:20px;} ul.nav3{list-style:none;float:right;padding:0;margin:0} ul.social{list-style:none;float:left;padding:0;margin:0;} ul.social li,ul.nav3 li{border:1px solid #999;display:inline;margin-right:3px;padding:2px;} ul.social li:hover,ul.nav3 li:hover{background:#ccc;} ul.social li a,ul.nav3 li a{ text-decoration:none; font-weight:bold;} ul.social li a:hover,ul.nav3 li a:hover{ background:none;} /*------------------------------------------------------------------ INDEX PAGE THUMBNAILS ---------------------------------------------------------------*/ img.thumb{background:#eee;padding:3px;float:left;margin:5px;} /*------------------------------------------------------------------ POPULAR POSTS STYLES --------------------------------------------------------------------*/ #popular{overflow:hidden;} #popular{margin-top:20px;padding:0;overflow:hidden;} #popular .post{padding:0 10px;border-bottom:1px solid #CCC;} #popular h2{ font-size:14px;} #popular blockquote{background:#eee;border-left:solid 5px #CCC;padding:5px;font-style:italic;font-size:.8em; width:200px} /*------------------------------------------------------------------ SIDEBAR AND FOOTER STYLES --------------------------------------------------------------------*/ #sb1{margin-right:5px;width:145px;} #sb2{ margin-left:5px;width:145px;} #sidebar .widget, #sb1 .widget, #sidebar .widget, #about .widget,.footer .widget,.ads{border:1px solid #ddd;padding:0;margin:0px auto;margin-bottom:5px; } .textwidget,.widget_tag_cloud div,.widget_search,.widget_calendar{padding:5px;} .widget_calendar table,widget_akismet{margin:auto;} h3.popularposts, #sidebar h3, #about h3,.footer h3,h4.widget-title{display:block; background:#ddd; padding: 3px 5px;margin:0;} /*LIST STYLES*/ #sidebar ul , .footer ul{margin-top:0;} #sidebar ul li, .footer ul li{list-style:none;border-bottom:dotted 1px #ccc;margin-left:-2.8em;padding:3px 0 3px 0;} #sidebar ul li:hover, .footer ul li:hover{border-bottom:solid 1px #ccc;} #sidebar ul li.current-cat,#sidebar ul li.current-page,.footer ul li.current-cat,.footer ul li.current-page{background:none;} #sidebar ul li a, .footer ul li a{text-decoration:none; display:block} #sidebar ul li a:hover,.footer ul li a:hover,#sidebar a:hover,.footer a:hover{text-decoration:underline; font-weight:bold} #sidebar ul li a:hover, .footer ul li a:hover{text-decoration:none;font-weight:normal;background:none;} /*------------------------------------------------------------------ SIDEBAR ADS STYLES --------------------------------------------------------------------*/ .ads{padding:7px 7px 0 7px;} .ads img{background:#ddd;} .ads img.left{padding:7px;} .ads img.right{padding:7px;} li.ad a:hover{background:none;} /*------------------------------------------------------------------ COMMENTS STYLE --------------------------------------------------------------------*/ ul#commentlist, ul.pings{list-style:none;padding:0; margin: 5px 0} ul#commentlist li,ul.pings li{border:solid 5px #efefef; margin:0 0 1em 0;min-height:60px; padding:0 5px} ul#commentlist li p.author{margin-top:0;float:left;} ul#commentlist li p.comment-date{background:#eee;float:right;width:210px;padding:0 5px;margin-top:0;} ul#commentlist li img{float:left;padding:5px;} div.comment-text{padding:0 58px;margin-top:40px;} li.comment p{ margin-bottom:0;} textarea{width:500px;} ul.children{list-style:none} ul#commentlist li.depth-2,ul#commentlist li.depth-3,ul#commentlist li.depth-4,ul#commentlist li.depth-5{border:none; padding:5px} div.reply{margin:0 5px 5px 5px; font-weight:bold; padding:2px;} div.reply a{ text-decoration:none;border:solid #666; border-width:0 0 1px 5px; padding: 0 5px 2px 3px} div.reply a:hover{ text-decoration:none; background:#CCC;border:solid #666; border-width:0 0 1px 10px; padding: 0 5px 2px 3px} li.bypostauthor{ background:#eee} /*------------------------------------------------------------------ FOOTER STYLES --------------------------------------------------------------------*/ /*.footer{padding:5px 0;} #footer{border-top:1px solid #CCC;text-align:center;font-size:.8em;background:#eee;margin:auto;padding-bottom:5px;} #footer a{text-decoration:none} #footer a:hover{text-decoration:underline;} #footer p {padding:0;} */ /*------------------------------------------------------------------ SEARCH BOX STYLES --------------------------------------------------------------------*/ fieldset{border:0;padding:5px;} #s{background:#eee;border: solid 1px #ccc;padding:4px; width:60%} #searchsubmit{background:#CCC;border:2px solid #eee;padding:3px; width:30%} /*MISC*/ blockquote{background:#eee;border-left:solid 5px #CCC;padding:5px;font-style:italic;font-size:14px; width:80%} #post-main .archive_options { background:#CCC;} .padding-top{padding-top:10px;} /*------------------------------------------------------------------ WORDPRESS WANTS THIS AND LETS GIVE IT :p --------------------------------------------------------------------*/ .aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;} .alignright {float: right;} /*Some bug fixes*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*inserted by Aaqib */ div#border{ background-color:#1f4991; height:10px; } div#nav{ background:url(../images/logo.gif) left top no-repeat; } div#nav2 div#top div#nav2-right{ width:400px; float:right; } /*div#nav2 div#top div#nav2-right div#contact a{ font-size:1.3em; font-weight:bold; background-color:#1f4991; padding:0px 18px 7px 14px; display:block; height:13px; width:70px; color:#FFFFFF; text-decoration:none; }*/ div#nav2 div#top div#nav2-left{ float:left; width:285px; height:48px; padding-top:10px; } div#nav2 div#top div#nav2-right div#contact a{ width:977px;} div#nav2 div#top div#nav2-right div#contact a{ font-size:1.2em; font-weight:bold; background-color:#1f4991; padding:0px 15px 7px 14px; display:block; height:13px; width:70px; color:#FFFFFF; text-decoration:none; } div#nav2 div#top div#nav2-right div#contact a:hover{ text-decoration:underline; } div#nav div#menu ul{ padding-top:70px; padding-left:375px; list-style:none; } div#nav div#menu a{ font-size:1.3em; font-weight:bold; margin-right:15px; color:#000000; text-decoration:none; } div#nav div#menu a:hover{ color:#f27523; } div#header{ background-repeat:no-repeat; width:977px; height:220px; padding-left:2px; } div#header-flash{ width:977px; height:220px; padding-left:2px; } div#black-strip{ height:73px; width:933px; background:url(../images/black-strip.gif) top repeat-x; padding:11px 20px 0px 8px; float:left; } div#pro{ float:left; height:50px; border-right:#FFFFFF solid 1px; width:285px; padding-left:3px; line-height:18px; } div#pro1{ float:left; height:45px; width:260px; padding-left:43px; line-height:16px; } div#pro2{ float:left; height:45px; width:300px; border-right:#FFFFFF solid 1px; padding-left:40px; line-height:18px; } div#pro h1, div#pro1 h1, div#pro2 h1{ color:#FFFFFF; font-size:1.4em; font-weight:normal; } div#pro p, div#pro1 p, div#pro2 p{ color:#969494; font-size:1.1em; } div#pro a, div#pro1 a, div#pro2 a{ color:#969494; font-size:1.1em; text-decoration:none; } div#pro a:hover , div#pro1 a:hover, div#pro2 a:hover{ text-decoration:underline; } /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ #menu_container {margin-left:253px; padding-top:13px; position:relative; width:735px; height:25px; z-index:100;} /* Get rid of the margin, padding and bullets in the unordered lists */ #pmenu, #pmenu ul { padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ #pmenu a, #pmenu a:visited {display:block;width:100px; text-align:center; font-weight:bold; font-size:11px; color:#FFF; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #CCC; border-width:0px 1px 0px 0px;} /* Set up the sub level borders */ #pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px; width:270px; text-align:left;} #pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:0 1px 1px 1px; width:270px; text-align:left;} #pmenu li a.enclose1, #pmenu li a.enclose1:visited {border-width:0 1px 1px 1px; width:200px; text-align:left;} #pmenu li a.enclose2, #pmenu li a.enclose2:visited {border-width:0 1px 1px 1px; width:300px; text-align:left;} /* Set up the list items */ #pmenu li {float:left; background:#1f4991;} /* For Non-IE browsers and IE7 */ #pmenu li:hover {position:relative;} /* Make the hovered list color persist */ #pmenu li:hover > a {color:#1f4991; background:#FFFFFF;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #pmenu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;} /* Position the first sub level beneath the top level liinks */ #pmenu > li:hover > ul {left:-30px; top:16px;} /* get rid of the table */ #pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #pmenu li a:hover {position:relative; color:#1f4991;background:#ecf3ff;} /* For accessibility of the top level menu when tabbing */ #pmenu li a:active, #pmenu li a:focus { color:#1f4991; background:#ecf3ff;} /* Set up the pointers for the sub level indication */ #pmenu li.fly {background:#7484ad url(sub.gif) no-repeat right center;} #pmenu li.drop {background:#7484ad url(shade.gif) no-repeat right center;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ /* change the drop down levels from display:none; to visibility:hidden; */ * html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);} /* keep the third level+ hidden when you hover on first level link */ #pmenu li a:hover ul ul{ visibility:hidden; } /* keep the fourth level+ hidden when you hover on second level link */ #pmenu li a:hover ul a:hover ul ul{ visibility:hidden; } /* keep the fifth level hidden when you hover on third level link */ #pmenu li a:hover ul a:hover ul a:hover ul ul{ visibility:hidden; } /* keep the sixth level hidden when you hover on fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden; } /* make the second level visible when hover on first level link and position it */ #pmenu li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; } /* make the third level visible when you hover over second level link and position it and all further levels */ #pmenu li a:hover ul a:hover ul{ visibility:visible; top:-11px; left:80px; } /* make the fourth level visible when you hover over third level link */ #pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible; } /* make the fifth level visible when you hover over fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; } /* make the sixth level visible when you hover over fifth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; } div#leftedge{ background:url(../images/image-leftedge.gif) left top no-repeat; height:73px; width:8px; float:left; } div#rightedge{ background:url(../images/image-rightedge.gif) left top no-repeat; height:73px; width:8px; float:right; } div#footer{ padding:10px; color:#CCCCCC; text-align:center; font-size:1.1em; } div#footer a{ color:#CCCCCC; font-size:1.1em; text-decoration:none; } div#footer a:hover{ text-decoration:underline; color:#FFFFFF; } div#footer-logos{ margin:0px auto; height:66px; background:url(images/logosbotm.gif) #FFFFFF top no-repeat; } div#footer-links{ background-color:#1f4991; color:#FFFFFF; } /*inserted by Aaqib */ @media print { /*------------------------------------------------------------------ PRINT Styles for print ------------------------------------------------------------------*/ body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt } code, pre { font-family: "Courier New", Courier, mono } img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid } a, a:link, a:visited { color: blue; text-decoration: underline } blockquote, table, pre { page-break-inside: avoid } ul, ol, dl { page-break-before: avoid } h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid } #footer, .ad, #nav, .nav, form, .skip { display: none } h1 { font-size: 3em; margin: .67em 0; } h2 { font-size: 2em; margin: .83em 0; } h3 { font-size: 1.5em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.92em; margin: 1.67em 0; } h6 { font-size: 0.83em; margin: 2.33em 0; } } /*-------------------------New Header CSS-----------------------------*/ div#main-head{ width:977px; } div#main-head div#main-head-left{ float:left; width:285px; height:57px; margin-top:15px; } div#main-head div#main-head-right{ float:right; width:690px; } div#main-head div#main-head-right div#contact{ float:right; height:34px; } div#main-head div#main-head-right div#contact a{ color:#FFFFFF; background:url(images/contact-button.jpg) top left repeat-x; padding-left:20px; padding-right:20px; height:22px; display:block; text-decoration:none; text-align:center; padding-top:4px; font-size:1.1em; text-transform:uppercase; font-weight:bold; } div#header div#header-right div#contact a:hover{ background:url(images/contact-button-hover.jpg) top left repeat-x; height:20px; padding-top:28px; } div#nav{ background:url(images/logo.gif) left top no-repeat; } div#nav2 div#top div#nav2-right{ width:109px; float:right; } div#nav2 div#top div#nav2-left{ float:left; width:285px; height:57px; padding-top:10px; } div#textmed ul li a{ color:#1f4991; font-size:1.1em; text-decoration:none; } div#textmed ul li a:hover{ text-decoration:underline; } div#nav div#menu ul{ padding-top:70px; padding-left:375px; list-style:none; } div#nav div#menu a{ font-size:1.3em; font-weight:bold; margin-right:15px; color:#000000; text-decoration:none; } div#nav div#menu a:hover{ color:#f27523; } div#header{ background-repeat:no-repeat; width:977px; height:220px; padding-left:2px; } div#black{ width:977px; height:72px; background:url(images/black-strip.gif) top repeat-x; } div#black div#black div#black-left{ float:left; background:url(images/image-leftedge.gif) left top no-repeat; width:8px; height:72px; } div#black div#black-right{ float:right; background:url(images/image-rightedge.gif) left top no-repeat; height:72px; width:8px; } div#black div#black-strip{ height:73px; background:url(../images/black-strip.gif) top repeat-x; padding:11px 0px 0px 0px; margin-left:8px; margin-right:8px; } div#black div#leftedge{ background:url(images/image-leftedge.gif) left top no-repeat; height:73px; width:8px; float:left; } div#black div#rightedge{ background:url(images/image-rightedge.gif) left top no-repeat; height:73px; width:8px; float:right; } div#black div#black-strip div#pro{ float:left; height:50px; width:250px; padding-left:18px; background:url(images/pro1.jpg) top left no-repeat; } div#black div#black-strip div#pro2{ float:left; height:50px; width:240px; padding-left:18px; background:url(images/pro2.jpg) top left no-repeat; } div#black div#black-strip div#pro3{ float:left; height:50px; width:250px; padding-left:18px; background:url(images/pro3.jpg) top left no-repeat; } div#black div#black-strip div#pane-sep{ float:left; height:50px; width:10px; background:url(images/pane-sep.jpg) center no-repeat; } div#black div#black-strip div#feedback{ float:left; height:50px; margin-top:9px; margin-left:5px; } div#black div#black-strip #right-p{ float:left; padding-left:35px; } div#black div#black-strip div#pro, div#black div#black-strip div#pro3, div#black div#black-strip div#pro2{ font-family:Arial, Helvetica, sans-serif; } div#black div#black-strip div#pro h1, div#black div#black-strip div#pro3 h1, div#black div#black-strip div#pro2 h1{ color:#FFFFFF; font-size:1.2em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:6px; } div#black div#black-strip div#pro p, div#black div#black-strip div#pro1 p, div#black div#black-strip div#pro2 p{ color:#969494; font-size:1.1em; } div#black div#black-strip div#pro a, div#black div#black-strip div#pro3 a, div#black div#black-strip div#pro2 a{ color:#969494; font-size:1.1em; text-decoration:none; } div#black div#black-strip div#pro a:hover , div#black div#black-strip div#pro3 a:hover, div#black div#black-strip div#pro2 a:hover{ text-decoration:underline; } /*------------New Footer CSS------------*/ div#footer-2{ width:977px; height:111px; margin:0px auto; } div#footer-2 div#footer-2-left{ float:left; width:13px; height:111px; background:url(images/footer-left.jpg) top left no-repeat; } div#footer-2 div#footer-2-right{ float:right; width:13px; height:111px; background:url(images/footer-right.jpg) top right no-repeat; } div#footer-2 div#footer-2-mid{ height:96px; margin-left:13px; margin-right:13px; background:url(images/footer-mid.jpg) top left repeat-x; padding:15px 15px 0px 15px; }