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

body, html{}
body{font-family:Arial; color:#3F3F3F; font-size:12px; text-align:left; background:url(../images/bg-pageTop.gif) 0 0 repeat-x #FFF/*EAE7D6*/;}
a{color:#A20E12; text-decoration:none;}
a:hover{color:#D81927; text-decoration:none;}
table{padding:0px; margin:0px; border:none;}

.wrapper{margin:0px auto; padding-top:4px; width:964px; position:relative; background-color:#FFFFFF; overflow:hidden;
/*-moz-box-shadow: 1px 3px 9px #333;
-webkit-box-shadow: 1px 3px 9px #333;
box-shadow: 1px 3px 9px #333;
 For IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#333333')";
 For IE 5.5 - 7 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#333333');*/
}

.masthead{height:95px; overflow:hidden; background-color:#A20E12;}
.masthead h1{float:left; padding-left:5px; margin-top:12px; font-size:25px; color:#FFF;}
.masthead h1 a, .masthead h1 a:hover{float:left; color:#FFF;}

.topLinks{float:right; margin:8px 0px 0px 300px; padding:0px 10px 40px 0px; height:12px; overflow:hidden;}
.topLinks li{float:left; padding:0px 4px; font-size:11px; line-height:11px; border-right:1px solid #FFF;}
.topLinks li.last{border-right:none;}
.topLinks li a{float:left; color:#FFF;}
.topLinks li a:hover{float:left; text-decoration:underline;}

.mainnav{margin-top:3px; height:28px; background-color:#DDE0C5; border-bottom:2px solid #ADADAA;}
#mainnav{float:left; padding-left:5px; height:28px; overflow:hidden; z-index:100;}
#mainnav li{float:left; margin-right:2px; overflow:hidden; display:block;}
#mainnav li a{float:left; padding:0px 25px; line-height:32px; color:#3F3F3F; display:block;}
#mainnav li a:hover, #mainnav li a.active{float:left; color:#3F3F3F; display:block; background-color:#BABA99;}
#mainnav li a.selected{background-color:#A20E12; color:#FFF;}

#mainnav li ul{margin-top:28px; padding:5px 5px 5px 5px; width:185px; position:absolute; z-index:100; visibility:hidden; background-color:#f3f3e5; border-top:2px solid #adadaa; 
-moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px;
-moz-box-shadow: 3px 3px 4px #333; -webkit-box-shadow: 3px 3px 4px #333; box-shadow: 3px 3px 4px #333;}

#mainnav li ul li{float:none; font-size:11px; line-height:14px; }		
#mainnav li ul li a{float:none; width:auto; padding:5px 7px; line-height:14px; color:#666; border-top:1px dotted #CBCBCB;}
#mainnav li ul li a:hover{float:none; width:auto; padding:5px 7px; line-height:14px; color:#333; background-color:#dedfc6;}

#mainnav li ul li.first a, #mainnav li ul li.first a:hover{border-top:0px solid #FFF;}

/*.navigation{margin-top:3px; height:28px; background-color:#DDE0C5; border-bottom:2px solid #ADADAA;}
.navigation ul{overflow:hidden; height:28px; padding-left:5px;}
.navigation ul li{float:left; margin-right:2px; overflow:hidden;}
.navigation ul li a{float:left; padding:0px 25px; line-height:28px; height:28px; color:#3F3F3F;}
.navigation ul li a:hover{float:left; color:#A20E12;}*/

#slideshow{position:relative; width:940px; height:260px; overflow:hidden; margin:20px auto; padding:0px 0px 0px 0px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active{z-index:10; opacity:1.0;}
#slideshow IMG.last-active{z-index:9;}

.container01{margin:15px; width:934px; overflow:hidden;}
.container02{margin:0px 15px 20px 15px; width:934px; overflow:hidden;}

.slug01{font-size:10px; letter-spacing:2px; color:#000;}
.slug02{font-size:10px; letter-spacing:2px; color:#000; padding-bottom:5px;}

.contentBlock01{margin-top:9px; width:975px; padding-bottom:25px; clear:both;}
.contentBlock01 .column01{float:left; margin-right:41px; width:284px; line-height:15px; color:#666;}
.container01 h2{margin-bottom:10px; font-size:19px; line-height:19px; height:26px; overflow:hidden; color:#A20E12; font-weight:normal; border-bottom:1px solid #A20E12;}

.column01{height:225px; overflow:hidden;}
.column01 .link01{margin-top:15px; border-top:1px dotted #999;}
.column01 .link01 li{font-size:11px; padding:5px 0px; line-height:14px; border-bottom:1px dotted #999;}
.column01 .link01 li a{color:#666;}
.column01 .link01 li a:hover{color:#D81927;}

.column01 .link02{margin-top:2px;}
.column01 .link02 li{font-size:14px; padding:5px 0px; line-height:16px; border-bottom:1px dotted #999;}
.column01 .link02 li a{color:#666;}
.column01 .link02 li a:hover{color:#D81927;}

.column01 .tab01{height:21px; overflow:hidden;}
.column01 .tab01 li{float:left; margin-right:5px; font-size:11px;}
.column01 .tab01 li a{float:left; padding:0px 7px; line-height:17px; color:#3F3F3F; background-color:#FFF; border:2px solid #E1E1E1;}
.column01 .tab01 li a:hover, .column01 .tab01 li a.active{float:left; color:#A20E12; border:2px solid #DDE0C5;}

.eventsListing01{padding-top:7px; width:284px; overflow:hidden;}
.eventsListing01 li{padding:7px 0px; width:284px; height:55px; overflow:hidden; border-top:1px dotted #999;}
.eventsListing01 li.first{border-top:0px; padding-top:3px}
.eventsListing01 li table{margin:0px; padding:0px; border:0px;}
.eventsListing01 li td{padding:2px 0px; color:#666; vertical-align:top;}
.eventsListing01 li td.date{width:40px; overflow:hidden; border-right:1px dotted #999; font-size:11px; line-height:14px; text-align:center; text-transform:uppercase;}
.eventsListing01 li td.date strong{font-size:22px; line-height:22px; color:#3F3F3F;}
.eventsListing01 li td.date span.month{color:#A20E12; letter-spacing:2px; padding-left:1px;}

.eventsListing01 li td.details{padding:2px 5px 2px 7px; width:170px; overflow:hidden;}
.eventsListing01 li td.details p{font-size:12px; line-height:15px; color:#8C8C8C;}
.eventsListing01 li td.details p.title{font-size:14px; padding-bottom:2px; line-height:17px; color:#666;}

.eventsListing01 li td.viewLive{width:61px; overflow:hidden; text-align:center; vertical-align:middle; font-size:11px; line-height:15px; text-transform:uppercase;}

.resultsAnnouncement{padding:10px; border:4px solid #DDE0C5;}
.resultsAnnouncement h4{font-size:16px; line-height:18px; color:#666;}

.column02A{width:284px;}
.column02B{margin:auto; width:284px;}

.column02A div.block01{padding-bottom:10px; margin-bottom:25px; border-bottom:1px dotted #999;}
.column02B div.block01{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #999;}
.column02A div.borderNone, .column02B div.borderNone{border-bottom:0px;}

.featuredBlog{padding-bottom:7px; width:284px; height:80px; overflow:hidden; overflow:hidden;}
.featuredBlog li.image{float:left; margin-right:4px; width:120px; overflow:hidden;}
.featuredBlog li.hdrDetails{float:left; width:160px; font-size:11px; line-height:14px; overflow:hidden;}
.featuredBlog li.hdrDetails p.blogTitle{padding-bottom:2px; font-size:16px; line-height:19px;}
.featuredBlog li.hdrDetails p.blogDate{color:#8C8C8C;}
.featuredBlog li.hdrDetails p.blogBy{}

.overviewCJC-Blog{padding-top:2px; height:50px; overflow:hidden;}

.column02B .slug01{font-size:10px; letter-spacing:2px; color:#A20E12;}

.featuredBookReview{padding:7px 0px; width:284px; height:111px; overflow:hidden; overflow:hidden;}
.featuredBookReview li.image{float:left; padding-top:2px; margin-right:4px; width:70px; overflow:hidden;}
.featuredBookReview li.details{float:left; padding-left:5px; width:205px; overflow:hidden;}
.featuredBookReview li.details p.bookTitle{font-size:11px; line-height:14px;}
.featuredBookReview li.details p.bookBy{font-size:11px; line-height:14px; color:#8C8C8C; padding-bottom:10px;}
.featuredBookReview li.details p.reviewedBy{font-size:11px; line-height:14px; color:#666; padding-bottom:7px;}
.featuredBookReview a{color:#3F3F3F;}

.latestBookReview{height:250px; overflow:hidden;}

.homeGallery{padding-bottom:5px; width:291px; height:90px; overflow:hidden;}
.homeGallery li a{float:left; margin-right:7px; width:90px; height:90px; overflow:hidden;}

.more01{margin-top:7px;}
.more01 a{padding-left:13px; font-size:10px; line-height:13px; letter-spacing:2px; text-transform:uppercase; color:#3F3F3F; background:url(../images/bg-readmore.gif) 1px 3px no-repeat;}
.more01 a:hover{color:#A20E12/*D81927*/;}

.more02{margin-top:5px;}
.more02 a{padding-left:11px; font-size:10px; line-height:13px; color:#3F3F3F/*A20E12*/; background:url(../images/bg-readmore.gif) 1px 3px no-repeat;}
.more02 a:hover{color:#A20E12/*D81927*/;}

.more03{padding:0px 0px 10px 0px;}
.more03 a{padding-left:19px; font-size:10px; line-height:13px; text-transform:uppercase; color:#3F3F3F/*A20E12*/; background:url(../images/bg-readmore.gif) 6px 3px no-repeat;}
.more03 a:hover{color:#A20E12/*D81927*/;}


.colL01{float:left; padding:55px 0px 0px 0px; width:240px;}
.colR01{float:right; padding:18px 0px 0px 0px; width:680px; overflow:hidden;}

.leftNav{border-top:1px solid #BCBE9B; background:url(../images/bg-subNav.gif) right top repeat-y; overflow:hidden; background-color:#FFF; padding-bottom:40px;}
.leftNav li{}
.leftNav li a{color:#666; display:block;}
.leftNav li a:hover, .leftNav li a.active{background-color:#DDE0C5; color:#A20E12;}
.leftNav li a h3{margin-left:22px; padding:4px 3px; border-bottom:1px dotted #CBCBCB;}
.leftNav li a.active h3{font-weight:bold;}

.leftNav li a.active01{background:url(../images/bg-menuClosed.gif) 212px 8px no-repeat transparent;}
.leftNav li a.active01:hover{background:url(../images/bg-menuClosedHover.gif) 212px 8px no-repeat #DDE0C5;}

.leftNav li a.active02 h3{font-weight:bold; border-bottom:1px solid #eff1dc;}
.leftNav li a.active02{background:url(../images/bg-menuOpened.gif) 212px 8px no-repeat #DDE0C5; color:#A20E12;}

.leftNav li ul{padding:0px 0px 10px 22px; background-color:#DDE0C5; color:#A20E12;}
.leftNav li ul li a{padding:4px 0px 4px 12px; background-color:#DDE0C5; border-bottom:1px solid #eff1dc;}
.leftNav li ul li a:hover, .leftNav li ul li a.active{background-color:#FFF;}

.pageTitle, h2.pageTitle{float:left; font-weight:500; font-style:normal; font-family: "museo", Arial; font-size:30px; line-height:34px; color:#A20E12; height:37px; overflow:hidden;}
.breadcrumbs{margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
.breadcrumbs li{float:left; margin-right:3px; font-size:11px; line-height:14px; color:#666;}
.breadcrumbs li a{color:#A20E12;}
.breadcrumbs li a:hover{color:#D81927;}

.stagearea02{margin-bottom:35px; width:680px; height:170px; overflow:hidden; background-color:#f8f9f3; clear:both;}

.standfirst01{padding:0px 0px 20px 5px; width:580px; font-size:22px; line-height:23px; font-weight:normal; color:#6E5F5C;}
.bodytext01{padding:0px 0px 15px 5px; width:580px; font-size:14px; line-height:20px; font-weight:normal; color:#6E5F5C;}
.bodytext02{padding:0px 0px 10px 5px; width:580px; font-size:14px; line-height:20px; font-weight:normal; color:#6E5F5C;}

.subHdr{padding:0px 0px 10px 5px; font-size:14px; line-height:17px; font-weight:normal; color:#A20E12; text-transform:uppercase;}
.subHdr01{padding:15px 0px 10px 5px; font-size:14px; line-height:17px; font-weight:normal; color:#A20E12; text-transform:uppercase;}

.subHdr02{padding:0px 0px 5px 5px; font-size:14px; line-height:17px; font-weight:normal; color:#A20E12; text-transform:uppercase;}
.subbold{padding:0px 0px 5px 5px; font-size:13px; line-height:10px; font-weight:bold; color:#A20E12; text-transform:uppercase;}
.bodytext03{padding:0px 0px 20px 5px; width:580px; font-size:14px; line-height:20px; font-weight:normal; color:#6E5F5C;}

.subHdr-boldsm{padding:0px 0px 3px 3px;font-size:13px;letter-spacing:0.15px; line-height:12px; font-weight:bold; color:#A20E12; text-transform:sentencecase;}
.listText01{padding:0px 0px 20px 3px; width:580px; font-size:14px; line-height:20px; font-weight:normal; color:#6E5F5C;}
.listText01 li{background:url(../images/bg-listItem01.gif) 8px 11px no-repeat; padding:7px 0px 0px 25px; font-size:12px; line-height:16px; font-weight:normal; color:#907a76;}


.subHdr03{padding:0px 0px 5px 5px; margin-bottom:15px; font-size:14px; line-height:17px; font-weight:normal; color:#A20E12; text-transform:uppercase; border-bottom:1px dotted #CBCBCB;}
.facultyTable{margin:0px 3px 25px 3px; border:0px; width:600px; font-size:12px; line-height:17px; font-weight:normal;}
.facultyTable td{width:50%;}
.facultyTable td.designation{font-weight:bold; color:#3F3F3F; padding-bottom:2px;}
.facultyTable td.department{font-weight:bold; color:#3F3F3F; padding:3px 5px; background-color:#eff1dc;}
.facultyTable td.name01{padding-bottom:20px; font-size:11px; line-height:16px; color:#666;}
.facultyTable td.name01 strong{color:#3F3F3F; font-size:12px;}
.facultyTable td.name02{padding:8px 5px 0px 5px; font-size:11px; line-height:16px; color:#666;}
.facultyTable td.name02 strong{color:#3F3F3F; font-size:12px;}

.sitemapTable{margin:0px 3px 25px 3px; border:0px; width:600px; font-size:12px; line-height:17px; font-weight:normal;}
.sitemapTable td{width:50%;}
.sitemapTable td.pageheader{font-weight:bold; color:#3F3F3F; padding-top:5px;padding-bottom:5px;font-size:16px;border-top:2px dotted #CBCBCB;}
.sitemapTable td.main{font-weight:bold; color:#3F3F3F; padding-bottom:5px;}
.sitemapTable td.sub{font-weight:bold; color:#3F3F3F; padding:3px 5px; background-color:#eff1dc;}
.sitemapTable td.name01{padding-bottom:5px; font-size:12px; line-height:16px; color:#666;}
.sitemapTable td.name01 strong{color:#3F3F3F; font-size:12px;}
.sitemapTable td.name02{padding-bottom:5px; padding-left:20px;font-size:12px; line-height:16px; color:#666;}
.sitemapTable td.name02 strong{color:#3F3F3F; font-size:12px;}

.tableContent01{margin:0px 0px 40px 0px; padding:0px; border:1px solid #eff1dc;}
.tableContent01 tr.rowOdd{background-color:#fffbf3;}
.tableContent01 tr.rowEven{background-color:#f4f4f4;}
.tableContent01 tr td{padding:7px 50px 7px 10px; font-size:14px; line-height:17px; font-weight:normal; color:#3F3F3F; border-bottom:1px solid #eff1dc;}
.tableContent01 tr td strong{color:#A20E12;}

.academicCalendar{margin:0px 3px 25px 3px; border:0px; width:676px; font-size:12px; line-height:17px; font-weight:normal; border:1px solid #eff1dc; border-right:0px;}
.academicCalendar tr th{font-weight:bold; color:#A20E12; padding:3px 10px; background-color:#eff1dc; text-align:center;}
.academicCalendar tr td{padding:7px 10px; font-size:12px; line-height:16px; color:#666; border-bottom:1px solid #eff1dc; text-align:center; border-right:1px solid #eff1dc;}
.academicCalendar tr td.vacation{padding:7px 10px; font-size:12px; line-height:16px; color:#3F3F3F; font-weight:bold; border-bottom:1px solid #eff1dc; text-align:center; background-color:#FFF;}
.academicCalendar tr.rowOdd{background-color:#fffbf3;}
.academicCalendar tr.rowEven{background-color:#f4f4f4;}

.imgCollegeAchievements{margin:5px 20px 10px 0px;}

.nameDesignation{margin-top:-10px; padding:0px 0px 25px 5px; width:580px; font-size:12px; line-height:15px; font-weight:bold; color:#3F3F3F;}

.achievers{padding-bottom:20px; clear:both; width:680px;}
.achieversDate{padding:0px 0px 5px 5px; margin-bottom:12px; font-size:14px; line-height:17px; font-weight:bold; color:#3F3F3F; text-transform:uppercase; border-bottom:1px dotted #CBCBCB;}
.achieversTitle{padding:0px 0px 15px 5px; font-size:14px; line-height:17px; font-weight:normal; color:#A20E12; text-transform:uppercase;}

.achievers li.image{float:left; padding:3px 0px 0px 5px; width:200px; margin-right:20px; overflow:hidden;}
.achievers li.story{float:left; width:445px; overflow:hidden;}

.achievers li p.Text01{padding:0px 0px 10px 5px; font-size:14px; line-height:20px; font-weight:normal; color:#6E5F5C;}
.achievers li p.Text02{padding:0px 0px 35px 5px; font-size:14px; line-height:20px; font-weight:normal; color:#6E5F5C;}
.achieversIndexTitle{padding:0px 0px 12px 5px; font-size:10px; line-height:11px; font-weight:bold; letter-spacing:1px; color:#A20E12; text-transform:uppercase;}

.relatedInfoHdr{margin-top:10px; padding:10px 3px 7px 3px; font-size:10px; letter-spacing:2px; color:#A20E12; border-top:1px solid #A20E12; text-transform:uppercase; clear:both;}

.relatedInfoTxt{padding:0px 3px 0px 3px; font-size:12px; line-height:16px; font-weight:normal; color:#6E5F5C;}
.relatedInfolink{margin-top:10px;}
.relatedInfolink li{padding-bottom:3px; }
.relatedInfolink li a{padding-left:20px; color:#6E5F5C/*A20E12*/; background:url(../images/bg-readmore.gif) 4px 4px no-repeat;}
.relatedInfolink li a:hover{color:#A20E12/*D81927*/;}

.relatedInfoContent{margin-left:-15px; padding:10px 0px; width:711px; overflow:hidden;}
.relatedInfoContent li{float:left; padding:3px 18px; width:198px; height:150px; border-left:1px solid #CCC;}
.relatedInfoContent h4{font-weight:bold; margin-bottom:5px;}

.cjcLive{padding:15px 20px 0px 20px; border-top:5px solid #DDE0C5;}
.cjcLiveBlock01{margin-top:12px; width:975px;}
.cjcLiveBlock01 .column01{float:left; margin:0px 39px 20px 0px; padding:0px; height:160px; width:282px; line-height:15px; color:#666; overflow:hidden;}
.cjcLiveBlock01 h2{padding-bottom:3px; margin-bottom:5px; font-size:13px; line-height:16px; color:#A20E12; font-weight:normal; border-bottom:1px solid #A20E12;}

.cjcLivelink01{margin:0px;}
.cjcLivelink01 li{font-size:12px; padding:10px 0px; line-height:16px; border-top:1px dotted #999;}
.cjcLivelink01 li a{color:#A20E12;}
.cjcLivelink01 li a:hover{color:#D81927;}
.cjcLivelink01 li.first{border-top:0px;}
.cjcLivelink01 li strong{font-weight:bold;}

.cjcLivelink01 li p.date{float:left; width:50px; font-size:12px; font-weight:bold; line-height:16px; color:#A20E12;}
.cjcLivelink01 li p.details{float:right; width:220px; font-size:12px; line-height:15px;}

.cjcLivelink01 li p.blogHdr{font-size:13px; line-height:16px;}
.cjcLivelink01 li p.blogBy{font-size:10px; line-height:13px; color:#8C8C8C; padding-bottom:3px;}

.cjcLivelink01 li p.blogHdr a, .cjcLivelink01 li p.blogBy a{color:#3F3F3F;}
.cjcLivelink01 li p.blogHdr a:hover, .cjcLivelink01 li p.blogBy a:hover{color:#D81927;}

ul.gallery{margin:10px 0px 0px 5px; padding:0px; width:700px; overflow:hidden; list-style:none;}
ul.gallery li{float:left; margin:0px 15px 20px 0px; padding:1px 6px 0px 1px; width:150px; height:80px; overflow:hidden;}



#toTop {border:2px solid #FFF; background:url(../images/backToTop.gif) 8px 6px no-repeat #DDE0C5; padding:4px 10px 2px 23px; margin-left:505px;
	position:fixed; /* this is the magic */
	top:45%; /* together with this to put the div at the bottom*/
    left:50%; cursor:pointer; display:none; color:#A20E12; font-size:11px; line-height:15px; font-weight:normal;
	-moz-box-shadow: 0px 2px 5px #333; -webkit-box-shadow: 0px 2px 5px #333; box-shadow: 0px 2px 5px #333;
	 border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
/* For IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#333333')";
 For IE 5.5 - 7 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#333333');*/	
}

.principalCol1{float:left; width:400px;}
.principalCol2{float:right; width:220px;}

.standfirst01B{padding:0px 0px 20px 5px; font-size:22px; line-height:23px; font-weight:normal; color:#6E5F5C;}
.bodytext01B{padding:0px 0px 15px 5px; font-size:17px; line-height:25px; font-weight:normal; color:#6E5F5C;}
.bodytext01C{padding:10px 0px 35px 0px; font-size:14px; line-height:20px; font-weight:normal; font-style:italic; color:#6E5F5C;}
.hdr01{padding:0px 0px 7px 0px; font-style:normal; font-family: "museo", Arial; font-size:13px; line-height:17px; color:#A20E12; text-transform:uppercase;}
.hdr02{padding:7px 0px 0px 0px; font-style:normal; font-family:Arial; font-size:13px; line-height:17px; color:#A20E12;}

.FL{float:left;}
.FR{float:right;}


.footer{clear:both; padding:10px 7px 5px 12px; background-color:#DDE0C5;}
.footer div{margin:0px auto; width:964px;}
.footer .links{float:right; margin-bottom:5px; font-size:12px; line-height:14px; height:14px; overflow:hidden; clear:both;}
.footer .links li{float:left; margin-left:-1px;}
.footer .links li a{float:left; padding:0px 5px;}

.footer .type01 a{color:#666; border-left:1px solid #666;}
.footer .type01 a:hover{color:#D81927;}

.footer .type02 a{color:#8C8C8C; border-left:1px solid #8C8C8C;}
.footer .type02 a:hover{color:#D81927;}

.footer .socialMedia{float:right; margin:5px 0px; font-size:12px; line-height:15px; overflow:hidden; clear:both;}
.footer .socialMedia li{float:left; margin-right:4px;}


.copyright{font-size:11px; line-height:14px; color:#666; clear:both;}