@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: main.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Shivaling Giri  Shivaling[dot]Giri[at]indecommlearning[dot]com
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,

/************************************** 
IMPORTED RESET CSS FILE
**********************************************************/
@import url('../Reset.css');/*Common Rest css- Do not edit*/

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/

/**{border:1px solid #FF0000}*/
*{margin:0; padding:0; /*list-style:none;*/ border:none; outline:none;}
body {margin: 0; font-size: 13px; background: #fafafa url("../images1/bg.jpg") no-repeat top center; border-top:3px solid #999; }
* {font-family:tahoma; font-size:10pt}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0; color:#373333}
h1,h2,h3,h4,h5,h6,label,a {/*text-transform:capitalize;*/ text-decoration:none}

a { color: #1c864c; font-weight: normal; cursor: pointer;  text-decoration: none; transition:color 0.2s ease; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; -o-transition:color 0.2s ease;}

a:hover { color: #000; text-decoration: underline; background: rgba(0, 0, 0, .025);} 

a:visited{color:#777; opacity:0.9;}
a:active, a:focus{position:relative;top:1px;}
abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}
hr{display:block; height:1px; border:0; border-top:1px solid #ddd; margin:1em 0; padding:0}
pre, code, kbd, samp{font-family:monospace,monospace; _font-family:'courier new',monospace; font-size:1em}
q{quotes:none}
q:before, q:after{content:""; content:none}
blockquote { margin: 1em 1em 1em 0; padding: 1em; border-left: 1px solid #DDD; font-style: italic; color: #999;}
blockquote p {font-size: 1.1em;line-height: 2em;margin-bottom: 0;}
blockquote small {display: block;font-size: 1em;line-height: 1.6em;color: #bfbfbf; text-align: right;}
blockquote small:before {content: '\2014 \00A0';}
b, strong{font-weight:700}
small{font-size:85%; color: #999;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dd{margin:0 0 0 40px} dt{font-weight: 700;}
ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0; margin:0; padding:0}
label{cursor:pointer}
legend{border:0; *margin-left:-7px; padding:0;white-space: normal;}
button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button, input{line-height:normal; *overflow:visible}
table button, table input{*overflow:auto}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top; resize:vertical}
table{border-collapse:collapse; border-spacing:0}
td{vertical-align:top}

a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul,li {padding:0; margin:0;/* list-style:none*/ /*overflow:hidden*/}
/*ul,li{overflow:inherit !important}*/
li {display:inline}
p {line-height:150%}


/** HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
#mainWrapper {margin:0 auto; width:983px; overflow:hidden}
#mainWrapper #header {padding:22px 0 0 0; float:left; width:983px}
#mainWrapper #header #logo {float:right; margin:7px 0 0 0px}
#mainWrapper #header #welcome {float:left; width:405px; padding:7px 0px 0 0}
#mainWrapper #header #welcome input.searchBox {
	border:1px solid #9d9d9d; border-width:1px 1px 1px 0px; font-family:tahoma; font-size:12px; color:#787676; 
width:220px; padding:3px 0 3px 8px; height:16px; float:left; margin:10px 0 0 0px; text-align:right}
#mainWrapper #header #welcome a.goButton  {background:url("../images1/search_button_bg_arabic.png") no-repeat; width:26px; height:24px; border:none; 
outline:none; float:left; cursor:pointer; margin:10px 0 0 0}
#mainWrapper #header {/*background:url("../images1/kfupm_bg_header_arabic.png") no-repeat;*/ width:978px; height:81px}
#mainWrapper #topBanner {float:left; margin:1px 0 0 0; width:976px; margin-bottom:15px;}
#mainWrapper #topBanner .topBg {background:url("../images1/top_round_bg.png") no-repeat; width:978px; height:56px}
#mainWrapper #topBanner .contentBg {background:url("../images1/top_middle_bg.png") repeat-y; width:978px; height:314px; float:left}
#mainWrapper #topBanner .contentBgOuter {width:978px; height:325px; float:left}

#mainWrapper #topBanner  .boottomBg {background:url("../images1/bottom_round_bg.png") no-repeat; width:978px; height:13px; float:left;z-index:9; margin-left:2px}
#mainWrapper #topBanner #navigation {
	width:976px; 
	height:43px;
	background: url(../images1/nav_left_sl.jpg) no-repeat left #333;
	float:left;
}
#mainWrapper #topBanner .navigationA {/*margin-left:2px; height:53px !important*/	
	width:976px; 
	height:36px; 
	box-shadow:0 2px 5px #d4d4d4;
	box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	/*border-radius:4px;*/
	margin-bottom:15px;
	
	}
#mainWrapper #topBanner #navigation .leftCorner {background:url("../images1/navigation_left_corner.png") no-repeat; width:18px; height:43px; float:left}
#mainWrapper #topBanner #navigation .middleBg {background:url("../images1/nav_bg_middle.png"); width:943px; height:43px;float:left} 
#mainWrapper #topBanner #navigation .rightCorner {background:url("../images1/navigation_right_corner.png") no-repeat; width:15px; height:43px; float:right}
 
/* CLASSES FOR BannerTop SECTION
*******************************************************/
#bannerTop { width:983px; height:23px;background:url("../images1/banner_top.png") no-repeat}

 
/* CLASSES FOR NEWS SECTION
*******************************************************/

/* changes for bulleting style disc statrs
*************************************/
/*.content ul li {padding:5px 15px 5px 20px; background:url("../images1/green_cir_bullet.jpg") 0% 10px no-repeat !important; }*/
.content {padding:10px; /*background:#fff;*/f font-size:12px}f
.content h1, .content h2, .content h3{padding-bottom:10px; text-align:right;}
.content p {padding:0; margin:0; padding-bottom:10px; text-align:right;}
.content ul {list-style:none; padding-bottom:10px; float:right;}
.content ul li {line-height:18px;}
.content h1 {font:normal 22px Arial, Helvetica, sans-serif;color:#ff6d02}
.content h3 {font:bold 16px Arial, Helvetica, sans-serif;color:#666}
.content h2 {font:bold 11px tahoma, Geneva, sans-serif;color:#13914D}
.content a {color:#0d7e40;text-decoration:none; float:right;}
.content a:hover {color:#444;text-decoration:underline}

/* changes for bulleting style disc ends
*************************************/

.mainNewsSection{width:580px; /*border-top:1px solid #d0d0d0; padding-top:1px; margin:6px 0 0 0*/}
.newsSection {width:580px; /*height:157px;*/ float:left; /*background:#e9e9e9;*/ padding:20px 0px 0 0}
.newsSection a.selectionArrow {background:url("../images1/green_arrow.png") no-repeat; width:15px; height:10px; float:right; margin:7px 0 0 0}
.newsSection img {/*border:3px solid #c0c0c0;*/ float:left}
.newsSection img:hover {/*border:3px solid #FFF;*/ float:left}
.newsSection  .firstNews {float:left; width:180px; /*border-right:1px solid #eee;*/ /*padding:10px 20px 0 14px;*/ height:147px; margin-right:20px;}
.newsSection  .firstNews:hover {background:#fcfcfc} 
.newsSection  .firstNews:hover {text-decoration:underline; }
.newsSection  .firstNews span.newsSect{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; float:left; width:180px; line-height:18px; letter-spacing:0.3px;}
.newsSection  .firstNews span.newsSect a {color:#666 !important; font-size:11px; display:block; margin:5px 0 0 0px;  text-align:right;}

.newsSection  .secondNews {float:left; width:180px; /*padding:10px 20px 0 10px; height:147px;*/ /*border-left:1px solid #FFF*/ margin-right:20px;}
.newsSection  .secondNews:hover {background:#fcfcfc} 
.newsSection  .secondNews:hover {text-decoration:underline; color:#666}
.newsSection  .secondNews span.newsSect {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; float:right; width:180px; line-height:18px; letter-spacing:0.3px;}
.newsSection  .secondNews span.newsSect a {color:#666 !important; font-size:11px; display:block; margin-top:5px; text-align:right;}

.newsSection  .thirdNews {float:left; width:180px; /*padding:10px 20px 0 10px; height:147px;*/ /*border-left:1px solid #FFF*/}
.newsSection  .thirdNews:hover {background:#fcfcfc} 
.newsSection  .thirdNews:hover {text-decoration:underline; color:#666}
.newsSection  .thirdNews span.newsSect {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; float:right; width:180px; line-height:18px; letter-spacing:0.3px; text-align:right;}
.newsSection  .thirdNews span.newsSect a {color:#666 !important; font-size:11px; display:block; margin-top:5px;}

/*.eventSector {height:78px}*/
.banner ul, .banner ul li {overflow:visible}


/* CLASSES FOR BANNER GALLERY 
************************************************/
#portfolio-desc {float:left; width:900px; position:relative}
.data {
    background: url("captionbg.png") repeat scroll 0 0 transparent;
    float: right;
    height: 255px;
    left: 636px;
    padding: 30px;
    position: absolute;
    top: -280px;
    width: 260px;
	text-align:right;
	}
.data h2 {
	color: #FFFFFF;
    font-family: arial;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1.1px;
    line-height: 32px;
    margin: 0;
    padding: 0;
	}
.data h2 a{color:#fcfccf !important; font-size:25px !important; margin:4px 0 11px 0; font-family:arial; font-weight:normal !important}
.data_readmore{color:#fff !important; font-size:12px !important; margin:4px 0 11px 0; font-family:arial; font-weight:normal !important}

.data p {font-family:tahoma; font-size:14px; color:#FFF; font-weight:bold; line-height:211%}
ul#slide_nav {
	float: right;
    position: relative;
    right: 12px;
    z-index: 1110;
	margin-right:3px;
	width:100px;
	}
ul#slide_nav li {background:#005d2a; width:22px; margin:6px 1px 0 2px; float:left; line-height: 22px; text-align:center; color:#52a075; cursor:pointer}
ul#slide_nav li:hover {color:#fff; background:#00391a;}
ul#slide_nav li#button_selected {background: #00391a; color:#fff; line-height: 22px;}
#bannercontainer {
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding:10px;
    position: relative;
    width: 954px;	
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
	margin-bottom:15px;
	border:1px solid #ddd;
	}


/* FLOATING
***********************/
.floatRight {float:right}
.floatLeft {float:left}

/* FOR CLEARING DIVS
***********************************/
.clearLeft {clear:left}
.clearRight {clear:right}
.clearBoth {clear:both}


/* HEADINGS SPRITE
************************************************/
h3.kfupmNews, h3.eventsText, h3.otherLink {/*background:url(../images1/headings_sprite.png)*/ no-repeat; height:auto !important; width:auto !important}
h3.kfupmNews {background-position:0% 0px; width:143px; height:16px; overflow:hidden}
h3.eventsText {background-position:0% -19px; width:62px; height:17px; overflow:hidden; color:#0d7e40;}
h3.otherLink {background-position:20px -37px; width:154px; height:16px; /*margin:10px 0 0 26px !important;*/ overflow:hidden}

/* FOR KFPM NEWS SLIDER
****************************************************/
#faded {position:relative}
ul.pagination {
    background: none repeat scroll 0 0 #FAFAFA;
    border-right: 1px solid #DDDDDD;
    float: right;
    height: 160px;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 20px;
    position: absolute;
    right: 599px;
    width: 154px;
	}
ul.pagination li { padding-bottom:4px; vertical-align:top; width:27px; overflow:hidden; float:left; margin-right:7px; display:inline}
ul.pagination li a {width:27px; height:9px; overflow:hidden; background:url("../images1/bull-1.gif") no-repeat 0 0; color:#ede9dd; 
font-size:0; line-height:0; text-decoration:none; float:left; display:inline}
ul.pagination li.current a, ul.pagination li a:hover {background:url("../images1/bull-2.gif") no-repeat 0 0}
#faded .rap { /*height:159px; margin:4px 0 0 0px;*/ float:left; position:relative}
#faded img {width:180px !important; height:60px !important; cursor:pointer}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/

#mainWrapper #homemaincontent {
	width:975px ; 
	font-size:12px; 
	font-family:tahoma; 
	color:#252525; 
	float:left;
	margin-bottom:15px;
	box-shadow:2px 2px 5px #eee;
	box-shadow:2px 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:2px 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:2px 2px 5px rgba(51,51,51,0.2);
	border:1px solid #ddd;
	}

#mainWrapper #maincontent {
	width:975px ; 
	font-size:12px; 
	font-family:tahoma; 
	color:#252525; 
	float:left;
	/*margin-bottom:15px;*/
	box-shadow:2px 2px 5px #eee;
	box-shadow:2px 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:2px 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:2px 2px 5px rgba(51,51,51,0.2);
	border:1px solid #ddd;
	background:url("../images1/grad_bg.png");
	text-align:right;
	}
#mainWrapper .whiteBox {
	float:left; 
	width:978px; 
	overflow:hidden;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);	
	}
#mainWrapper .otherLinksContent {margin:5px 0 0 0}
#mainWrapper .whiteBox .top {background:url("../images1/top_white_bg.png") no-repeat; width:978px; height:12px; }
#mainWrapper .whiteBox .middle {
	background:url("../images1/middle_white_bg.png") repeat-y; 
	width:978px; 
	min-height:100px; 
	float:left; 
	overflow:hidden !important; 
	overflow-x:hidden !important
	}
#mainWrapper .whiteBox .middle table {width:208px}
#mainWrapper .whiteBox .middle h3 {color:#026431; font-size:20px; font-family:Trebuchet MS; margin:0px 0 0 1px; background:none !important; font-weight:normal !important}
#mainWrapper .whiteBox .bottom  {background:url("../images1/white_bottom_bg.png") no-repeat; width:978px; height:13px; float:left; }
#content {float:left; width:890px; margin:15px 22px}
#sidebar2 {float:right; width:390px; min-height:174px; padding:10px 0px 0px 0px}
#mainWrapper #maincontent p {font-size:14px; font-family:tahoma; color:#252525; cursor:default; line-height:20px; letter-spacing:1px; text-align:right;}

#mainWrapper .bannersslider{
	float:left; 
	width:600px; 
	overflow:hidden;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
	padding-bottom:15px;
	padding-top:15px;
	height:131px;
	border-bottom:1px solid #ddd;
	}



/*********************************************************************
 CSS FROM KFUPMENGLISHTHEME.CSS FILE
***********************************************************************/

.top_cont{background:url("../images1/header_bg.jpg") left top no-repeat}
.jqueryslidemenu{background:url("../images1/nav_rtcorn.gif") right top no-repeat}
.jqueryslidemenu ul li.home{background:url("../images1/home_bg.gif") left top no-repeat}
.jqueryslidemenu ul li.home a {background:url("../images1/home01.gif") left top no-repeat}
.jqueryslidemenu ul li.home a:hover, .jqueryslidemenu ul li.home a.active {background:url("../images1/home02.gif") left top no-repeat}
.news{background:#000 url("../images1/news_ltcorn.gif") left top no-repeat}
.news_btn {background:url("../images1/news_btnbg.gif") left top no-repeat}

/*TAB START
**************************************************/
.tab_cont{background:#fff url("../images1/tab_topbg.gif") left top no-repeat}
	
/*---------- css for news in tab----------edited 7th,dec 2010 -----*/
#featured ul.ui-tabs-nav li{ background:#fff url("../images1/bullet.gif") 10px 8px no-repeat}
#featured ul.ui-tabs-nav li:hover{ background: #f7f7f7 url("../images1/bullet.gif") 10px 8px no-repeat}
#featured li.ui-tabs-nav-item{background:	url("../images1/bullet.gif") 10px 8px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected { background:#eee url("../images1/bullet.gif") 10px 8px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:url("../images1/pointer01.gif") right 5px no-repeat}
#featured ul.ui-tabs-nav li span{font-family:tahoma; font-size:11px}

/*events
************************************************/
#core2 ul.ui-tabs-nav01 li a{background:url("../images1/bullet.gif") left 8px no-repeat}
				
/*featured news start
***********************************************/
.weather{background:url("../images1/wather_bg.gif") left top no-repeat}
.heading {background: url("../images1/AboutKFUPM_arb.jpg") no-repeat scroll 0 0 transparent; height: 81px; padding-right: 20px !important;
position: relative; width: 910px; z-index: 9; color:#FFF; text-align:right;}  

/* ---- Events Container ---- */

#events_cont{
	width:336px;
	height:153px;
	padding:20px;
	float:right;
	background:#fbfbfb;
	box-shadow:0 2px 5px #d4d4d4;
	box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:0 2px 5px rgba(51,51,51,0.2);
}

#events_cont h2{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-0.2px;
	color:#0d7e40;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#events_cont .readmore{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d7e40;
	text-decoration:none;
}

#events_cont .readmore:hover{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d7e40;
	text-decoration:underline;
}

#events_cont ul{
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
}

#events_cont li{
	float:left;
	margin-bottom:10px;	
}

#events_cont li .event_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;	
	float:left;
	margin-bottom:5px;	
}

#events_cont li .event_heading:hover{
	text-decoration:underline;
}

#events_cont li .event_desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	text-decoration:none;	
	float:left;
}


/*****************************************************************
 CSS ENDS HERE KFUPMENGLISHTHEME.CSS FILE
*******************************************************************/

/*****************************************************************
 CSS STARTS HERE KFUPMENGLISHSKELETON.CSS FILE
*******************************************************************/

.top_menu{text-align:right; padding-right:8px}
.sublink li, .sublink li a {  ;}
.sublinkarb li, .sublinkarb li a { text-align:right;}
.toplink li{float:right}
.toplink li:hover > .sublink {left:20px; *left:0}
.toplink li:hover > .sublinkarb {right:0; *right:20px}
.jqueryslidemenu ul li{float:left}
.jqueryslidemenu ul li.home{margin-right:10px}
.jqueryslidemenu ul li.myMenu ul li ul{margin-left:2px}
.rightarrowclass{right: 15px}
.nivo-controlNav{text-align:right; padding:376px 25px 0 0}
.news{padding-left:10px; float:left}
.news_btn{float:left}
.NewsTicker li{padding-right:10px}
.NewsTicker li a{float:left; }
.NewsTicker li div {float:right; text-align:right}
.tab_cont{float:left; padding:0}	
#example-two .list-wrap { padding:15px}
#example-two .tab li {float: left}
#featured ul.ui-tabs-nav {left:0}
#featured ul.ui-tabs-nav li{float: left; padding: 6px 10px 6px 20px}
#featured li.ui-tabs-nav-item a{padding-right:10px; right:-11px}
#featured ul.ui-tabs-nav li.ui-tabs-selected {float: left; padding: 6px 10px 6px 20px}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{right:-11px}
#featured .ui-tabs-panel{left:374px}
#core2 ul.ui-tabs-nav01 {left:0}
#core2 ul.ui-tabs-nav01 li a{padding:5px 0 0 20px}
#core2 .ui-tabs-panel01{ left:425px}
.fnews, .events{float:left; margin-left:17px}
.fnews table, .events table{width:100% !important}
.eventdate{float:right}
.eventdisc{float:right}
.view_more {text-align:right; float:right}
.view_more a {padding-left:15px; margin-left:10px;}
.mid_bot{padding:0 15px 0 0 }
.mid_botlt, .mid_botrt{float:left}
#screen li{float:left}
.thumbnail{float:left; margin:0 15px 0 0}
.thumbinfo{margin:0 10px 0 0}
.weather{padding:0 10px 0 65px}
.content {}
.row_thumb {float:left}
.row_data {float:right}
.row_data ul li{padding:5px 15px 5px 20px; background:url("../images_old/green_cir_bullet.jpg") left 10px no-repeat}
.newsdetail img{float:left; margin:0 15px 15px 0; padding:1px; border:2px solid #d9d9d9}
.btn_cont{text-align:right; padding-bottom:10px}

/*****************************************************************
 CSS ENDS HERE KFUPMENGLISHSKELETON.CSS FILE
*******************************************************************/


/*****************************************************************
 CSS STARTS HERE COMMONTHEME.CSS FILE
*******************************************************************/

.jqueryslidemenu{font: bold 12px tahoma}
.jqueryslidemenu ul li.myMenu a{font:bold 12px Tahoma,Arial,Helvetica,sans-serif; color:#000; height:30px; line-height:30px}
.jqueryslidemenu ul li.myMenu a span {background:none}
.jqueryslidemenu li.myMenu:hover > a, .jqueryslidemenu ul li.myMenu a:hover,  
.jqueryslidemenu ul li.myMenu a.active,
.jqueryslidemenu li.myMenu:hover > a.active, .jqueryslidemenu ul li.myMenu a.active:hover{background:#49b260 url("../images1/nav_ltcornbg.gif") left top no-repeat}
.jqueryslidemenu li.myMenu:hover > a span, 
.jqueryslidemenu ul li.myMenu a span:hover,
.jqueryslidemenu ul li.myMenu a.active span,
.jqueryslidemenu li.myMenu:hover > a.active span, .jqueryslidemenu ul li.myMenu a.active span:hover
{color:#fff; background:#49b260 url("../images1/nav_rtcornbg.gif") right top no-repeat}
.jqueryslidemenu ul li.myMenu ul{border:1px #49b162 solid; background:#fff; }
.jqueryslidemenu ul li.myMenu ul li a{font-family:tahoma; font-size:11px; font-weight:normal; background:#fff; color:#0d7e40;
border-top:1px #ccc solid; border-bottom:1px solid #fff}
.jqueryslidemenu li.myMenu ul li:hover > a, .jqueryslidemenu ul li.myMenu ul li a:hover{background:#8bcfa5; color:#000 !important;
border-top:1px solid #6dc181}
.nivo-caption {background:#000; color:#fff}
.nivo-controlNav a {font-weight:bold; color:#333; line-height:22px; background:url("../images1/controlNav_bg.gif") center center no-repeat}
.nivo-controlNav a.active {font-weight:bold; color:#038401; line-height:22px; background:url("../images1/controlNav_bgact.gif") center center no-repeat}
.nivo-controlNav a.active:hover {color:#000 !important}
.nivo-controlNav a:hover {color:#CCC !important; text-decoration:none !important}
.news_cont{background:#fff}
.news{color:#666; line-height:32px}
.news a {color:#0072bc}
.news a:hover{color:#666}
.mid_topdata {background:#fff}
#example-two .list-wrap { }
#example-two .tab li a {color: #000; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; }
#example-two li a.current,#example-two li a.current:hover { background:url("../images1/tab_btnbg.gif") left top no-repeat  !important; color: black; }
#example-two .tab li a:hover, #example-two .tab li a:focus { color:#444; background:none;}
#featured{background:#fff}
#featured ul.ui-tabs-nav li{color:#444; border: 1px solid #fff}
#featured ul.ui-tabs-nav li:hover{border: 1px solid #eee; color:#000}
#featured li.ui-tabs-nav-item a{color:#444; line-height:15px}
#featured ul.ui-tabs-nav li.ui-tabs-selected {color:#444; border:1px solid #c1cdd0}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{line-height:15px}
#featured .ui-tabs-panel{background:#999;border:3px solid #d9d9d9}
#featured .ui-tabs-panel .info{background: url("../images1/transparent-bg.png")}
#featured .info h2	{ font:normal 11px tahoma, Geneva, sans-serif; color:#fff; border-bottom:0 none; text-transform:none}
#featured .info p{font-family:tahoma; font-size:11px; color:#f0f0f0; line-height:15px}
#featured .info a{color:#fff}
#core2{background:#fff}
#core2 ul.ui-tabs-nav01 li{color:#444; border-bottom:1px dashed #ccc}
#core2 ul.ui-tabs-nav01 li h2 {color:#000}
#core2 ul.ui-tabs-nav01 li a{color:#006931; line-height:15px}
#core2 ul.ui-tabs-nav01 li a:hover {color:#000}
#core2 .ui-tabs-panel01{background:#eee url("../images1/events_bg.gif") left bottom repeat-x; border:1px solid #d9d9d9}
#core2 .ui-tabs-panel01 img{background:#fff; border:1px solid #ccc}
.fnews h2, .list-wrap h2, .events h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#000; }				
.fnews_img{border:3px solid #d9d9d9}
.fnews_aut{font:normal 12px tahoma, Geneva, sans-serif; color:#ff6d02}
.fnews_aut span{font-size:11px; color:#666}
.fnews_desc{line-height:15px}
.view_more a{color:#666;Font-weight:bold;background:url("../images1/arrow_blue.gif") right center no-repeat}
.view_more a:hover{color:#006931; background:url("../images1/arrow_grey.gif") right center no-repeat}
.search_cont{color:#cc9e44}
.search_input{background:none; color:#eee; font-size:11px}
.search_ico {background:#ccc}
.welcome {color:#cc9e44; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; line-height:23px}
.toplink li {color:#c3c3c3; font:bold 11px Tahoma, Arial, Helvetica, sans-serif;}
.toplink li.drop{background:url("../images1/arrow_wh.gif") right center no-repeat;}
.toplink li, .toplink li a {color:#c3c3c3;}
.toplink .sublink li, .toplink .sublinkarb li { border-bottom:1px #249752 solid; background:#4bae72; }
.toplink li:hover > a, .toplink li:hover { color:#fff; background:#4bae72; }
.toplink li.drop:hover { color:#fff; background:#4bae72 url("../images1/arrow_bk.gif") right center no-repeat; }
.toplink li.divider:hover { color:#c3c3c3; background:none; }
.sublink li, .sublink li a, .sublinkarb li, .sublinkarb li a {color:#fff;}
.sublink li:hover > a, .sublink li:hover, .sublinkarb li:hover > a, .sublinkarb li:hover { color:#fff; background:#249752; }
.gallery_lt	{/*background:url("../images1/gallery_ltbg.gif") repeat-x*/}
.gallery_rt{/*background:url("../images1/gallery_rtbg.gif") repeat-x*/}
.gallery_mid{/*background:url("../images1/gallery_bg.gif") left top repeat-x*/}
.thumbnail{background:url("../images1/thumb_shadow.gif") left bottom repeat-x}
.thumbnail img{border:1px solid #fff}
.thumbinfo{background:#fff; line-height:30px}
.thumbinfo a{color:#666;line-height:30px;text-decoration:none}
.thumbinfo a:hover{background:#5d5d5d;color:#FFF;text-decoration:none}
.weather_row h2 {font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#444; line-height:22px}
.weather h1 {font:bold 12px tahoma, Geneva, sans-serif; color:#ebfc30; line-height:30px}
.weatherdata {color:#fff; font:bold 15px tahoma, Geneva, sans-serif}
.video_btn a {background:url("../images1/kfupm_video.gif") left top no-repeat}
.video_btn a:hover {background:url("../images1/kfupm_video.gif") left -42px no-repeat}
.breadcrumb span {color:#666}
.breadcrumb a {color:#006633}
.breadcrumb a:hover {color:#000; text-decoration:underline}
.breadcrumb a.active, .breadcrumb a.active:hover {color:#666; text-decoration:none}
.heading {font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:80px; color:#FFF}
.content h1 {font:normal 22px Arial, Helvetica, sans-serif; color:#ff6d02}
.content h3 {font:bold 12px; color:#000; font-family:tahoma; font-weight:normal}
.content h2 {font:bold 11px tahoma, Geneva, sans-serif; color:#13914D}
.content a {color:#0d7e40; text-decoration:none}
.content a:hover {color:#444;text-decoration:underline}
		
/*****************************************************************
 CSS ENDS HERE COMMONTHEME.CSS FILE
*******************************************************************/
	

/*****************************************************************
 CSS STARTS HERE SKELETONCOMMON.CSS FILE
*******************************************************************/

.lft {float:left}
.rft {float:right}
.cle{clear:both; height:0px !important; width:0px !important}
.half {width:50%}

/*Global css end
**********************************************/
.wrapper{width:968px; margin:0 auto}
.nav_cont {width:956px; height:46px; /*padding:15px 6px 6px 6px; padding-bottom:0*/}
.navigation {
	width:976px; 
	height:36px; 
	box-shadow:0 2px 5px #d4d4d4;
	box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	background: url(../images1/nav_left_sl.jpg) no-repeat left #333;
	margin-top:30px;
	margin-bottom:15px;
}
/* Style the menu and position list items
**********************************************/
ul.mainMenu {z-index:9999; position:relative; width:956px; height: 46px; padding: 0; margin:0; clear: both}
ul.mainMenu li {padding:5px 0; position:relative}

/*Style and position links in 1st level list items 
***************************************************/
ul.mainMenu li a {display: block; padding:0 0 0 12px; text-decoration:none; float:left}
ul.mainMenu li a span { height:30px; display:block; cursor:pointer;  padding:0 12px 0 0; float:left; }
ul.mainMenu li a:hover,
ul.mainMenu li:hover > a, 
ul.mainMenu li a.active
ul.mainMenu li:hover > a.active, ul.mainMenu li a.active:hover{width:auto; padding:0px 0 0px 12px;float:left}
ul.mainMenu li a span:hover,
ul.mainMenu li:hover > a span, 
ul.mainMenu li a.active span
ul.mainMenu li:hover > a.active span, ul.mainMenu li a.active span:hover{float:left}
			
/*Home Link
**********************************/
ul.mainMenu li.home {padding:0; height:46px; display:block}
ul.mainMenu li.home a {display:block; width:50px; height:40px; padding:0 !important}
ul.mainMenu li.home a:hover, ul.mainMenu li.home a.active {display:block; width:50px; height:40px; width:50px; padding:0 !important}
				
/*divider
**********************************/
ul.mainMenu li.divid {width:2px; height:40px; padding:0 5px}
ul.mainMenu ul.subnav {position: absolute; top: 32px; display: none; padding:8px; z-index:100001; left:0}
ul.mainMenu ul.subnav li {float:left; display:block; position:relative; padding:0; margin-right:8px; min-width:200px;}
ul.mainMenu ul.subnav li:last-child {float:left; }

/*3rd level
*************************************/
ul.mainMenu ul.subnav li ul {float:none !important; display: block !important; visibility:visible !important; position:relative!important}
ul.mainMenu ul.subnav ul li {  display:block;float:none!important; border:0; height:auto;}
ul.mainMenu ul.subnav ul a {float:none;;height:20px;padding:0;}
ul.mainMenu ul.subnav ul a:hover,
ul.mainMenu ul.subnav ul li:hover > a{float:none;  padding:0}

/*4th level
*******************************/
ul.mainMenu ul.subnav li ul li ul {float:none !important;display: block !important;position:relative!important;padding:5px 0;visibility:visible !important}
ul.mainMenu ul.subnav ul ul li {display:block; border:0; visibility:visible !important; width:100%;}
ul.mainMenu ul.subnav ul ul a {float:none; ; height:20px; padding:0; padding-left:15px}
ul.mainMenu ul.subnav ul ul a:hover { float:none; padding:0; padding-left:15px; text-decoration:underline; }
		

		
/*old 2
**************************************/

.jqueryslidemenu{position:relative; z-index:9999; width:956px; height:46px; padding:0;margin:0}	
.jqueryslidemenu ul{margin: 0; padding: 0; list-style-type: none}
		
/*Top level list items
**************************************/

.jqueryslidemenu ul li{position: relative; display: inline; padding:5px 0}

/*Home Link
************************************/
.jqueryslidemenu ul li.home {padding:0; height:46px; display:block}
.jqueryslidemenu ul li.home a {display:block; width:50px; height:40px; padding:0 !important}
.jqueryslidemenu ul li.home a:hover, .jqueryslidemenu ul li.home a.active {display:block; width:50px; height:40px; width:50px; padding:0 !important}
				
/*divider
*****************************************/
.jqueryslidemenu ul li.divid {width:2px; height:40px; padding:0 5px}
.jqueryslidemenu ul li.myMenu a{display:block; padding:0 0 0 12px; text-decoration:none; float:left}
.jqueryslidemenu ul li.myMenu a span { height:30px; display:block; cursor:pointer;  padding:0 12px 0 0; float:left; }
* html .jqueryslidemenu ul li a{display: inline-block; color:#000}
.jqueryslidemenu li.myMenu:hover > a, .jqueryslidemenu ul li.myMenu a:hover,  
.jqueryslidemenu ul li.myMenu a.active
.jqueryslidemenu li.myMenu:hover > a.active, .jqueryslidemenu ul li.myMenu a.active:hover{width:auto; padding:0px 0 0px 12px; float:left}
.jqueryslidemenu li.myMenu:hover > a span, .jqueryslidemenu ul li.myMenu a span:hover,
.jqueryslidemenu ul li.myMenu a.active span,
.jqueryslidemenu li.myMenu:hover > a.active span, .jqueryslidemenu ul li.myMenu a.active span:hover {float:left}
			
/*1st sub level menu
**********************************/
.jqueryslidemenu ul li.myMenu ul{position: absolute; left: 0; display: table; visibility: hidden; padding:5px 0; z-index:100001}
.jqueryslidemenu ul li.myMenu ul li{display:table-column; float: left; padding:0 5px}
			
/*All subsequent sub menu levels vertical offset after 1st level sub menu 
**************************************************************************/

.jqueryslidemenu ul li.myMenu ul li ul{margin-left:0px !important;/*/new/*/ position:relative;/*/position:no any/*/ left:0!important;/*/new/*/
display:block !important;/*/new/*/ padding:0 !important;/*/new/*/ border:0 none !important;/*/new/*/ background:#ccc;/*/new/*/}
.jqueryslidemenu ul li.myMenu ul li ul li{padding:0 !important;/*/new/*/ margin:0 !important;/*/new/*/}
			

/* Sub level menu links style
**************************************/
.jqueryslidemenu ul li.myMenu ul li a{width: 230px; /*width of sub menus*/ height:auto;line-height:15px; margin: 0; padding:5px !important;float:none}
.jqueryslidemenu li.myMenu ul li:hover > a, .jqueryslidemenu ul li.myMenu ul li a:hover{ color:#000 !important; width: 230px !important;
padding:5px!important; margin-top:0px !important; float:none;}



/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;display:none!important;}

.rightarrowclass{position: absolute;top: 10px}

/*top navigation end
***************************************************/


/*banner start
***********************************/
.banner{width:956px;padding:0 0 0 11px;float:left;height:315px !important;overflow:hidden}

/* The Nivo Slider styles */

.nivoSlider {position:relative}
.nivoSlider img {position:absolute;top:0px;left:0px}
/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */

.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/*Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {position:absolute;top:45%; z-index:99;cursor:pointer;padding:5px;}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;width:22px;margin-right:5px;display:inline-block;text-align:center;}
.nivo-controlNav a.active {width:22px;margin-right:5px;display:inline-block;text-align:center;}

/*------------------ news start----------------------*/
.news_cont{width:944px;padding:10px 6px 0;height:32px}
.news{width:902px;height:32px;overflow:hidden;}
.news a{text-decoration:none}
.news_btn{width:32px;height:22px;padding:5px 0;}
.news_arrow{margin:0 auto;padding :3px 0;width:9px;height:5px}
.mid_topdata{width:956px}

/*------------------ tab start----------------------*/
.tab_cont{width:735px}
/*tabs css start*/

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */

#example-two .list-wrap {margin: 0}

#example-two ul {list-style: none}

#example-two .tab {overflow: hidden}
#example-two .tab li { width: 205px; height:52px; margin:10px 0 0 0}
#example-two .tab li.last { margin-right: 0; }
#example-two .tab li a { display: block; text-align: center; border: 0; width:205px; height:28px; padding-top:24px; text-decoration:none}

/*css for news in tab---------------*/
#featured{width:718px; height:258px; position:relative; }
#featured ul.ui-tabs-nav{ position:absolute; top:0; list-style:none; padding:0; margin:0; }
#featured ul.ui-tabs-nav li{ cursor: default;margin: 0 0 1px 0; width: 379px}
#featured ul.ui-tabs-nav li:hover{cursor: pointer}
#featured li.ui-tabs-nav-item a{text-decoration:none;display:block;padding:0;width:379px;height:30px;overflow:hidden;position:relative}
#featured ul.ui-tabs-nav li.ui-tabs-selected { cursor: default;margin: 0 0 1px 0; width: 379px}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ overflow:hidden;position:relative}
#featured .ui-tabs-panel{ width:265px; height:200px; position:relative;top:5px}
#featured .ui-tabs-panel .info{ width:265px;position:absolute; top:130px; left:0; height:70px; }
#featured .info h2{ padding:5px; margin:0;overflow:hidden; }
#featured .info p{ margin:0 5px; height:30px;overflow:hidden; }
#featured .info a{ text-decoration:none}
#featured .info a:hover{ text-decoration:underline}
#featured .ui-tabs-hide{ display:none}

/*-------------------------*/
/*--------------events------------------------*/
#core2{width:718px; height:225px;position:relative}
.eventcont{height:225px;overflow:hidden}
#core2 ul.ui-tabs-nav01{position:absolute; top:0; list-style:none; padding:0; margin:0; 
/*width:430px; */
}
#core2 ul.ui-tabs-nav01 li{cursor: default;width: 399px;padding-bottom:5px}
#core2 ul.ui-tabs-nav01 li h2{padding:5px 0 0}
#core2 ul.ui-tabs-nav01 li a{ text-decoration:none;display:block;padding:0;height:30px;overflow:hidden;position:relative}
#core2 ul.ui-tabs-nav01 li a:hover{text-decoration:none;}
#core2 .ui-tabs-panel01{ width:245px; min-height:100px;padding:10px;position:relative;top:5px; text-align:center;}
#core2 .ui-tabs-panel01 img{margin:5px;padding:3px}

/*-----------featured news /events start--------------*/
.fnews, .events{
	width:332px;
	height:153px;
	padding:20px;
	margin:0px;
	box-shadow:0 2px 5px #d4d4d4;
	box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	background-color:#f7f7f7;
	border: 1px solid #DDDDDD;	
	}
.fnews h2, .list-wrap h2, .events h2{padding-bottom:0px;margin-bottom:10px;text-transform:uppercase;text-align:center}
.fnews_img{width:100px;height:100px;margin:0 auto;}
.fnews_aut{text-align:center;padding:10px 0}
.fnews_desc{height:110px;overflow:hidden}
.event_row{
	border-top:1px dotted #CCC;
	padding-top:2px;
	margin-bottom:0px;
	height:50px !important;
	padding-top:6px;
}
.eventdate{width:38px;color:#999; background:#ddd; }
.eventdate .date{width:38px;height:20px;font:normal 15px Georgia, "Times New Roman", Times, serif; text-align:center}
.eventdate .month{width:38px;height:20px; font:normal 12px Georgia, "Times New Roman", Times, serif; text-align:center}
.eventdisc{
	color:#666;
	width:78%; 
	/*min-height:60px;*/
	margin-left:20px;
    float: left;
    text-align: right;	
}
.eventdisc a{text-decoration:underline;color:#333;font-size:11px; font-family:tahoma; font-weight:normal; text-decoration:none; float:right;}
.eventdisc a:hover{color:#007200;text-decoration:underline;}
.eventSectorMain {
	border-bottom:1px dotted #CCC; 
	padding-bottom:0px;
	margin-top:10px;
	/*height:130px;*/
	}
/*----------------------------------------*/

.view_more a{text-decoration:none;padding-left:10px; background:url("../images1/arrow_arb.gif") left center no-repeat; text-align:right; float:right;}
.view_more a:hover{color:#006931; background:url("../images1/arrow_arb.gif") left center no-repeat}

/*------------------ top search start----------------------*/

.top_rt{width:50%;text-align:right;padding-top:18px;}
.search_cont{width:210px;text-align:right;}
.search{width:200px;}
.search_input{width:177px;height:18px;padding:2px 0;border:0 none;margin:0;}
.search_ico{width:23px;height:23px;float:left}
.search_ico a{width:23px;height:23px;display:block;}
.welcome{width:50%;text-align:right;height:23px}

/*------------------ top quick link start----------------------*/

.top_links{padding-top:42px}	

/*------------------ bannerssocial_container ----------------------*/

#bannerssocial_container {
	float:right;
	width:600px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;	
}

/*------------------ Socail Main----------------------*/

.socialMain a {list-style:none; text-align:right; float:right; padding-left:5px;}
.socialMain {/*float:right;*/ 
	box-shadow:0 2px 5px #d4d4d4;
	box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-moz-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	-webkit-box-shadow:0 2px 5px rgba(51,51,51,0.2);
	background-color:#ededed;
	width:590px;
	height:25px;
	float:left;
	border-top:1px solid #eee;
	padding-top:5px;
	padding-right:10px;
}

/*------------------ gallery start----------------------*/
.mid_bot{width:953px;}
.mid_botlt{
	width:576px;
	/*height:170px;*/
	padding:8px 0 0 17px;}
.gallery_lt{padding:43px 15px 0 0px;}
/*.gal_arrow{width:26px;height:26px;}*/
.gallery_rt{padding:43px 0px 0 16px;}
.gallery_mid{width:481px;padding:0px 2px 0;}
.thumb_cont{float:left;position:relative;width:162px;}
.thumbnail{width:152px;height:124px}

/* changes by shivling 6 May 2011
**************************************************************/
.thumbnail img {height:92px !important; display:block !important; /*border:1px solid red !important; float:left*/}
.thumbinfo{width:152px;height:30px;text-align:center;float:left;top:0px; left:0;/* border:1px dotted #FF0000*/}



/*.thumbinfo{width:152px;height:30px;text-align:center;float:left;top:-3px; left:0}*/

.thumbinfo a {font-size:9px !important}
@-moz-document url-prefix() { .thumbinfo{position:relative;} } /*only for mozilla*/
.thumbinfo a{text-decoration:none;width:152px;height:30px;display:block;text-align:center;}
#screen li{list-style:none;}
#left,#right{display:block;text-decoration:none;}
#view{overflow:hidden;}
#images{width:3818px !important;width:3822px;padding:0}
#images li{list-style:none;width:152px !important}

/*------------------ waether start----------------------*/
.mid_botrt{width:177px;padding:0;}
.weather_row{padding:0;}
.weather{width:100px;height:60px;padding:0 10px 0 65px}
.weather h1{text-align:center;}
.weatherdata{padding:0;text-align:center;}
.video_btn{padding-top:16px;}
.video_btn a{width:175px;height:42px;display:block;}
.video_btn a:hover{width:175px;height:42px;display:block}


/*------------------ Inner page start----------------------*/
.banner_in{padding:10px 6px;background:#fff;}
.heading{padding:0 25px;height:80px;padding-top:10px;}
.breadcrumb{
	background: none repeat scroll 0 0 #EEEEEE;
    color: #006633;
    padding: 7px 10px;
    width: 911px; 
	margin: 20px 20px 0 24px;
	text-align:right;
	height:15px;
	}
.content{padding:2px 29px 15px 24px; /*background:#fff;font-size:12px;background:url("../images1/middle_white_bg.png") repeat-y;*/ min-height:450px}
.content .heading{
	padding:0;
	padding-bottom:28px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
	}
.content h1, .content h2, .content h3{padding-bottom:10px; text-align:right;}
.content p{padding:0;margin:0;padding-bottom:10px; text-align:right;}
.content_row{padding-bottom:25px;}
.row_thumb{width:120px}
.row_data{border-bottom:1px solid #ccc;padding-bottom:15px;width:780px;}
.row_data ul{list-style:none;}
.row_data ul li{line-height:18px;}

.newsdetail{padding:10px 0;}
.btn{height:25px;border:0;padding:0;margin:0;padding:0 15px;background:url("../images1/input_btnbg.gif");text-align:center;text-decoration:none;cursor:pointer}
/*------------------ Inner page end----------------------*/
/*------------------ footer start----------------------*/


/*-------------------corev4 css--------------------------------------*/

.ms-siteactionsmenuinner, .ms-siteactionsmenuhover {border:0 none;margin-right:0;padding:0;height:auto;width:80px;font-family:"Segoe UI", Tahoma, tahoma, sans-serif;}
.ms-siteactionsmenuinner {background:none;border:0 none;}
.v4master .ms-siteactionsmenuinner {background:none;border:0 none;}
.ms-siteactionsmenuinner .ms-menu-a, .ms-siteactionsmenuhover .ms-menu-a {margin-right:0;}
.ms-siteactionsmenuhover {background:none;border:0 none;color:#fff;}
.ms-siteactionsmenuinner > a, .ms-siteactionsmenuhover > a {display:inline-block;margin-left:5px;float:left;}
.ms-siteactionsmenuinner span.s4-clust, .ms-siteactionsmenuinner span.s4-clust {float:right;display:inline-block;margin:5px 0px 1px 0px;}
.ms-siteactionsmenuinner > a:hover, .ms-siteactionsmenuhover > a:hover {color:#fff}




/*banner start
****************************************/


/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {position:absolute;top:40%;z-index:98;cursor:pointer}
.nivo-prevNav {left:-8px;height:57px;width:55px;text-indent:-999px;background:url("../images1/BTN_03.png");background-repeat:no-repeat;z-index:999}
.nivo-prevNav:hover {background:url("../images1/BTN_03over.png");background-repeat:no-repeat;z-index:999;}
.nivo-nextNav {background:url("../images1/BTN_05.png");background-repeat:no-repeat;z-index:999;height:57px;width:55px;text-indent:-9999999px;right:-16px}
.nivo-nextNav:hover {	background:url("../images1/BTN_05over.png");background-repeat:no-repeat; z-index:999}

/* Control nav styles (e.g. 1,2,3...)
*********************** */
			
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer; width:22px; margin-right:5px; display:inline-block; text-align:center}
.nivo-controlNav a.active {width:22px; margin-right:5px; display:inline-block; text-align:center}


/*****************************************************************
 CSS ENDS HERE SKELETONCOMMON.CSS FILE
*******************************************************************/




/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.topnav {list-style:none; padding:0; margin:0}
ul.topnav li {display:inline}
ul.topnav a {padding:5px; color:#000; display:block; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ff0018; margin:12px 12px 0px 0px; font-weight:normal} 
ul.topnav a.N {padding:5px; color:#000; display:block; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ff0018; margin:12px 0px} 
ul.topnav a:hover {color:#ad1419; text-decoration:none}
ul.topnav a.active {color:#888}

/* Specific Classes
************************************************************/
.accordion_child {border-bottom:1px dotted #CCC; padding:8px 0 8px 10px !important}
.ms-formbody span {font-size:12px !important; font-family:tahoma !important; line-height:150%}
.kfupmNewsSectionright {float:right; width:580px; /*padding-left:23px; background:#f2f2f2*/}
.kfupmNewsSectionright .separatorBar{border-bottom:1px dotted #CCC; width:100%; float:left; padding-bottom:5px}
.kfupmNewsSectionright .separatorBar h3 {margin-bottom:0 !important}
.viewMoreRight{margin:1px 0 4px 0; /*width:100px;*/ float:right; color:#999;}
.viewMoreLeft {margin:5px 0 0 0}
.rssIconImg {background:none !important; margin-left:16px; padding-right:7px !important}
.rssIconImgRight {background:none !important; margin-left:16px; padding-right:0px !important}

#mainWrapper .newssection {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
    float: right;
    overflow: hidden;
    width: 974px;
	margin-bottom:15px;
	height:180px;
	border:1px solid #ddd;
}

#kfupmNewsSectionleft{
    background: none repeat scroll 0 0 #FAFAFA;
    border-left: 1px solid #DDDDDD;
    float: right;
    height: 160px;
    margin-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 158px;
}

#kfupmNewsSectionleft h3{
    color: #0D7E40;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.3px;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 150px;
}

#kfupmNewsSectionleft .viewmore{
	float:right;
	margin-top:15px;
	text-align:right;
}

#kfupmNewsSectionleft .viewmore a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999;	
	float:left;
	text-decoration:none;
}

#kfupmNewsSectionleft .viewmore a:hover{
	color:#0d7e40;	
	text-decoration:underline;
}

 #latestNewsNav{width:50px;height:208px;padding:0 10px 0 10px;float:left;border-left:1px solid #f2f2f2;position:relative; repeat-y}
 #latestNewsNav a{width:24px;height:31px;top:27px;position:absolute;text-indent:-9999px;background:url(../images1/LatestNewsNavArrows.jpg) no-repeat}
 a#latestNewsNavPrev{left:12px;background-position:6px 4px}
 a#latestNewsNavNext{right:12px;background-position:-25px 4px}
 #latestNewsCarousel .disabled{cursor:default}


/* index page Bullets
**********************************************************/
.bullets {margin:0px 0px 0px 15px; width:359px}
.bullets ul{ }
.bullets ul li {background:url("../images1/icon.png") 0px 3px no-repeat; float:left; padding:0px 0px 10px 20px; width:347px; line-height:13px} 

/* About_us page  Bullets
**********************************************************/

.bullets1 {margin:0px 0px 0px 35px}
.bullets1 ul{ float:left}
.bullets1 ul li {background:url("../images1/icon.png") 0px 8px no-repeat; float:left; padding:0px 0px 10px 20px; width:547px; line-height:20px; color:#84a030; font-weight:bold} 

/* Services_packages page Bullets
***********************************************************/

.bullets2 {margin:10px 0px 0px 35px; float:left}
.bullets2 ul{ float:left}
.bullets2 ul li {background:url("../images1/icon.png") 0px 7px no-repeat; float:left; padding:0px 0px 10px 20px; width:650px; line-height:20px; color:#FF0018} 
.kfpumNews {width:300px; margin-left:21px !important; font-family:Tiffany !important; font-size:20px !important}
.rssLink {margin:10px 0 0 0; display:block; float:right; text-align:right}

/* 	MODULES (id=ARTICLE)
**********************************************************/


/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/

.bgOne {background:#FF0000}
.bgTwo {background:#00}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

.gradOne {background:url("../images1/rightDrpShadow.png") right repeat-y; border:1px solid}
.gradttw {}

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/

.brdBtmBlk{border-bottom:1px solid #000}
.userPic img{border:4px solid #e8e8e8}

/* SPECIFIC CLASSES
*********************************************/
.bannerAboutUs {background:url(../images1/AboutKFUPM_arb.jpg) no-repeat; width:930px; height:81px; float:left; position:relative; z-index:9}
#WebPartWPQ1 table h3.titleSet {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.3px;
    margin: 25px 25px 0;
    text-align: right;
    z-index: 9;
}
/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/

.module01TL,.module01TR,.module01BL,.module01BR		{background:url("../images1/sprite.png") no-repeat}
/* grey rounded corners */
.module01TL{background-position:left top; height:7px}
.module01TR{background-position:right top}
.module01BL{background-position:0% -6px; height:16px; overflow:hidden}
.module01BR{background-position:100% -6px}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */

.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*font WEIGHTS */

.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}

/* text TRANSFORMS */

.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}

/* text ALIGN & content ALIGN for inline level ELEMENTS */

.centerAll {text-align:center}
.alignLeft {}
.alignRight {text-align:right}
.justify {text-align:justify}

/* Floting
**********************************/

.fl {float:left}
.fr {float:right}

/* colored text */

.greenTxt {color:#84a030; font-weight:bold}
.greenTxt1 {color:#000}


.clrOne {} 
/* for green color */

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/

.input {background:url("../images1/input.gif") repeat-x top; border:1px solid #666666; padding:3px} 
.button {}


/* 	FOOTER 	(id=FOOTER)
**********************************************************/

#footer{text-align:center; color:#67840e; width:970px; float:left; position:relative; top:-10px; left:9px}
#footer .leftCorner {background:url("../images1/footer_left_bg.png") no-repeat; width:9px; height:50px; float:left}
#footer .centerBg  {background:url("../images1/footer_center_bg.png") repeat-x; height:50px; width:921px; float:left}
#footer .rightCorner {background:url("../images1/footer_right_bg.png") no-repeat; width:40px; height:42px; float:right}
#footer p {font-size:11px; color:#FFF; font-family:tahoma; float:left; line-height:50px; padding:0 0 0 180px; margin:0}
#footer ul {margin:19px 0px 7px 2px; overflow:hidden !important; /*width:400px*/}
#footer ul li {color:#FFF; font-family:tahoma; font-size:11px; float;left; border-right:1px solid #FFF;
padding:0 3px;overflow:hidden !important; float:left}
#footer ul li.borderNone {border:none !important}
#footer ul li a {color:#67840e}
#footer ul li a.active {color:#888}
.viewdDetails {display:none;margin:0 auto;width:960px;}
.viewdDetails p {text-align:center}
*html .viewdDetails {display:block !important;margin:0 auto;width:960px;}
.viewdDetails p {text-align:center}
.socialNetwork{/*float:right;*/ background:transparent; position:relative; /*right:15px;*/ top:-9px; width:112px; margin:0 auto; right:3px}
.socialNetwork ul {margin-top:0px;background:transparent;}
.socialNetwork ul li {list-style:none;/*padding-left:6px; */background:transparent;}
ul.brdrNone li {border:none !important}


/*============== Footer Container ====================*/

#footer_container{
	width:976px;
	float:left;
	padding-top:15px;
	margin-top:12px;
	padding-bottom:20px;
}

#ftr_cnt_left{
	width:480px;
	float:right;
}

#ftr_cnt_left .ftr_logo{
	float:right;
}

#ftr_cnt_left .ftr_text{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	line-height:17px;
	margin-right:15px;
	text-align:right;
	direction:rtl;
}

#ftr_cnt_right{
	/*width:480px;*/
	float:left;
	padding-top:20px;
}

#ftr_cnt_right ul{
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}

#ftr_cnt_right li{
	float:left;
	margin-left:5px;
}

#ftr_cnt_right li a{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	margin-left:10px;
	text-decoration:none;
}

#ftr_cnt_right li a:hover{
	color:#666;
	text-decoration:underline;
}




/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/

/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}

/* matgins */
.marginTop {margin-top:15px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/

.clr {clear:both}
.form {background:#FAFAFA}


/*sac added start*/

/*bv css start*/

.ms-rteStyle-lineheight20 /*class for 1.5 line height*/
{
-ms-name:"Line height 2.0";
	font:normal 11px tahoma, Arial, sans-serif;
	line-height:25px!important;
}

.ms-rteStyle-Line18
{
-ms-name:"Line height 1.8";	
	/*padding-bottom:10px;
	white-space:nowrap;*/
line-height:180%!important;
 
}

/*white table*/

.ms-rteStyle-commonTable {
-ms-name:"Common Table";
	width:100%;
	height:auto;
	border:0 none;
	font:normal 11px tahoma, Arial, sans-serif;
	line-height:normal;
	table-layout:fixed;
}
	
.ms-rteStyle-commonTable tr td.title
{
	padding:5px;
	background:#eee;
	color:#444;
	font-weight:bold;
	word-break:break-word;
	vertical-align:top;
	;
}
	
.ms-rteStyle-commonTable tr th
{
	padding:5px;
	background:#eee;
	color:#444;
	font-weight:bold;
	word-break:break-word;
	vertical-align:top;
	;
}
	
.ms-rteStyle-commonTable tr td 
{
	padding:5px;
	word-break:break-word;
	vertical-align:top;
	;
}
.cms-rteStyle-ommonTable tr th.center 
{
	text-align:center;
}
.ms-rteStyle-commonTable tr td.center 
{
	text-align:center;
}
.ms-rteStyle-commonTable tr td p
{
	margin:0;
}
.ms-rteStyle-commonTable tr td  a
{
	color:#006931;
	text-decoration:underline;
}
.ms-rteStyle-commonTable tr td  a:hover
{
	text-decoration:underline;
	color:#444;
}
/*edit in below css for colors*/
/*white Tale*/
.ms-rteStyle-whiteTable
	{
	-ms-name:"White Element";
		background:#fff;
		color:#666;
	}
/*greenTable*/
.ms-rteStyle-greenTable
	{
		-ms-name:"Green Element";
		background:#dffbdf;
		color:#444;
		
	}
	
	.ms-rteStyle-greenTable tr td
	{
		border-bottom:1px solid #0C0;
	}
	.ms-rteStyle-greenTable tr td.title 
	{
		background:#090;
		color:#fff;
		border-bottom:1px solid #090;
	}
	.ms-rteStyle-greenTable tr th 
	{
		background:#090;
		color:#fff;
		border-bottom:1px solid #090;
	}
/*blueTable*/
.ms-rteStyle-blueTable
	{
		-ms-name:"Blue Element";
		background:#e3f4ff;
		color:#444;
	}
	
	.ms-rteStyle-blueTable tr td
	{
		border-bottom:1px solid #90d1ff;
	}
	.ms-rteStyle-blueTable tr td.title 
	{
		background:#09F;
		color:#fff;
		border-bottom:1px solid #09F;
	}
	.ms-rteStyle-blueTable tr th 
	{
		background:#09F;
		color:#fff;
		border-bottom:1px solid #09F;
	}
/*yellowTable*/
.ms-rteStyle-yellowTable
	{
		-ms-name:"Yellow Element";
		background:#fff7c8;
		color:#444;
	}
	
	.ms-rteStyle-yellowTable tr td
	{
		border-bottom:1px solid #ffd258;
	}
	.ms-rteStyle-yellowTable tr td.title 
	{
		background:#ffbb05;
		color:#7d5b00;
		border-bottom:1px solid #ffbb05;
	}
	.ms-rteStyle-yellowTable tr th 
	{
		background:#ffbb05;
		color:#7d5b00;
		border-bottom:1px solid #ffbb05;
	}
/*pinkTable*/
.ms-rteStyle-pinkTable
	{
		-ms-name:"Pink Element";
		background:#fff6fd;
		color:#444;
	}
	
	.ms-rteStyle-pinkTable tr td
	{
		border-bottom:1px solid #ffc1f3;
	}
	.ms-rteStyle-pinkTable tr td.title 
	{
		background:#b12a96;
		color:#fff;
		border-bottom:1px solid #b12a96;
	}

	.ms-rteStyle-pinkTable tr th 
	{
		background:#b12a96;
		color:#fff;
		border-bottom:1px solid #b12a96;
	}
/*cUSTOMIZED THE css classes for default table styles* start */
.ms-rteTable-7{
-ms-name:"Table Style 4 - Medium One Tone 1 Pink";
;
line-height:2;
vertical-align:top;

/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-7 tr.ms-rteTableFooterRow-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderRow-7{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #b12a96 solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-7 th.ms-rteTableFooterFirstCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderFirstCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 td.ms-rteTableFooterOddCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderOddCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 td.ms-rteTableFooterEvenCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderEvenCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 td.ms-rteTableFooterLastCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderLastCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 tr.ms-rteTableOddRow-7{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#d8d8d8;
}
.ms-rteTable-7 tr.ms-rteTableEvenRow-7{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-7 th.ms-rteTableFirstCol-7{
font-weight:normal;
}
.ms-rteTable-7 td.ms-rteTableLastCol-7{
font-weight:normal;
}
.ms-rteTable-7 td.ms-rteTableOddCol-7{}
.ms-rteTable-7 td.ms-rteTableEvenCol-7{}
/*8*/

.ms-rteTable-8{
-ms-name:"Table Style 5 - Medium one Tone 2 Green";
;
line-height:2;
vertical-align:top;

/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-8 tr.ms-rteTableFooterRow-8{
}
.ms-rteTable-8 th.ms-rteTableHeaderRow-8{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #009900 solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-8 th.ms-rteTableFooterFirstCol-8{
}
.ms-rteTable-8 th.ms-rteTableHeaderFirstCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 td.ms-rteTableFooterOddCol-8{

}
.ms-rteTable-8 th.ms-rteTableHeaderOddCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 td.ms-rteTableFooterEvenCol-8{


}
.ms-rteTable-8 th.ms-rteTableHeaderEvenCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 td.ms-rteTableFooterLastCol-8{


}
.ms-rteTable-8 th.ms-rteTableHeaderLastCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 tr.ms-rteTableOddRow-8{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#DFE1E3;
}
.ms-rteTable-8 tr.ms-rteTableEvenRow-8{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-8 th.ms-rteTableFirstCol-8{
font-weight:normal;
}
.ms-rteTable-8 td.ms-rteTableLastCol-8{
font-weight:normal;
}
.ms-rteTable-8 td.ms-rteTableOddCol-8{}
.ms-rteTable-8 td.ms-rteTableEvenCol-8{}

/* custmoized default styles end*/

/*start 9*/

.ms-rteTable-9{
-ms-name:"Table Style 6 - Medium One Tone Brown";
;
line-height:2;
vertical-align:top;

/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-9 tr.ms-rteTableFooterRow-9{
}
.ms-rteTable-9 th.ms-rteTableHeaderRow-9{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #FFFF99 solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-9 th.ms-rteTableFooterFirstCol-9{
}
.ms-rteTable-9 th.ms-rteTableHeaderFirstCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 td.ms-rteTableFooterOddCol-9{

}
.ms-rteTable-9 th.ms-rteTableHeaderOddCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 td.ms-rteTableFooterEvenCol-9{


}
.ms-rteTable-9 th.ms-rteTableHeaderEvenCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 td.ms-rteTableFooterLastCol-9{


}
.ms-rteTable-9 th.ms-rteTableHeaderLastCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 tr.ms-rteTableOddRow-9{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#DFE1E3;
}
.ms-rteTable-9 tr.ms-rteTableEvenRow-9{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-9 th.ms-rteTableFirstCol-9{
font-weight:normal;
}
.ms-rteTable-9 td.ms-rteTableLastCol-9{
font-weight:normal;
}
.ms-rteTable-9 td.ms-rteTableOddCol-9{
 /*background-color:#DFE1E3;*/
}
.ms-rteTable-9 td.ms-rteTableEvenCol-9{}
/* end 9*/

/* 10 start*/

/*start 9*/

.ms-rteTable-10{
-ms-name:"Table Style 10 - White Table";

line-height:2;
vertical-align:top;
border:1px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-10 tr.ms-rteTableFooterRow-10{
}
.ms-rteTable-10 th.ms-rteTableHeaderRow-10{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #fff solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-10 th.ms-rteTableFooterFirstCol-10{
}
.ms-rteTable-10 th.ms-rteTableHeaderFirstCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 td.ms-rteTableFooterOddCol-10{

}
.ms-rteTable-10 th.ms-rteTableHeaderOddCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 td.ms-rteTableFooterEvenCol-10{


}
.ms-rteTable-10 th.ms-rteTableHeaderEvenCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 td.ms-rteTableFooterLastCol-10{


}
.ms-rteTable-10 th.ms-rteTableHeaderLastCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 tr.ms-rteTableOddRow-10{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#fff;
}
.ms-rteTable-10 tr.ms-rteTableEvenRow-10{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-10 th.ms-rteTableFirstCol-10{
font-weight:normal;
}
.ms-rteTable-10 td.ms-rteTableLastCol-10{
font-weight:normal;
}
.ms-rteTable-10 td.ms-rteTableOddCol-10{
 /*background-color:#DFE1E3;*/
}
.ms-rteTable-10 td.ms-rteTableEvenCol-10{}
/* end 10*/

.ms-cui-tabContainer {
	
	z-index:99999999!important;
}
/*BV csss end/*




/* STYLING CHANGES FOR THE TOP MENU SEPRTATIO AT 14 JULY 2011 BY SHIVLING.
*****************************************************************************************/


.bottomShadowNavigation {background: url("../images1/bottom_round_bg_navigation.png") 0% 0px; float: left; height: 7px;
 margin-left:2px; width:978px; z-index:9}
 .topShadowBanner {background:url("../images1/top_white_bg_banner.png") 0% 0px no-repeat; height:12px; width:976px; border-top:1px solid #FFF}
 



/* ---- Contact page ---- */

#contactpage_content{
	width:600px;
	float:left;
}

#contactpage_content .contact_map{
	width:588px;
	height:470px;
	float:left;
	border:1px solid #eee;
	padding:5px;
	margin-bottom:50px;
}

#contactpage_content .contact_addresses{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:22px;
	float:right;
	margin-left:45px;
	text-align:right;
}

#contactpage_content .contact_links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:underline;
}

#contactpage_content .contact_links:hover{
	color:#0d7c3f;
	text-decoration:underline;
}



/* ---- Content Container ---- */

#content_container{
	width:930px;
	padding:0px 0px 30px 0px;
	float:left;
}


/* ---- Left Navigation Container ---- */

#leftnav_container{
	width:300px;
	float:right;
}

#leftnav_container h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:300px;
	float:right;
	border-bottom:2px solid #eee;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	text-align:right;
}

#leftnav_container ul{
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 300px;
}

#leftnav_container li{
	background:url(../images1/ar2_ar.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:260px;
	float:right;
	border-bottom:1px solid #ebebeb;
	padding:7px 20px;
	text-align:right;
}

/*
#leftnav_container li span{
	background:url(../images1/ar2_ar.jpg) no-repeat;
	width:9px;
	height:12px;
	margin-left:15px;
	display:block;
	float:right;
	margin-top:4px;
	list-style:none;
}
*/

#leftnav_container ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#333;	
	text-decoration:none;
	float:right;
}

#leftnav_container li a:hover{
	color:#0d7e40;
	text-decoration:none;
}

#leftnav_container li .active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#0d7e40;	
	text-decoration:none;
}



/* ---- Page Right Container ---- */

#pageright_container{
	width:600px;
	float:left;
	text-align:right;
	direction:rtl;
}

.contact_map{
	margin-bottom:20px;
}

#pageright_container h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:600px;
	float:left;
	border-bottom:2px solid #eee;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}

#pageright_container h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:600px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}

#pageright_container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#555;
	line-height:22px;
	margin-bottom:20px;
	letter-spacing:0.7px;
	float:left;
}

#pageright_container ul{
	width:220px;
	float:right;
	margin:0px 0px 20px 80px;
	padding:0px;
	list-style:none;

}

#pageright_container li{
    padding: 5px 20px;
    width: 220px;
	background: url("../images1/ar3_ar.png") no-repeat top right;
}

#pageright_container li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-decoration:none;
	line-height:20px;	
}

#pageright_container a:hover{
	color:#333;
	text-decoration:underline;
}


.article-content {
    color: #333333;
    /*float: right;*/
    font-size: 10pt;
    line-height: 22px;
    margin-bottom: 45px;
    margin-top: 25px;
    text-align: right;
}


/* ---- Overview page ---- */

.overview_container{
	width:250px;
	float:right;
	padding-right:40px;
	margin-right:39px;
	border-right:1px solid #ddd;
}

.overview_container h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:250px;
	border-bottom:2px solid #eee;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	text-align:right;	
}

.overview_container p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-decoration:none;
	margin-top:20px;
	text-align:right;
}

.overview_container ul{
	width:250px;
	float:right;
	list-style:none;
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#666;	
}

.overview_container li{
	width:250px;
	float:right;
	line-height:18px;
	text-decoration:none;
	color:#666;
	text-align:right;
}

.overview_container li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d7e40;
	text-decoration:underline;
	float:right;
}

.overview_container li a:hover{
	color:#333;
	text-decoration:underline;
}

.overview_container .readmore{
	color:#0d7e40;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	width:250px;
	text-align:right;
}

.overview_container .readmore:hover{
	color:#333;
	text-decoration:underline;
}

/* ---- Overview page ---- */

.overview_container_last{
	width:250px;
	float:right;
}

.overview_container_last h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:250px;
	border-bottom:2px solid #eee;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	text-align:right;
}

.overview_container_last p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-decoration:none;
	margin-top:20px;
	text-align:right;
}

.overview_container_last ul{
	width:250px;
	float:right;
	list-style:none;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.overview_container_last li{
	width:250px;
	float:right;
	line-height:18px;
}

.overview_container_last li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d7e40;
	text-decoration:underline;
	float:right;	
}

.overview_container_last li a:hover{
	color:#333;
	text-decoration:underline;
}

.overview_container_last .readmore{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	float:right;
}

.overview_container_last .readmore:hover{
	color:#333;
	text-decoration:underline;
}

/* ---- bulletins page ---- */

.bulletins_container{
	width:250px;
	float:left;
	padding-right:40px;
	margin-right:39px;
	border-right:1px solid #ddd;
	text-align:right;
}

.bulletins_container h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:250px;
	border-bottom:2px solid #eee;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}

.bulletins_container p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-decoration:none;
	margin-top:20px;
	line-height:20px;
}

.bulletins_container a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

.bulletins_container a:hover{
	color:#0d7e40;
	text-decoration:underline;
}


/* ---- bulletins Last page ---- */

.bulletins_last_container{
	width:250px;
	float:left;
	text-align:right;
}

.bulletins_last_container h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#0d7e40;
	letter-spacing:-0.3px;
	width:250px;
	border-bottom:2px solid #eee;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}

.bulletins_last_container p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-decoration:none;
	line-height:20px;	
	margin-top:20px;
}

.bulletins_last_container a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

.bulletins_last_container a:hover{
	color:#0d7e40;
	text-decoration:underline;
}

/* ---- Profile page ---- */

.profile_container{
	width:560px;
	float:left;
	background:#fafafa;
	border-top:1px solid #ccc;
	padding-top:2px;
	margin-top:20px;
	margin-bottom:20px;
	padding:20px;
}

.profile_container img{
	width:160px;
	float:right;
	margin-left:20px;
}

.profile_container p{
	width:380px;
	float:right;
	line-height:20px;
	font-size:13px;
}

/* supervisors_container */

.supervisors_container{
	width:160px;
	float:left;
	padding:20px;
}

.supervisors_container h4{
	width:160px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0d7e40;
	font-weight:bold;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.supervisors_container h5{
	width:160px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	float:left;
	margin:0px;
	padding:0px;
}