/***********************************************/ /* 3col_leftNav.css                             */ /* HAseeb JAmal KHan :: haseebjamal_stn@yaoo.com ::*/ /***********************************************/ /***********************************************/ /* HTML tag styles                             */ /***********************************************/  
body{ font-family: Arial,sans-serif; color: #000000; line-height: 1.166; margin: 0px; padding: 0px; } <style type="text/css"> .style17 { color: #FF0000; font-size: 15px; font-weight: bold; } .style18 { color: #009900; font-weight: bold; } .style19 { color: #0033FF; font-weight: bold; } .style20 {color: #009900} .style21 {color: #0000FF} a:visited { color: #CC3300; } a:hover { color: #0000FF; } body { background-image: url(); } .mytext2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000} .style22 { color: #000000; font-weight: bold; } .style25 {color: #FF0000} .style28 {font-size: 15px} .style30 {color: #999999} </style> a{ color: #006699; text-decoration: none; } a:link{ color: #006699; text-decoration: none; } a:visited{ color: #006699; text-decoration: none; } a:hover{ color: #0000FF; text-decoration: underline; } h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #334d55; margin: 0px; padding: 0px; } h2{ font-family: Arial,sans-serif; font-size: 114%; color: #006699; margin: 0px; padding: 0px; } h3{ font-family: Arial,sans-serif; font-size: 100%; margin: 0px; padding: 0px; } h4{ font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px; } h5{ font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55; } 
/* Recent Posts Box */ #recent-posts { float: right; width: 175px; } #recent-posts h3 {
	width: 177px;
	height: 32px;
	font-size: 1em;
	color: #000;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #D3E1EB;
} #recent-posts ul { margin: 0; padding: 0; list-style: none; } #recent-posts li { padding: 5px 10px; border-bottom: 1px solid #5A5A5A; } #recent-posts li:hover { background-color: #FFC1C1; } .hpfeatured { background:#FFF url(imajes/featuredtop.gif) top no-repeat; float:left; width:279px; border:1px solid #DDD; margin:0; padding:10px; } .hpfeaturedx {
	background-color: #F7F4F7;
url(imajes/featuredtop.gif) top no-repeat; 	float:left;
	width:100%;
	border:1px solid #DDD;
	margin:0;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 10px;
}.hpfeatured2 { float:right; width:280px; border:1px solid #DDD; margin:0; padding:10px; background-color: #FFF; background-repeat: no-repeat; background-position: top; } .myown { float:left; width:259px; border:1px solid #DDD; margin:0; padding:10px; background-color: #F7F4F7; background-image: url(imajes/featuredtop.gif); background-repeat: no-repeat; background-position: top; } /* Menu */ #menu { width: 100%; height: 70px; background: url(img03.jpg) no-repeat; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 90px; height: 50px; padding-top: 35px; text-transform: lowercase; text-decoration: none; text-align: center; letter-spacing: -1px; font-size: 15px; color: #000000; } #menu a:hover { color: #FFFFFF; background-image: url(img09.JPG); } #menu .active a { color: #372412; background-image: url(Hom.JPG); background-repeat: no-repeat; } 
/* Thumbs */ #thumbs { display: block; float: left; width: 680px; height: 90px; background-image: url(imajes/img12.gif); background-repeat: repeat-x; } #thumbs img { padding: 8px 0 0 10px; } 
/* Pages */ #pages { height: 36px; padding-top: 5px; background-repeat: repeat-x; } #pages h2 { display: none; } #pages ul { display: block; width: 100%; height: 35px; padding: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0px; } #pages li { display: inline; } #pages a { display: block; float: left; width: 100px; height: 31px; text-align: center; text-decoration: none; text-transform: lowercase; letter-spacing: -1px; font-size: 18px; font-weight: normal; color: #FFFFFF; padding-top: 3px; padding-right: 0; padding-bottom: 0; padding-left: 0; } #pages a:hover { color: #FF0000; } #page1 { background-repeat: no-repeat; } #page2 { background-image: url(button.png); background-repeat: no-repeat; } #page3 { background-image: url(button.png); background-repeat: no-repeat; } #page4 { background-image: url(button.png); background-repeat: no-repeat; } #page5 { background-repeat: no-repeat; background-image: url(button.png); } #page6 { background-repeat: no-repeat; background-image: url(button.png); } #page7 { background-image: url(button.png); background-repeat: no-repeat; } #page8 { background-image: url(button.png); background-repeat: no-repeat; } #page9 { background-image: url(button.png); background-repeat: no-repeat; } #page10 { background-image: url(button.png); background-repeat: no-repeat; } #page1:hover, #pages .active #page1 { background-image: url(buttonhover.png); } #page2:hover, #pages .active #page2 { background-image: url(buttonhover.png); } #page3:hover, #pages .active #page3 { background-image: url(buttonhover.png); } #page4:hover, #pages .active #page4 { background-image: url(buttonhover.png); } #page5:hover, #pages .active #page5 { background-image: url(buttonhover.png); } #page6:hover, #pages .active #page5 { background-image: url(buttonhover.png); } #page7:hover, #pages .active #page5 { background-image: url(buttonhover.png); } #page8:hover, #pages .active #page5 { background-image: url(buttonhover.png); } #page9:hover, #pages .active #page5 { background-image: url(buttonhover.png); } #page10:hover, #pages .active #page5 { background-image: url(buttonhover.png); } /***********************************************/ /* Layout Divs                                 */ /***********************************************/ #masthead{ padding: 10px 0px 0px 0px; border-bottom: 1px solid #cccccc; width: 100%; } #navBar{ float: left; width: 18%; margin: 0px; padding: 0px; background-color: #FFFFFF; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #headlines{ float:left; width: 62%; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-right: 5px; } #content{ float: right; width: 15%; } /***********************************************/ /* Components                                  */ /***********************************************/ #siteName{ margin: 0; padding: 0 0 0 10px; } /************* #globalNav styles **************/ #globalNav{ padding: 0px 0px 5px 10px; border-bottom: 1px solid #CCC; color: #cccccc; } #globalNav img{ display: block; } #globalNav a { font-size: 90%; padding: 0 4px 0 0; } /*************** #pageName styles **************/ #pageName{ margin: 0px; padding: 0px 0px 0px 10px; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 80%; padding: 2px 0px 0 10px; } /************** .feature styles ***************/ .feature{ padding: 0px 0px 0px 5px; font-size: 80%; } .feature h3{ text-align: left; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .feature img{ padding-top: 3px; padding-right: 6px; padding-bottom: 0px; padding-left: 0px; } /************** .story styles *****************/ .story{ clear: both; padding: 2px 0px 0px 10px; font-size: 80%; text-align: center; } .story p{ padding: 0px 0px 10px 0px; } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border: 1px solid #cccccc; font-size: 75%; color: #cccccc; padding-top: 10px; padding-right: 3px; padding-bottom: 10px; padding-left: 3px; } #siteInfo img{ padding: 4px 4px 4px 10px; vertical-align: middle; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 5px; border-bottom: 1px solid #cccccc; font-size: 90%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; } #sectionLinks a:hover{ background-color: #dddddd; } /*********** .relatedLinks styles ***********/ .relatedLinks{ position: relative; margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } .relatedLinks a:link, .relatedLinks a:visited { display: block;  } /************** #advert styles **************/ #advert{ padding: 30px 0px 10px; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; font-size: 80%; padding-top: 0px; padding-right: 5px; padding-bottom: 1px; padding-left: 1px; } #headlines p{ padding: 0px 0px 5px 0px; } .feature div table tr td .hpbottom b a { font-size: 13%; } #headlines .feature div table tr td .hpbottom b a { font-size: 13px; } #headlines .feature div table tr td p strong { font-size: 12px; } #prev { display: block; float: left; width: 30px; height: 90px; background-image: url(imajes/img11.gif); background-repeat: no-repeat; } #next { display: block; float: left; width: 30px; height: 90px; background-image: url(imajes/img13.gif); background-repeat: no-repeat;
	background-position: right top;
}