@charset "utf-8";
/* CSS Document */

/******************************************* 
CSS DOCUMENT FOR JM
AUTHOR: 		MANGESH UDAWANT
DATE CREATION:	21 MAY 2010
EMAIL:			MANGESHU.CUELOGIC@GMAIL.COM       		
*******************************************/

/* global classes */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,	
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
}

body { color:#000000;}
a { color:#000000; text-decoration:none; outline:0 none;}
a:hover{ color:#000000 !important; text-decoration:none;}
ol, ul { list-style: none;}
p { padding-bottom:8px;}
:focus{ outline:0 none;}

/* Global classes end */

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

.cleardiv{clear:both;}

/* page content styles */
.pad10 { padding:10px;}
.pad5 { padding:5px;}
.pad4 { padding:4px;}
.pad3 { padding:3px;}
.pad2 { padding:2px;}
.pad1 { padding:1px;}
.floatRt { float:right;}
.floatLt { float:left;}

#wrapper{ width:970px; height:auto; margin:0 auto;}
#wrapper #header{ width:100%; height:auto; float:left;}
#wrapper #header .topLeftBox{ float:left; margin:26px 0 0 68px; _margin:26px 0 0 34px;}
#wrapper #header .topLeftBox .tagline{ font-size:11px; text-transform:uppercase; padding:0 0 0 3px; color:#595959;}
#wrapper #header .topTitle{ position:relative; margin:30px 0 0 564px; _margin:30px 0 0 554px; font-size:11px; color:#595959;}
#wrapper #header .mainMenu{ float:right; height:auto;}
#wrapper #header .mainMenu ul{ margin-left:17px;}
#wrapper #header .mainMenu ul li{ float:left;}
#wrapper #header .mainMenu ul li a{ display:block; float:left; line-height:62px; hei ght:46px; text-transform:uppercase; color:#072342; padding:0 21px 0 0; padding:0 10px;}
#wrapper #header .mainMenu ul li a div{ font-size:11px;}
#wrapper #header .mainMenu ul li{ margin-right:4px;}
#wrapper #header .mainMenu ul li.active{ background:url(../images/active_BlueBox.gif) no-repeat scroll left 7px; z-index:1000;}
#wrapper #header .mainMenu ul li.active a{ background:url(../images/active_BlueBox.gif) no-repeat scroll right 7px; margin-left:21px; _margin-left:10px; padding:0 21px 0 0; color:#FFFFFF;}
#wrapper #header .mainMenu ul li.active a div{ background:url(../images/active_BlueArrow.gif) no-repeat scroll center 45px transparent;}
#wrapper #header .mainMenu ul li.active a:hover{ color:#FFFFFF !important;}

#wrapper #midContent{ width:100%; height:auto; float:left;}

#wrapper #midPane{ width:100%; height:auto; float:left; border:solid 1px #c8c8c8;}
#wrapper #midPane .midContentBox{ height:auto; margin:0 0 0 69px;}
#wrapper #midPane .midContentBox .midImgBox{ float:left; margin-right:24px; position:relative;}
#wrapper #midPane .midContentBox .midImgBox .innerInfo{ position:absolute; top:152px; left:10px; padding-right:10px;}
#wrapper #midPane .midContentBox .midImgBox .innerInfo .blueTxtBig{ font-size:22px; color:#a8e9ff; text-transform:uppercase;}
#wrapper #midPane .midContentBox .left1{ width:483px; float:left; padding:0 15px 0 0; margin-bottom:6px; _margin-bottom:12px;}
#wrapper #midPane .midContentBox .midImgBox .dateWht{ position:absolute; bottom:5px; right:10px; font-size:11px; font-weight:bold; color:#FFFFFF;}
#wrapper #midPane .midContentBox .midTitle{ font-size:18px; text-transform:uppercase; padding-bottom:3px; padding-top:3px; color:#595959;}
#wrapper #midPane .midContentBox .left2{ width:483px; float:left; padding:0 15px 0 0;}

#wrapper #midPane .mainTopics{ float:left; background:url(../images/mainTopics_mid_bg.gif) repeat-x scroll 0 0;}
#wrapper #midPane .mainTopics .leftBg{ float:left; background:url(../images/mainTopics_left_bg.gif) no-repeat scroll left center; position:relative;}
#wrapper #midPane .mainTopics .leftBg .txtBig{ position:absolute; top:10px; right:97px; font-size:90px; color:#FFFFFF; margin:-13px 0 0 0;}
#wrapper #midPane .mainTopics .leftBg .grayImg{ position:absolute; bottom:10px; right:11px;}
#wrapper #midPane .mainTopics ul{ float:left; width:901px; padding:13px 0 11px 69px; background:url(../images/mainTopics_right_bg.gif) no-repeat scroll right center;}
#wrapper #midPane .mainTopics ul li{ float:left; padding:0 13px 0 0;}
#wrapper #midPane .mainTopics ul li a{ display:block; border:solid 1px #89cfe7; padding:8px 8px 9px 8px; background:#a8e9ff; font-weight:bold; font-size:14px; text-transform:capitalize; color:#313031; -moz-box-shadow: 0 0.1em 0.1em #7c8997; -webkit-box-shadow: 0 0.1em 0.1em #7c8997; box-shadow: 0 0.1em 0.1em #7c8997;}
#wrapper #midPane .mainTopics ul li a:hover{ background:#072342; border:solid 1px #2c5c6c; color:#FFFFFF !important;}
#wrapper #midPane .mainTopics ul li a img{ margin-top:4px;}


#footer{ width:100%; float:left; height:auto; margin-top:12px; color:#595959;}
#footer .copyright{ float:left; font-size:11px; padding-top:10px;}
#footer .footerMenu{ float:left; padding-left:400px; padding-top:10px;}
#footer .footerMenu ul{ float:left;}
#footer .footerMenu ul li{ float:left;}
#footer .footerMenu ul li a{ display:block; font-size:11px; font-weight:bold; color:#072342; padding:0 4px; border-right:solid 1px #072342;}
#footer .footerMenu ul li a:hover{ color:#072342 !important;}

/*--------------------------- Inner Page --------------------------*/

#wrapper #midPane .mainTopics ul li.active{ position:relative;}
#wrapper #midPane .mainTopics ul li.active div{ background:url(../images/mainTabs_active.png) no-repeat scroll bottom center; _background:url(../images/mainTabs_active.gif) no-repeat scroll bottom center; padding-bottom:35px; position:absolute; width:119px; bottom:-34px; _bottom:-35px; left:7px; _left:7px;}
#wrapper #midPane .mainTopics ul li.active a{ background:#072342; border:solid 1px #2c5c6c; color:#FFFFFF !important;}
#wrapper #midPane .midContentBox .userImg{ float:left; margin-right:15px; background:#e5e5e5; border:solid 1px #c8c8c8; padding:13px;}
#wrapper #midPane .midContentBox .userImg img{ float:left; width:125px; height:auto;}