/* CSS Reset */
.s4-title h1 a,.s4-title h2 a,.s4-tn li.static > .menu-item,.ms-WPBody a:link,.link-item a,.link-item a:link,.s4-ql ul.root > li > .menu-item,.s4-qlheader,.s4-ql a.selected,.s4-ql ul.root ul > li > a,.ms-menutoolbar td a,a.ms-addnew,.ms-ltviewselectormenuheader .ms-viewselector a,.ms-ltviewselectormenuheader .ms-viewselectorhover a,.ms-vb a:link,.ms-vb2 a:link,.ms-vb-user a:link,.ms-linksection-level1 ul li a,.ms-WPTitle a{color:#2f7799;text-decoration:none;}.ms-WPBody a:visited,.link-item a:visited,.s4-qlheader:visited,a.ms-addnew:visited,.ms-ltviewselectormenuheader .ms-viewselector a:visited,.ms-ltviewselectormenuheader .ms-viewselectorhover a:visited,.ms-vb a:visited,.ms-vb2 a:visited,.ms-vb-user a:visited,.ms-linksection-level1 ul li a:visited{color:#2f7799;text-decoration:none;}.s4-title h1 a:hover,.s4-title h2 a:hover,.s4-tn li.static > a:hover,.s4-toplinks .s4-tn a.selected:hover,.ms-WPBody a:hover,.link-item a:hover,.s4-ql ul > li > a:hover,.s4-ql ul.root > li > a:hover,.s4-qlheader:hover,.ms-rtestate-field a:hover,.s4-ql ul.root ul > li > a:hover,.ms-menutoolbar td a:hover,.ms-vh a:hover,.ms-vh2 a:hover,a.ms-addnew:hover,.ms-ltviewselectormenuheader .ms-viewselector a:hover,.ms-ltviewselectormenuheader .ms-viewselectorhover a:hover,a.ms-toolbar:hover,.ms-vh2-nofilter a:hover,.ms-vh2-nofilter-notextalign a:hover,.ms-vb a:hover,.ms-vb2 a:hover,.ms-vb-user a:hover,.ms-linksection-level1 ul li a:hover,.ms-propertysheet a:hover,.ms-sectionheader a:hover,.ms-disc a:hover{color:#06C;text-decoration:none;}.link-item a:active,a.ms-addnew:active,.ms-ltviewselectormenuheader .ms-viewselector a:active,.ms-ltviewselectormenuheader .ms-viewselectorhover a:active,.ms-vb a:active,.ms-vb2 a:active,.ms-vb-user a:active,.ms-linksection-level1 ul li a:active{color:#06C;text-decoration:none;}.s4-ql a.selected,.ms-viewlsts .ms-vb2 > a,.ms-addnew a,.ms-selectorlink a,.ms-selectorlink a:visited,.ms-navitem a:link{color:#2f7799!important;text-decoration:none!important;}.s4-ql a.selected:visited,.ms-viewlsts .ms-vb2 > a:visited,.ms-addnew a:visited,.ms-navitem a:visited{color:#2f7799!important;text-decoration:none!important;}.s4-ql a.selected:hover,.ms-viewlsts .ms-vb2 > a:hover,.ms-addnew a:hover,tr.s4-itm-hover a:hover,tr.ms-itmhover a:hover,.ms-selectorlink a:hover,.ms-navitem a:hover,.ms-WPTitle a:hover{color:#06C!important;text-decoration:none!important;}.s4-ql a.selected:active,.ms-viewlsts .ms-vb2 > a:active,.ms-addnew a:active,.ms-navitem a:active{color:#06C!important;text-decoration:none!important;}.ms-cui-ribbon,.ms-cui-menu,.ms-siteactionsmenuinner,.ms-siteactionsmenuhover,.ms-welcomeMenu,div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen,div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner,div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div,.ms-cui-toolbar-toolbar,.s4-titletable,.ms-socialNotif-Container,.ms-sbplain,.ms-sbtable,body #pageStatusBar,.link-item,.link-item a,.link-item a:link,.ms-WPBody,.ms-menutoolbar td a,.ms-toolbar,.ms-listheaderlabel,.ms-viewselector,.ms-viewselectortext,.ms-viewselectorhover,.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh-icon-empty,.ms-vhImage,.ms-gb,.ms-gb2,.ms-gbload,.ms-vb,.ms-vb2,.ms-vb-tall,.ms-vb-user,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-vh2-nofilter-icon,.ms-pb,.ms-pb-selected,.ms-ph,td.ms-vb,a.ms-addnew,.ms-ltviewselectormenuheader .ms-viewselector a,.ms-ltviewselectormenuheader .ms-viewselectorhover a,th.ms-vh,td.ms-vb,.ms-dlgTitleText,.ms-formlabel,.ms-descriptiontext,.ms-formtoolbar,select,.ms-input,.ms-long,.ms-inputuserfield,.ms-toolbarContainer,div.ms-formfieldlabelcontainer span.ms-formfieldlabel,.ms-formfieldlabelcontainer,.description,.ms-sectionheader,.ms-linksection-level1,.ms-pageinformation h3.ms-standardheader,table.ms-pageinformation,table.ms-createpageinformation,.ms-pageinformation table td,.ms-createpageinformation table td,.ms-linksectionheader,th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,.ms-propertysheet,.ms-formdescription,.ms-paging,.ms-listedit .ms-standardheader,.ms-listedit .ms-linksectionheader,.ms-listedit .ms-linksectionheader .ms-standardheader,.ms-listedit table.ms-pageinformation,.ms-listedit .ms-pageinformation table td,.ms-listedit .ms-propertysheet,.ms-listedit .ms-descriptiontext,.ms-SPZoneLabel,.ms-SPButton,.ms-wpadder-sectionhead,.ms-wpadder-wpname,.ms-wpadder-categoryColumn,.ms-wpadder-categoryColumn td,.ms-wpadder-items,.ms-wpadder-upload input,.ms-wpadder-upload button,.ms-wpadder-tabTable th,.ms-wpadder-description,.ms-wpadder-zoneArea button,.ms-WPTitle,.link-item-large,.link-item-large a,.link-item-large a:link,div.title-With-Background a,div.title-With-Background a:link,div.title-With-Background a:hover,div.title-With-Background a:visited,div.title-With-Background a:active,.headertitle,.headertitle a,.headertitle a:link,.level-item,.level-item a,.level-item a:link,.headertitle-band,.headertitle-band a,.headertitle-band a:link,.headertitle-large,.headertitle-large a,.headertitle-large a:link,.headertitle-small,.headertitle-small a,.headertitle-small a:link,.level-description,.ms-WPBody td,.medium,groupheader,.ms-rtelong,.ms-longer,.ms-rtelonger,.ms-radiotext,.ms-rtedropdown,.ms-lookuptypeintextbox,.ms-rtefield,table.ms-disc td,table tr td.ms-disc-bordered-noleft,.ms-formbodysurvey,.ms-gridCol,.ms-gridT1,.ms-surveyVBarT,.ms-surveyVBarTC,.ms-surveyTotal{font-family:inherit;}.ms-selectorlink a,.ms-selectorlink a:visited{font-family:inherit!important;}.ms-cui-ribbon,.ms-cui-menu,.ms-siteactionsmenu,.s4-breadcrumb-menu,.ms-cui-TabRowLeft,.ms-cui-toolbar-toolbar,.ms-MenuUILabel,.ms-MenuUILabelRtL,.ms-menuuilabelcompact,.ms-menuuilabelcompactRtl,div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILarge ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink,div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILargeRtL ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink,.s4-search input.ms-sbplain,.ms-sbplain,.s4-search input,.link-item,.link-item a,.link-item a:link,.ms-WPBody,.s4-ql ul.root > li > .menu-item,.s4-qlheader,.s4-qlheader:visited,.ms-menutoolbar td a,.ms-toolbar,.ms-listheaderlabel,.ms-viewselector,.ms-viewselectortext,.ms-viewselectorhover,.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh-icon-empty,.ms-vhImage,.ms-gb,.ms-gb2,.ms-gbload,.ms-vb,.ms-vb2,.ms-vb-tall,.ms-vb-user,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-vh2-nofilter-icon,.ms-pb,.ms-pb-selected,.ms-ph,td.ms-vb,a.ms-addnew,.ms-ltviewselectormenuheader .ms-viewselector a,.ms-ltviewselectormenuheader .ms-viewselectorhover a,th.ms-vh,td.ms-vb,.s4-titletable,.ms-dlgTitleText,.ms-descriptiontext,.ms-formtoolbar,select,.ms-input,.ms-long,.ms-dtinput,.ms-dttimeinput,.ms-inputuserfield,.ms-toolbarContainer,div.ms-formfieldlabelcontainer span.ms-formfieldlabel,.ms-formfieldlabelcontainer,.description,.ms-linksection-level1 h3,.ms-linksection-level1 ul li a,.ms-pageinformation h3.ms-standardheader,table.ms-pageinformation,table.ms-createpageinformation,.ms-pageinformation table td,.ms-createpageinformation table td,th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,.ms-formdescription,.ms-authoringcontrols,.ms-paging,.ms-listedit .ms-standardheader,.ms-listedit .ms-linksectionheader,.ms-listedit .ms-linksectionheader .ms-standardheader,.ms-linksectionheader,.ms-SPZoneLabel,.ms-SPButton,.ms-wpadder-categoryColumn,.ms-wpadder-categoryColumn td,.ms-wpadder-items,.ms-wpadder-upload input,.ms-wpadder-upload button,.ms-wpadder-tabTable th,.ms-wpadder-description,.ms-wpadder-zoneArea button,.ms-WPTitle,.level-item,.level-item a,.level-item a:link,.level-description,.headertitle,.ms-WPBody td,.medium,groupheader,.ms-rtelong,.ms-longer,.ms-rtelonger,.ms-radiotext,.ms-rtedropdown,.ms-lookuptypeintextbox,.ms-rtefield,table.ms-disc td,table tr td.ms-disc-bordered-noleft,.ms-gridCol{font-size:1em;}.s4-title h2,.ms-socialNotif-text,.s4-search select.ms-sbscopes,.s4-search input.ms-sbplain,.article-content,.welcome-content,.s4-title .s4-pagedescription,.s4-title .s4uniqpermdescription,.ms-toolbar,.ms-listheaderlabel,.ms-gb .ms-standardheader,.ms-standardheader,.ms-gb,.ms-gb2,.ms-gbload,.ms-vb-tall,.ms-vb-user,.ms-pb,.ms-pb-selected td,.ms-vb,.ms-vb2,.ms-viewlsts-noitems > b,.s4-specialNavLinkList a:hover > span.ms-splinkbutton-text,.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-formlabel,.ms-descriptiontext,.ms-formtoolbar,.ms-toolbarContainer,.description,.link-item,.ms-sectionheader,.ms-linksection-level1 h3,.ms-pageinformation h3.ms-standardheader,.ms-linksectionheader .ms-standardheader,.ms-linksectionheader,.ms-pageinformation th,.ms-createpageinformation th,th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,.ms-vh,.ms-vh2,.ms-vh-icon-empty,.ms-vhImage,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-vh2-nofilter-icon,.ms-ph,.ms-propertysheet,.ms-pageinformation table td,.ms-createpageinformation table td,.ms-bottompaging .ms-paging,.ms-paging,.ms-listedit .ms-standardheader,.ms-listedit .ms-linksectionheader,.ms-listedit .ms-linksectionheader .ms-standardheader,.ms-listedit .ms-gb .ms-vh2-nofilter,.ms-listedit .ms-gb .ms-vh2,.tmt-name,.ms-SPZoneTitle,.ms-SPZoneLabel,.ms-rteElement-P,.level-description,.headertitle,.medium,groupheader,.ms-rtefield,table.ms-disc td{color:inherit;}
.ms-viewlsts th.ms-vh2-nofilter{color:inherit!important;}.ms-cui-ribbon a:link,.ms-cui-ribbon a:visited,.ms-cui-ribbon a:hover,.ms-cui-ribbon a:active,.ms-cui-menu a:link,.ms-cui-menu a:visited,.ms-cui-menu a:hover,.ms-cui-menu a:active,.ms-siteactionsmenu > span > a,.ms-menutoolbar td a,.ms-menutoolbar td a:hover,.s4-specialNavLinkList a:hover > span.ms-splinkbutton-text,a.ms-socialNotif{text-decoration:none;}section, article, header, footer, nav, aside, hgroup {display: block;}

/* Main Style */
body {background:#fff; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
a, a:link, a:visited {color:gray; text-decoration: none;}
a:hover, a:active {color:silver;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.3em 0;line-height: 1.1em;}
h1 {font-size: 3em;color: #333;font-weight: normal;}
h2 {font-size: 2em;color: #333;font-weight: normal;}
h3 {font-size: 1.5em;color: #333;font-weight: bold;}
h4 {font-size: 1.25em;font-weight: bold;color: #b63812;}
h5 {font-size: 1.25em;font-weight: bold;color: #333;}
h6 {font-size: 1.1em;color: #333;font-weight: bold;}
p {line-height: 1.6em;margin: 0 0 1.6em 0;}
strong {color: #135c8f;}
img {border: 0;}

/*edited by rabih kahaleh to remove white line at the top of the page*/
/*OLD #wrapper {position:relative; max-width:100%; margin:10px auto; background: #fff;}*/
#wrapper {position:relative; max-width:100%; margin:0px auto; background: #fff;}

/* Header Area */
#header {margin:0; padding:0px 0 0 0;}
#logo {float:left; width:250px;}

/* Search */
#srcArea {float:right; top:10px; right:0;}
#srcBox {float:left;}
#srcBox .s4-wpTopTable {width: auto !important;}
.s4-search input.ms-sbplain {height:10px; width:180px !important; padding:7px; font-size:11px; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px; border-radius:5px;}
.s4-search input.s4-searchbox-QueryPrompt {color: #999;}
.ms-sbgo .srch-gosearchimg {display: none;}
.ms-sbgo a {display:block; width:27px; height:27px; margin: 0 0 0 3px; background:  url("searchBTN.png") 0 0 no-repeat;}
.ms-sbgo a:hover {background-position:0 -27px;}

/* Responsive Menu */
.imgresponsive{max-width: 100%; height: auto;}

.thereisnomaximumlengthforaclassnameincss {
maxlength: no;
}

/* Top Navigation */
#topNav {clear:both; background:#204e5b;}
.s4-tn li.static > .menu-item {padding:10px 20px; color:#fff; border:0; text-transform:uppercase; font-weight:bold; font-size:0.9em;}
.s4-tn li.static > .menu-item:hover {background:#dae5e8; color:#333;}
.s4-tn li.static.selected > .menu-item {background:#dae5e8; color:#333;}
.menu-horizontal a.dynamic-children span.additional-background, .menu-horizontal span.dynamic-children span.additional-background {background-image:none; padding-right: 0;}
.s4-tn ul.dynamic {background:#dae5e8; border:0; padding:0; font-size:0.8em;}
.s4-tn li.dynamic > a.menu-item {color:#333; padding:10px 20px; text-transform:uppercase; font-weight:bold;}
.s4-tn li.dynamic > a.menu-item:hover {background:#9daaad; border-bottom:1px solid #204e5b;}

/* Main Content Area */
#mainContent {margin:10px 0 0 0; padding:0;}
#mainContentLeft {width:180px; padding:0; margin:0; float:left;}
#mainContentRight {margin: 0 0 0 200px;}

/* Bread Crumb */
.breadCrmb {width:100%; margin:0 0 10px 0; padding:0; float:left; font-size:11px; text-align:left;}
.breadCrmb a{color:#446c84; text-decoration:none; font-size:11px; padding:3px 2px 2px 0;}
.breadCrmb a:hover{color:#000;}

/* Page Area */
#pageTitle {color:#204e5b; font-size:22px; font-weight:bold; padding:10px 0; border-bottom:1px solid #204e5b;}
#pageContent .ms-rtestate-field img {max-width: 100%;}

/* Left Navigation */
.s4-ql, .s4-specialNavLinkList {margin:0;}
.s4-ql ul.root ul.static {margin:0; width:auto !important;}
.s4-ql li, .s4-specialNavLinkList li {min-height: 0;}
.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited {padding:5px 0 5px 0; font-weight:bold; margin:0; color:#333; border-bottom:1px solid #204e5b;}
.s4-ql a.selected, .ms-viewlsts .ms-vb2 > a, .ms-addnew a, .ms-selectorlink a, .ms-selectorlink a:visited, .ms-navitem a:link {color:#fff !important;}
.s4-ql a.selected span {color:#fff !important;}
.s4-ql a.selected {border:0 !important; background:#204e5b; font-weight: bold;}
.s4-ql ul.root > li > a.selected {padding:5px 0 5px 5px !important; border-bottom:1px solid #204e5b !important;}
.s4-ql ul.root ul > li > a {font-size:12px; padding: 0 0 0 10px; margin:0 0 5px 0; color:#333;}
.s4-specialNavLinkList {display:none;}
.ms-blog-addnew {font-size: 12px !important; padding:0 0 0 10px; margin: 0;}

/*About Us Customizations - Ramona*/

        h2 { 
            padding-top: 10px;
			font-size: 30px;
            font-family: 'lato',sans-serif;
			display:block;
			padding-bottom:20px;
        }

        h3 {
            font-size: 25px;
            font-family: 'lato',sans-serif;
            display:block;
        }



        .VPTitle,  .VPTitle:link, .VPTitle:visited, .VPTitle:active {
            font-family: Calibri,Arial;
            font-size: 17pt;
            text-decoration: none;
            text-transform: uppercase;
            color: #3c3c3c;
            margin-left: 15px;
			margin-bottom: 0px;
        }

            .VPTitle img {
                position: absolute;
                left: 10px;
                top: 5px;
                content: url("/Style%20Library/Images/plus_icon.jpg");
            }

            .VPTitle:focus img {
                content: url("/Style%20Library/Images/close_icon.jpg");
                
            }

            .VPTitle div {
                display:none;
            }

            .VPTitle:focus div {
                display: block;
				text-decoration: none;
                color: #3c3c3c;
            }

            .VPTitle:hover{
                font-weight: bold;
                text-decoration: none;
                color: #3c3c3c;
            }

            .VPTitle:focus {
                font-weight: bold;
                text-decoration: none;
                color: #3c3c3c;
                margin-left: 18px;
				color: #3c3c3c;
            }

            

            

           


          
        /* .VPTitle span {
                display: none;
            }*/


        .VPDesc {
            font-family: Calibri,Arial;
            font-size: 17pt;
            font-weight: normal;
            text-transform: none;
           margin-left:0px; 
        }

        .VPNahasImg {
            content: url("/AboutUOB/PublishingImages/Nahas.jpg");
            display: block;
             margin-top: 10px;              
        }


        .VPNajjarImg {
            content: url("/AboutUOB/PublishingImages/Najjar.jpg");
            display: block;
            margin-top: 10px;
            margin-left:0px;
        }

        .VPKaramImg {
            content: url("/AboutUOB/PublishingImages/Karam.jpg");
            display: block;
            margin-top: 10px;
        }

        .VPBashourImg {
            content: url("/AboutUOB/PublishingImages/Bashour.jpg");
            display: block;
            margin-top: 10px;
        }

        .VPSep {
            font-size: 1px;
			border-bottom: solid 1px #eeeeee;
            padding: 8px 0px 8px 0px;
        }


.AboutSep {
            font-size: 1px;
			border-bottom: solid 1px #acacac;
            padding: 1px 0px 1px 0px;
        }


 .bgFacts {
            background-image: url('/Style%20Library/Images/FactsBkgrd.jpg');
            width: 100%;
           
            background-repeat: no-repeat;
            background-size: cover;
            /* background-color: #2b6499;*/
        }


        .FactsTitle {
            font-size: 40px;
            color: #ffffff;
            font-weight: 600;
            border-bottom: 1px solid #ffffff;
            padding-top: 30px;
            padding-left: 0px;
            padding-bottom: 20px;
            
        }


        .FactsNumber {
            font-size: 38px;
            font-family: 'roboto', sans-serif;
            font-weight: 500;
            color: #fbae42;
            padding: 20px 0px 0px 0px;
        }

        .FactsText {
            font-size: 14px;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            color: #fff;
            text-transform: uppercase;
            padding: 0px 0px 0px 0px;
            height: 45px;
            vertical-align: top;
        }


        @media all and (max-width:768px)
		 {

            .FactsTitle {
                font-size: 30px;
                color: #ffffff;
                font-weight: 600;
                border-bottom: 1px solid #ffffff;
                padding-top: 30px;
                padding-left: 0px;
                padding-bottom: 20px;
            }

            .FactsNumber {
                font-size: 22px;
                font-family: 'roboto', sans-serif;
                font-weight: 500;
                color: #fbae42;
                padding: 20px 0px 0px 0px;
            }

            .FactsText {
                font-size: 12px;
                font-family: 'Roboto', sans-serif;
                font-weight: 300;
                color: #fff;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
                height: 45px;
                vertical-align: top;
            }

        }
		
		@media all and (max-width:480px) 
		{

            .FactsTitle {
                font-size: 25px;
                color: #ffffff;
                font-weight: 600;
                border-bottom: 1px solid #ffffff;
                padding-top: 30px;
                padding-left: 0px;
                padding-bottom: 20px;
            }

            .FactsNumber {
                font-size: 20px;
                font-family: 'roboto', sans-serif;
                font-weight: 500;
                color: #fbae42;
                padding: 20px 0px 0px 0px;
            }

            .FactsText {
                font-size: 12px;
                font-family: 'Roboto', sans-serif;
                font-weight: 300;
                color: #fff;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
                height: 45px;
                vertical-align: top;
            }

        }



/*About Us Customizations - Ramona end*/
/*Current Students Customizations - Ramona*/
  .btnsLeft {
           
           margin-right: 15px;
        }
		
  .btnsRight {
           
           margin-left: 15px;
        }		
	
	  .btnsCenter {
           margin-left: 15px;
           margin-right: 15px;
        }
        	
 .btnsServices {
            background-color: #f9af4c;
            color: #ffffff;
            font-family: 'roboto', sans-serif;
            font-size: 20px;
            text-transform: uppercase;
            vertical-align: baseline;
            text-align: center;
            padding-top: 8px;
            padding-bottom: 8px;
        }


            .btnsServices:visited, .btnsServices:link, .btnsServices:focus {
                background-color: #f9af4c;
				color: #ffffff;
                text-decoration:none;
            }

            .btnsServices:hover {
				background-color: #135c8f;
				color: #ffffff;
                text-decoration: none;
            }

       .bgGrey {
            
            background-color: #f6f5f5;
            padding: 25px;
        }

        .bgWhite {
            background-color: #ffffff;
            padding: 25px;
        }


        .bgCampusLife {
            background-color: #f6f5f5;
            padding: 25px;
        }

        .CampusSectionTitle {
            font-size: 45px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #ffffff;
            
            padding: 25px 0px 25px 0px;
            
            line-height: 35pt;
        }

        .bgCampusLife {
            background-image: url('/Style%20Library/Images/CurrentStudents/CampusLife.jpg');
            padding: 25px;
        }


        .bgKeyNotes {
            background-image: url('/Style%20Library/Images/CurrentStudents/KeyNotes.jpg');
            padding: 25px;
        }


        .bgRegistration {
            background-image: url('/Style%20Library/Images/CurrentStudents/Registration.jpg');
            padding: 25px;
        }


        .StudentLinks, .StudentLinks:visited, .StudentLinks:link, .StudentLinks:focus {
            font-family: 'roboto', arial, sans-serif;
            font-size: 14px;
            text-decoration: none;
            text-transform: uppercase;
            color: #ffffff;
            margin-left: 5px;
            padding: 5px;
        }

            .StudentLinks:hover {
                color: #ffffff;
                margin-left: 15px;
            }

            .StudentLinks img {
                display: none;
                position: absolute;
                left: -15px;
                padding-top: 3px;
            }

            .StudentLinks:hover img {
                color: #ffffff;
				display: inline;
                margin-top: 15px;
                margin-left: 25px;
            }


        .ServicesSectionTitle {
            font-size: 45px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #000000;
            padding: 25px 0px 25px 0px;
            line-height: 35pt;
        }

        .BlackStudentLinks, .BlackStudentLinks:visited, .BlackStudentLinks:link, .BlackStudentLinks:focus {
            font-family: 'roboto', arial, sans-serif;
            font-size: 14px;
            text-decoration: none;
            text-transform: uppercase;
            color: #000000;
            margin-left: 5px;
            padding: 5px;
        }

            .BlackStudentLinks:hover {
                color: #000000;
                margin-left: 15px;
            }

            .BlackStudentLinks img {
                display: none;
                position: absolute;
                left: -15px;
                padding-top: -3px;
            }

            .BlackStudentLinks:hover img {
                display: block;
                margin-top: 15px;
                margin-left: 25px;
            }
            
            
            .YellowArrowEffectLinks, .YellowArrowEffectLinks:visited, .YellowArrowEffectLinks:link, .YellowArrowEffectLinks:focus {
            font-family: 'roboto', arial, sans-serif;
            font-size: 14px;
            text-decoration: none;
           /* text-transform: uppercase; */
            color: #000000;
            margin-left: 5px;
            padding: 5px;
        }

            .YellowArrowEffectLinks:hover {
                color: #000000;
                margin-left: 15px;
            }

            .YellowArrowEffectLinks img {
                display: none;
                position: absolute;
                left: -15px;
                padding-top: 3px;
            }

            .YellowArrowEffectLinks:hover img {
                display: block;
                margin-top: 15px;
                margin-left: 25px;
            }


        .orangeArrow {
            font-weight: bold;
            color: #fbae42;
            font-size: 16px;
        }

        .EventsSectionTitle {
            font-size: 24px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #135c8f;
            text-transform: capitalize;
            padding: 0px 0px 19px 0px;
            
        }
        


        .EventsItemDetail {
            color: #3c3c3c;
            text-decoration: none;

            padding: 0px 5px 10px 5px;
		/*	border: 1px solid red; */
			
        }


            .EventsItemDetail:hover {
                background-color: #f9af4c;
                color: #ffffff;
                /*padding-top: 0px;*/
            }

            .EventsItemDetail:hover div {
                           
                           background-color: #f9af4c;
                color: #ffffff;
                
            }

            .EventsItemDetail img {
                visibility: visible;
                
            }

            .EventsItemDetail:hover img {
                visibility:hidden;
                
               
            }
                        
           


                .EventsItemDetail:hover::after {
                    font-size: 30px;
                    font-family: 'Lato', sans-serif;
                    text-align: center;
                    vertical-align: middle;
                    font-weight: bold;
                   /* content: '›'; */
                }

        .EventsMonth {
            font-size: 24px;
            font-family: 'Lato', sans-serif;
            text-align: center;
            text-transform: uppercase;            
            padding: 0px 0px 5px 0px;
                      
        }

        .EventsDay {
            font-size: 38px;
            font-family: 'Lato', sans-serif;
            font-weight:bold;
            text-align: center;
            color: #3c3c3c;
            line-height: 18px;
            margin-top: 5px;
            padding: 0px 0px 0px 0px;
        }

        .EventsItemTitle {
            font-size: 16px;
            font-family: ‘Roboto’, sans-serif;
            font-weight: bold;
            color: #3c3c3c;
            padding: 17px 0px 5px 0px;
        }

        .EventsItemDesc {
            font-size: 14px;
            font-family: ‘Roboto’, sans-serif;
            color: #3c3c3c;
            padding: 0px 0px 5px 0px;
        }
        .EventsMonth:hover {
            color: #ffffff;
        }

        .EventsDay:hover {
            color: #ffffff;
        }

        .EventsItemTitle:hover {
            color: #ffffff;
           /*padding: 0px 0px 0px 0px;*/

        }

        .EventsItemDesc:hover {
            
            color: #ffffff;
           
        }

        .OfficeTitle {
            font-size: 24px;
            font-family: ‘Roboto’, sans-serif;
            font-weight: bold;
            color: #000000;
            padding: 30px 0px 15px 0px;
        }

        .OfficeSubTitle {
            font-size: 16px;
            font-family: ‘Roboto’, sans-serif;
            font-weight: bold;
            color: #000000;
           
        }

        .OfficeDesc {
            font-size: 16px;
            font-family: ‘Roboto’, sans-serif;
            color: #000000;
            margin-left: -15px;
            padding-bottom: 5px;
            
        }

        .OfficeDesc a {
            font-size: 16px;
            font-family: ‘Roboto’, sans-serif;
            color: #000000;
            display: inline;

        }


        .NewsCar {
            display: block;
            position: relative; 
            left:-15px; 
            height: 400px;
            width: 780px;
            margin: 0px 0px 0px 15px;
            
            
        }
        
        .NewsCarItem {
          padding-right: 150px;
                    }
        
        
        .NewsTitle {
            left:-15px; 
            top: -40px;
            font-family: Roboto;
            font-weight:bold;
            font-size:16px;
            color:#135c8f;
            text-transform:uppercase;

            
        }


         .NewsDesc {
            left:-15px; 
            top: -30px;
            font-family: Roboto;
            
            font-size:14px;
            color:#3c3c3c;
            
        }
         .NewsDescAr {
            right:-15px; 
            top: -30px;
            font-family: Roboto;
            
            font-size:14px;
            color:#3c3c3c;
            
        }



 .NewsMore {
            position: relative;
            left:-15px; 
            top: -35px; 
            font-family:Roboto light;
            font-size:12px;
            color:#135c8f;           
        }
 
.NewsMoreAr {
            position: relative;
            right:-15px; 
            top: -35px; 
            font-family:Roboto light;
            font-size:12px;
            color:#135c8f;           
        }
       


 .NewsNav {
	margin-top: 30px;
	
	}

  
     @media only screen and (min-width: 768px) and (max-width: 1023px) 

    {
			  .btnsLeft {
           
           margin-right: 0px;
        }
		
  .btnsRight {
           
           margin-left: 0px;
        }		
	
	  .btnsCenter {
           margin-left: 0px;
           margin-right: 0px;
        }	

            .btnsServices {
                background-color: #f9af4c;
                color: #ffffff;
                font-family: 'roboto', sans-serif;
                font-size: 20px;
                text-transform: uppercase;
                vertical-align: baseline;
                text-align: center;
                padding-top: 8px;
                padding-bottom: 8px;
				display:block;
                margin-bottom: 10px;
            }
			
			 .CampusSectionTitle {
            font-size: 40px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #ffffff;
            
            padding: 25px 0px 25px 0px;
            
            line-height: 35pt;
        }
			
			 .ServicesSectionTitle {
            font-size: 32px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #000000;
            padding: 25px 0px 25px 0px;
            line-height: 32pt;
        }

            .NewsCar {
                display: none;
                position: relative;
                width: 100%;
                margin: 0px -25px -0px;
            }

            .EventsMonth {
                font-size: 15px;
                font-family: 'Lato', sans-serif;
                text-align: center;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
            }

            .EventsDay {
                font-size: 30px;
                font-family: 'Lato', sans-serif;
                font-weight: bold;
                text-align: center;
                color: #3c3c3c;
                line-height: 24px;
                padding: 0px 0px 0px 0px;
            }


            .EventsItemTitle {
                font-size: 14px;
                font-family: ‘Roboto’, sans-serif;
                font-weight: bold;
                color: #3c3c3c;
                padding: 0 0 5px 0;
            }

            .EventsItemDesc {
                font-size: 12px;
                font-family: ‘Roboto’, sans-serif;
                color: #3c3c3c;
                padding: 0px 0px 5px 0px;
            }


            .OfficeTitle {
                font-size: 20px;
                font-family: ‘Roboto’, sans-serif;
                font-weight: bold;
                color: #000000;
                padding-top: 30px;
                padding-right:0px;
                padding-bottom:15px;
                margin-left:-25px;
            }

            .OfficeSubTitle {
                font-size: 18px;
                font-family: ‘Roboto’, sans-serif;
                font-weight: bold;
                color: #000000;
                margin-left: -30px;
            }

            .OfficeDesc {
                font-size: 12px;
                font-family: ‘Roboto’, sans-serif;
                color: #000000;
                margin-left: -15px;
                padding-bottom: 5px;
                margin-left: -40px;
            }

                .OfficeDesc a {
                    font-size: 12px;
                    font-family: ‘Roboto’, sans-serif;
                    color: #000000;
                    display: inline;
                }
				
				.OfficeDesc img {
                    display: inline;
                }
        }
  
  
  @media only screen and (min-width: 200px) and (max-width: 768px) 
    {

			  .btnsLeft {
           
           margin-right: 0px;
        }
		
  .btnsRight {
           
           margin-left: 0px;
        }		
	
	  .btnsCenter {
           margin-left: 0px;
           margin-right: 0px;
        }	
		
            .btnsServices {
                background-color: #f9af4c;
                color: #ffffff;
                font-family: 'roboto', sans-serif;
                font-size: 20px;
                text-transform: uppercase;
                vertical-align: baseline;
                text-align: center;
                padding-top: 8px;
                padding-bottom: 8px;
				display:block;
                margin-bottom: 10px;
            }
			
			 .CampusSectionTitle {
            font-size: 40px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #ffffff;
            
            padding: 25px 0px 25px 0px;
            
            line-height: 35pt;
        }
			
			 .ServicesSectionTitle {
            font-size: 32px;
            font-family: 'roboto', arial, sans-serif;
            font-weight: bold;
            color: #000000;
            padding: 25px 0px 25px 0px;
            line-height: 32pt;
        }

            .NewsCar {
                display: block;
                position: relative;
                width:305px;
                max-height: 470px;
                margin: 0px 0px -0px;
            }
            
            .NewsNav {
	margin-top: -5px;
	margin-left: 0px;
	}


            .EventsMonth {
                font-size: 15px;
                font-family: 'Lato', sans-serif;
                text-align: center;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
            }

            .EventsDay {
                font-size: 25px;
                font-family: 'Lato', sans-serif;
                font-weight: bold;
                text-align: center;
                color: #3c3c3c;
                line-height: 24px;
                padding: 0px 0px 0px 0px;
            }


            .EventsItemTitle {
                font-size: 14px;
                font-family: ‘Roboto’, sans-serif;
                font-weight: bold;
                color: #3c3c3c;
                padding: 0 0 5px 0;
            }

            .EventsItemDesc {
                font-size: 12px;
                font-family: ‘Roboto’, sans-serif;
                color: #3c3c3c;
                padding: 0px 0px 5px 0px;
            }


            .OfficeTitle {
                font-size: 20px;
                font-family: ‘Roboto’, sans-serif;
                font-weight: bold;
                color: #000000;
                padding-top: 30px;
                padding-right:0px;
                padding-bottom:15px;
                margin-left:-25px;
            }

            .OfficeSubTitle {
                font-size: 18px;
                font-family: ‘Roboto’, sans-serif;
                font-weight: bold;
                color: #000000;
                margin-left: -30px;
            }

            .OfficeDesc {
                font-size: 12px;
                font-family: ‘Roboto’, sans-serif;
                color: #000000;
                margin-left: -15px;
                padding-bottom: 5px;
                margin-left: -40px;
            }

                .OfficeDesc a {
                    font-size: 12px;
                    font-family: ‘Roboto’, sans-serif;
                    color: #000000;
                    display: inline;
                }
				
				.OfficeDesc img {
                    display: inline;
                }
        }
        
        
    
.DeptImg{
    position:relative;
   
}
.DeptImg img {
    width:100%;
    vertical-align:top;
}
.DeptImg:after {
    content:'\A';
    position:absolute;
    width:100%; height:88%;
    top:0; left:0;
    background:rgba(0,0,0,0.5);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.DeptImg:hover:after {
    opacity:1;
}

.FOBMDeptName
{
  font-size: 44px;
  font-family: ‘Roboto’, sans-serif;
  font-weight: bold;
  line-height: 35px;
}
    
        
/*Current Students Customizations - Ramona end*/


/* FACULTIES */

.box1
{width:360px;height:89px;
background: url("/Style%20Library/Images/Faculties/Schedule.jpg") no-repeat;
display:inline-block;
margin-right: 10px;
}
.box1:hover
{background: url("/Style%20Library/Images/Faculties/Schedule_hover.jpg") no-repeat;
}

.box2
{width:360px;height:89px;
background: url("/Style%20Library/Images/Faculties/UndergradAdmission.jpg") no-repeat;
display:inline-block;
margin-left: 10px;
margin-right: 10px;
}
.box2:hover
{background: url("/Style%20Library/Images/Faculties/UndergradAdmission_hover.jpg") no-repeat;
}

.box3
{width:360px;height:89px;
background: url("/Style%20Library/Images/Faculties/GradAdmission.jpg") no-repeat;
display:inline-block;
margin-left: 10px;
}
.box3:hover
{background: url("/Style%20Library/Images/Faculties/GradAdmission_hover.jpg") no-repeat;
}



.box4
{width:360px;height:175px;
background: url("/Style%20Library/Images/Faculties/AcademicReg.jpg") no-repeat;
display:inline-block;
margin-left: 14px;
margin-right: 14px;
}
.box4:hover
{background: url("/Style%20Library/Images/Faculties/AcademicReg_hover.jpg") no-repeat;
}

.box5
{width:360px;height:175px;
background: url("/Style%20Library/Images/Faculties/Admission.jpg") no-repeat;
display:inline-block;
margin-left: 14px;
margin-right: 14px;
}
.box5:hover
{background: url("/Style%20Library/Images/Faculties/Admission_hover.jpg") no-repeat;
}

.box6
{width:360px;height:175px;
background: url("/Style%20Library/Images/Faculties/Apply.jpg") no-repeat;
display:inline-block;
margin-left: 15px;
}
.box6:hover
{background: url("/Style%20Library/Images/Faculties/Apply_hover.jpg") no-repeat;
}

 
 .hidImg{
   display: none;	}
   
  @media only screen and (min-width: 200px) and (max-width: 768px) 
    {

.box1
{width:350px;height:89px;
background: url("/Style%20Library/Images/Faculties/Schedule.jpg") no-repeat;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
}
.box2
{width:350px;height:89px;
background: url("/Style%20Library/Images/Faculties/UndergradAdmission.jpg") no-repeat;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
}

.box3
{width:350px;height:89px;
background: url("/Style%20Library/Images/Faculties/GradAdmission.jpg") no-repeat;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
}


}  
/* FACULTIES */

   

/* Footer */
#footer {clear:both; background:#204e5b; font-size:12px; color:#fff; margin:0; padding:10px;}
#footer p {margin: 0;}
#footer a {color:#fff;}
#footer a:hover {color:#ccc;}

/***** Start SharePoint Fixes *****/
body.v4master {overflow: visible;height: inherit;width: inherit;}
body #s4-workspace {overflow: visible !important; height: auto !important;}
body #s4-ribbonrow {z-index: 1000;min-height: 0 !important;height: auto !important;}
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {position: fixed !important;}
.ms-dlgOverlay {width: 100% !important;}
body #s4-bodyContainer {min-width: 0;}
/*body #s4-bodyContainer {
width: 950px !important;
margin-left:auto;
margin-right:auto;
}*/
.srch-sb-results {clear:both; background:#fff; margin:0 auto; padding:0;}
.srch-sb-results2 {clear:both; margin:0; padding:20px 0 0 0;}
.srch-Metadata1 {display:none}
.srch-Metadata2 {color:#666; margin:5px 0 20px 0; text-align:right; font-size:11px;}

body #s4-ribbonrow {font-size: 12px; margin:0 auto; top:0;}
.ms-cui-topBar2 {border-color: #333;}

/* Pop-up Menus */
.ms-MenuUIPopupBody {font-size: 12px;font-family:Arial, Helvetica, sans-serif;}
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILarge ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink, div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILargeRtL ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink {color: #2f7799 !important;}
span.ms-menuitemdescription {color: #999 !important;font-size: 11px;}
.ms-siteactionsmenuhover, .ms-welcomeMenu.ms-SpLinkButtonActive {background-color: #333;border-color: #555;}

/* Web Parts */
.s4-wpTopTable {margin: 0 0 15px 0;}
.ms-PartSpacingVertical {display: none;}
.ms-wpTdSpace {display: none;}
.ms-WPHeader td, .ms-fakewptitle {border-color: #2f7799;background: #2f7799;}
h3.ms-WPTitle {color: #fff;font-weight: bold;font-size: 17px;padding: 10px;text-align: left !important;}
h3.ms-WPTitle a, .s4-wpActive .ms-WPTitle, .s4-wpActive .ms-WPTitle a {color: #fff;}
h3.ms-WPTitle nobr {white-space: normal;}
.ms-WPBorder, .ms-WPBorderBorderOnly {border: 1px solid #ddd;}
.ms-WPBorder {border-top: 0;}
.ms-WPBorderBorderOnly {background: #f5f5f5;}
.ms-WPBody {padding: 10px 0 0 0;}
.ms-WPBorder .ms-WPBody, .ms-WPBorderBorderOnly .ms-WPBody {padding: 15px;}
.ms-wpContentDivSpace {margin: 0;}

/* Item Styles */
.item, .level-item-pos, .level-header {padding: 0;margin: 0 0 0.5em 0;}
.bullet, .level-bullet {padding: 0 0 0 10px;}
.level-description-padding {padding: 0;}
.headertitle, .headertitle a, .headertitle a:link {font-size: inherit;}

/* Lists */
.ms-listviewtable {background: #fff;}

/* Dialogs */
html.ms-dialog body {background: #fff;}
html.ms-dialog #wrapper {width:auto; padding:10px; max-width:none;}
html.ms-dialog #mainContentRight {margin: 0;}

div.article, div.welcome {padding: 0;}
table.splashLinkFrame {border-collapse: collapse;}
.article .article-header {font-family: inherit;font-size: 12px;overflow: auto;border: 0;color: #999;margin: 0 0 1em 0;}
.captioned-image .caption {font-family: inherit;font-size: 12px;color: #999;}
.article-content, .welcome-content {margin: 10px 0 0 0;}
.article-left .captioned-image, .welcome .welcome-image {margin-right: 2em;}
.article-right .captioned-image, .article .related-links {margin-left: 2em;}
.article .captioned-image, .article .related-links, .welcome .welcome-image, .welcome .splash-image {margin-bottom: 1em;}
.article .related-links {border: 0;}
.ewiki-margin, .edit-mode-border {padding: 0;margin: 0;}
.ewiki-margin {font-size: 12px;color: #999;margin: 0 0 1em 0;}
.right-wp-zone-col {width: 195px;border-color: #ddd;}
.ewiki-slink {margin-left: 15px;}
.ms-redirectControl {font-size: inherit;font-family: inherit;color: #999;}
/***** End SharePoint Fixes *****/

/* Mobile & Tablets */
@media screen and (max-width: 767px) {
	#wrapper {width:100%; min-width:0; margin:0;}
	#mainContent {margin:5px 0 0 0; padding:0 10px;}
	#mainContentLeft {width:100%; float:none; margin:0 0 10px 0; padding:0;}
	#mainContentRight {margin:0; padding: 0;}
	.breadCrmb {display:none;}
	#header {margin:0;}
	#logo {width:100%; float:none; margin:10px 0 20px 0; text-align:center;}
	#srcArea {width:90%; float:none; padding:0;}
	#srcBox {margin:10px auto; float:none; max-width:300px;}
	.s4-search input.ms-sbplain {height:10px; width:300px !important; padding:7px; font-size:11px; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px; border-radius:5px;}
	#footer {background:#204e5b; color:#fff; padding:10px;}
	/* Top Navigation */
	#topNav {background:#204e5b; width:100%; padding:2px 0;}
	.menu-horizontal {background:#204e5b; height:auto; margin:5px auto; padding:0; text-align:center;}
	.s4-tn li.static > .menu-item {width:auto; height:auto; background:#fff; border:1px solid #ddd; font-size:0.8em; font-weight:bold; color:#204e5b; margin:0 0.2em 0.3em 0.2em; padding:0.7em 1em; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-raduis:4px; border-radius:4px;}
	.s4-tn li.static > a.menu-item:hover, .s4-tn li.static.selected > .menu-item {background:#9daaad; color:#fff; border-color:#666;}
	.s4-tn ul.dynamic {display:none;}
	/* Left Navigation */
	.menu-vertical {width:auto; height:auto; margin:0; padding:0;}
	.s4-ql ul {width:auto; height:auto; margin:0; padding:12px 0;}
	.menu .menu-item, .menu .menu-item .additional-background, .menu .menu-item .additional-background .menu-item-text {display:inline;}
	.s4-ql li {display:inline; background:#fff; font-size:0.8em; font-weight:bold; color:#204e5b; margin:0 0.4em 0.3em 0.4em; padding:0.5em 0.8em; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-raduis:4px; border-radius:4px;}
	.s4-ql li.static.selected {background:#204e5b; border:1px solid #333;}
	.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited {border:0 !important;}
	.s4-ql a.selected span {color:#fff !important;}
	.s4-ql ul.root ul.static {display:none;}
	.srchctr_leftcell {display:none;}
	.srch-results {padding:0 10px; width:98%;}
}