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

/********************************************** 
CSS DOCUMENT FOR SOCIAL INNOVATION AWARDS 2011
AUTHOR: 		MANGESH UDAWANT
DATE CREATION:	22 JULY 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;
	/*background: transparent;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
}

body { color:#42454a;}
a { color:#006f93; text-decoration:none; outline:0 none;}
a:hover{ color:#00AEEF !important; text-decoration:none;}
ol, ul { list-style: none;}
p { padding-bottom:10px;}
: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;}
.pad3 { padding:3px;}
.pad2 { padding:2px;}
.pad1 { padding:1px;}
.floatRt { float:right;}
.floatLt { float:left;}

.gryBrder{ border-bottom:solid 1px #e7e8e7;}

textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle;}

#wrapper{ width:960px; height:auto; margin:0 auto; back ground:#f5f5f5; position:relative;}
#wrapper .topLeftPanel{ position:absolute; top:0; left:61px; width:260px; height:509px; color:#FFF; background:url(../images/topLeftPanel_bg.jpg) no-repeat scroll 0 0 transparent;}
#wrapper .topLeftPanel .applyNowBox{ position:absolute; width:207px; height:161px; border:solid 2px #FFF; background:#b55d08; top:174px; margin-left:24px;}
#wrapper .topLeftPanel .applyNowBox .applyNowTitle{ background:#8c4900; line-height:44px; text-align:center;}
#wrapper .topLeftPanel .applyNowBox .applyNowBtn{ margin:11px 0 12px 0;}
#wrapper .topLeftPanel .applyNowBox .appTime{ margin-left:20px; line-height:13px;}
#wrapper .topLeftPanel .applyNowBox .appTime .timer{ font-size:16px;}
#wrapper .topLeftPanel .infoBox{ position:absolute; top:350px; margin-left:24px; line-height:17px;}
#wrapper .topLeftPanel .botTxtBox{ height:123px; color:#000102; padding:30px 0 0 28px; margin-top:20px; bottom:-175px; position:absolute;}

#wrapper #header{ width:100%; height:auto;}
#wrapper #header .topBtns{ width:100%; float:left; padding:4px 0 7px 0;}
#wrapper #header .topBtns ul{ float:right; margin-right:4px;}
#wrapper #header .topBtns ul li{ float:left; display:inline; background:url(../images/ico_dot.gif) no-repeat scroll left 7px transparent; padding:0 4px 0 8px;}
#wrapper #header .topBtns ul li.first{ background:none;}
#wrapper #header .topBtns ul li a{ font-size:11px; padding:0 4px 0 4px;}

#wrapper #header .navMenu{ float:left; width:100%; background:#7b7d7b;}
#wrapper #header .navMenu ul{ margin-left:335px;}
#wrapper #header .navMenu ul li{ float:left;}
#wrapper #header .navMenu ul li a{ display:block; font-size:13px; font-weight:bold; color:#d9d9d9; text-transform:uppercase; padding:0 14px; line-height:43px;}
#wrapper #header .navMenu ul li a:hover{ background:#42454a; color:#FFF !important;}
#wrapper #header .navMenu ul li a.active{ background:#42454a; color:#FFF;}

#wrapper #pageContent{ float:left; width:100%; height:auto;}
#wrapper #pageContent .topBox{ height:196px; background:url(../images/topBox_bg.gif) repeat-x scroll 0 0;}
#wrapper #pageContent .topBox .topBoxText{ margin-left:335px; font-size:30px; color:#626469; -moz-text-shadow:0 2px 4px #CEF1FF; -webkit-text-shadow:0 2px 4px #CEF1FF; -khtml-text-shadow:0 2px 4px #CEF1FF; text-shadow:0 2px 4px #CEF1FF; padding-top:22px;}
#wrapper #pageContent .midImages{ float:left; width:643px; height:137px; border-bottom:solid 1px #e5e3db; background:url(../images/midImage_bg.jpg) no-repeat scroll 0 0;}
#wrapper #pageContent .midImages .presntdBy{ margin-left:335px; padding-top:6px;}
#wrapper #pageContent .midImages .presntdBy div{ font-size:11px;}
#wrapper #pageContent .midImages .presntdBy .logosBox img{ float:left; margin-right:3px;}

#wrapper #pageContent .midContent{ margin-left:335px; height:auto; padding-bottom:18px; margin-bottom:18px; float:right;}
#wrapper #pageContent .midContent .leftTxt{ float:left; color:#536168;}
#wrapper #pageContent .midContent .leftTxtSmll{ float:left; text-align:left; color:#536168; font-size:11px;}
#wrapper #pageContent .midContent .rightBox{ float:right; width:313px; height:auto; background:#9cae42; margin:0 4px 8px 16px; color:#FFF; _margin:0 2px 8px 12px;}
#wrapper #pageContent .midContent .rightBox .rightBoxTitle{ line-height:36px; background:#003000; font-size:14px; text-transform:uppercase; padding-left:21px;}
#wrapper #pageContent .midContent .rightBox .awardsCatgry{ padding:10px 0 10px 15px;}
#wrapper #pageContent .midContent .rightBox .awardsCatgry ul li{}
#wrapper #pageContent .midContent .rightBox .awardsCatgry ul li a{ color:#FFF; line-height:18px; background:url(../images/arrow_bullet.png) no-repeat scroll left center; _background:url(../images/arrow_bullet.gif) no-repeat scroll left center; padding-left:8px; font-size:14px; }
#wrapper #pageContent .midContent .rightBox .awardsCatgry ul li a:hover{ color:#000 !important;}

#footer { float:left; width:100%; border-top:1px dotted #000000; color:#8E9091; font-size:10px; margin:15px 0; padding:15px 0 0;}


/*------------- inner page ------------- */

#wrapper #pageContent .topBox .innerTextLft{ float:left; width:350px; margin-left:335px; font-size:1em; color:#42454a; padding:14px 25px 0 0;}
#wrapper #pageContent .topBox .innerTextRht{ font-size:1em; color:#42454a; padding:14px 15px 0 0;}

#wrapper .topLeftPanel .botTxtBox2{ height:123px; color:#000102; padding:30px 0 0 28px; background:url(../images/contactInfo_bg.jpg) no-repeat scroll 0 0; margin-top:20px;}

#wrapper .topLeftPanel .midImages .presntdBy div{ font-size:11px;}
#wrapper .topLeftPanel .midImages .presntdBy .logosBox img{ float:left; margin-right:3px;}

#wrapper #pageContent .midContent .catgOne{ width:140px; height:auto; position:relative; margin:0 0 30px 15px; float:left;}
#wrapper #pageContent .midContent .catgOne .catgTitle{ font-size:11px; background:#42454a; line-height:24px; color:#FFF; te xt-transform:uppercase; text-align:center; width:101px;}
#wrapper #pageContent .midContent .catgOne .catgInnerText{ font-size:11px;}
#wrapper #pageContent .midContent .catgOne .moreBtn{ position:absolute; bottom:3px; right:0;}

.contentdiv {border-bottom:1px solid #999;padding:20px 0 20px 0}
.contentdivimage {float:left; margin: 0 10px 0 0; width: 100px; height: 100px; overflow: hidden;}