@font-face
{
    font-family: 'MTRegular';
    src: url('../fonts/MTRegular.eot');
    src: url('../fonts/MTRegular.eot') format('embedded-opentype'), url('../fonts/MTRegular.woff2') format('woff2'), url('../fonts/MTRegular.woff') format('woff'), url('../fonts/MTRegular.ttf') format('truetype');
}

@font-face
{
  font-family  :  'Montserrat Regular';
  src          :  url('../fonts/Montserrat-Regular.ttf');
}

@font-face
{
  font-family  :  'Montserrat Medium';
  src          :  url('../fonts/Montserrat-Medium.otf');
}

@font-face
{
  font-family  :  'Montserrat Bold';
  src          :  url('../fonts/Montserrat-Bold.otf');
}

@font-face
{
  font-family  :  'Montserrat Extra Bold';
  src          :  url('../fonts/Montserrat-ExtraBold.otf');
}

:focus
{
  -moz-outline-style  :  none;
}

html
{

}

body
{
  margin  :  0px;
}

body.cke_show_borders
{
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  12px;
  color        :  #000000;
  
  line-height  :  18px;
  
  background   :  #ffffff;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;
}

body, p, div, td, span, a
{
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  14px;
  color        :  #000000;
  
  position     :  relative;
  outline      :  none;
}

p
{
  line-height  :  22px;
  text-align   :  justify;
}

.innerPgContent, .listing, .listing li
{
  text-align   :  justify;
}

h1
{
  font-family  :  'Montserrat Bold', verdana, arial;
  font-weight  :  bold;
  font-size    :  36px;
  color        :  #2d2e2e;
  
  margin       :  0px 0px 15px 0px;
  padding      :  0px;
  line-height  :  46px;
}

h1 span
{
  display     :  block;
  padding     :  20px 0px;
  text-align  :  left;
}

h2
{
  font-family  :  'Montserrat Bold', verdana, arial;
  font-weight  :  bold;
  font-size    :  24px;
  color        :  #292f2f;
  
  margin       :  15px 0px 15px 0px;
  padding      :  0px;
  line-height  :  30px;
}

h2 span
{
  display     :  block;
  padding     :  20px 0px;
  text-align  :  center;
}

h3
{
  font-family    :  'Montserrat Bold', verdana, arial;
  font-weight    :  normal;
  font-size      :  22px;
  color          :  #b2041f;
  
  margin         :  0px 0px 8px 0px;
  padding        :  0px;
}

h4, h4 a, h4 a:hover
{
  font-family      :  'Montserrat Bold', verdana, arial;
  font-weight      :  bold;
  font-size        :  16px;
  color            :  #b2041f;
  
  text-decoration  :  none;
  
  margin           :  15px 0px 15px 0px;
  padding          :  0px;
}

h5
{
  font-family      :  'Montserrat Bold', verdana, arial;
  font-weight      :  bold;
  font-size        :  14px;
  color            :  #b2041f;
  
  margin           :  0px;
  padding          :  0px;
}


a
{
  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  14px;
  color            :  #b2041f;
  
  text-decoration  :  none;
}

a:hover
{
  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  14px;
  color            :  #000000;
  
  text-decoration  :  none;
}

a.red
{
  background             :  #b2041f;
  color                  :  #ffffff;
  padding                :  10px 15px;
  -moz-border-radius     :  2px;
  border-radius          :  2px;
  -webkit-border-radius  :  2px;  
}

a.red:hover
{
  background  :  #343434;
}

div.br
{
  clear        :  both;
  line-height  :  1px;
  height       :  1px;
  font-size    :  1px;
}


div.br5
{
  clear        :  both;
  line-height  :  5px;
  height       :  5px;
  font-size    :  1px;
}

div.br10
{
  clear        :  both;
  line-height  :  10px;
  height       :  10px;
  font-size    :  1px;
}

div.br15
{
  clear        :  both;
  line-height  :  15px;
  height       :  15px;
  font-size    :  1px;
}

div.br20
{
  clear        :  both;
  line-height  :  20px;
  height       :  20px;
  font-size    :  1px;
}

div.hr
{
  border-top     :  dotted 1px #999999;
  border-right   :  solid 1px #f4f4f4;
  border-bottom  :  solid 1px #f4f4f4;
  border-left    :  solid 1px #f4f4f4;
  margin         :  10px 0px 10px 0px;
}

div.hr.gray
{
  border         :  0px;
  border-bottom  :  2px solid #7c7b80;
  width          :  98%;
  margin         :  0px auto;
  opacity        :  .7;
}

hr
{
  border-top     :  dotted 1px #999999;
  border-right   :  solid 1px #f4f4f4;
  border-bottom  :  solid 1px #f4f4f4;
  border-left    :  solid 1px #f4f4f4;
  margin         :  20px 0px 20px 0px;
}

.gray
{
  color  :  #777777;
}

.red, .flag
{
  color  :  #830100;
}

.faq
{
  cursor  :  pointer;
}

a img
{
  border  :  none;
}

.hidden
{
  display  :  none;
}

.fLeft
{
  float  :  left;
}

.fRight
{
  float  :  right;
}

.noPadding
{
  padding  :  0px !important;
}

.noMargin
{
  margin  :  0px !important;
}

form
{
  margin  :  0px;
}

label
{
  margin   :  0px;
  padding  :  0px;
}

label span
{
  font-size  :  12px;
  color      :  #aaaaaa;
}

input.textbox, select, textarea
{
  font-family            :  'Montserrat Regular', verdana, arial;
  font-size              :  12px;
  color                  :  #444444;
   
  padding                :  3px;
  border                 :  solid 1px #999999;
  background             :  #fcfcfc;
  
  -moz-border-radius     :  3px;
  border-radius          :  3px;
  -webkit-border-radius  :  3px;  
}

select
{
  padding  :  2px;
}

input.button
{
  font-family            :  'Montserrat Regular', verdana, arial;
  font-size              :  13px;
  color                  :  #ffffff;
   
  padding                :  4px 12px 4px 12px;
  border                 :  solid 1px #333333;
  background             :  #b2041f;
  cursor                 :  pointer;
  
  -moz-border-radius     :  3px;
  border-radius          :  3px;
  -webkit-border-radius  :  3px;  
}

input.button:hover
{
  border      :  solid 1px #333333;
  background  :  #930627;
}

input.button.small
{
  font-size  :  11px;
  padding    :  2px 8px 2px 8px;
}

input.button.large
{
  font-size  :  16px;
  padding    :  6px 20px 6px 20px;
}

input.textbox:focus, select:focus, textarea:focus
{
  background  :  #ffffff;
}

.mandatory
{
  font-size    :  12px;
  font-weight  :  bold;
  color        :  #830100;
}

.transparent
{
  background  :  transparent !important;
}

#MainDiv
{
  min-width   :  1180px;
}

#Header
{
  position    :  fixed;
  top         :  0px;
  width       :  100%;  
  background  :  #800000;
  z-index     :  111;
}

#HeaderDiv
{
  margin   :  0px auto;
  padding  :  14px 25px;
}

#HeaderDiv td
{
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  11px;
  color        :  #999999;
}

#HeaderDiv td a
{
  font-size  :  12px;
}

#Header a.social, #Header #MobileNavigation
{
  display        :  block;
  width          :  27px;
  height         :  27px;
  line-height    :  27px;
  background     :  #ffffff;
  border-radius  :  25%;
  text-align     :  center;
}

#Header a.social i.fa, #Header #MobileNavigation i.fa
{
  font-size    :  16px;
  display      :  block;
  width        :  27px;
  height       :  27px;
  line-height  :  27px;
}

#Header #MobileNavigation
{
  margin-right  :  12px;	
}

#Header #MobileNavigation, #Header #MobileNavigation i.fa
{
  font-size      :  24px;
  color          :  #800000;
  width          :  36px;
  height         :  36px;
  line-height    :  36px;
  cursor         :  pointer;
  border-radius  :  20%;
  
}

#Header #MobileNavigation:hover
{
	
}


#vButtons
{
    position: fixed;
    top: 40%;
    right: 0;
    transform: rotate(270deg);
    z-index: 99999;
    margin-right: -156px;
}

#vButtons button
{
	font-family     :  'Montserrat Regular', verdana, arial;
    background-color: #da2337;
    color: #ffffff;
	font-size : 17px;
	text-transform : uppercase;
	letter-spacing : 1px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    box-shadow: none;
	margin : 0px 3px 0px 3px;
	border-radius : 8px 8px 0px 0px;
}

#vButtons button:hover
{
    background-color: #da2337;
    color: white;
}

#Header #MobileNavigation, #MobileNav
{
	display  :  none;
}

#Navigation
{
 
}

#Navigation ul
{
  height      :  38px;
  margin      :  0px auto 0px auto;
  padding     :  0px; 
  list-style  :  none;
}

#Navigation ul li
{
  float         :  right; 
  padding       :  0px;
  margin        :  0px;
  position      :  relative;
}

#Navigation ul li a, #Navigation ul li a:hover, #Navigation ul li a.selected
{
  font-family     :  'Montserrat Regular', verdana, arial;
  font-size       :  15px;
  color           :  #ffffff;  
  text-decoration :  none;
  
  display         :  block;
  height          :  34px;
  line-height     :  34px;
  padding         :  5px 20px;
}

#Navigation ul li a:hover
{
  color  :  #f1df82;
}

#Navigation ul li a:first-child
{
  padding-right  :  0px;
}

#Navigation ul li a.selected
{
  color  :  #f1df82;  
}

#Navigation ul li a.arrow
{
  padding  :  5px 28px 5px 18px;
}

#Navigation ul li a.arrow::after
{
  border             :  solid 3px #ffffff;;
  border-width       :  0 3px 3px 0;
  display            :  block;
  padding            :  3px;
  content            :  "";
  position           :  absolute;
  right              :  7px;
  top                :  15px;
  transform          :  rotate(45deg);
  -webkit-transform  :  rotate(45deg);  
}

#Navigation ul li:hover a.arrow
{
  color  :  #f1df82;
}

#Navigation ul li:hover a.arrow::after
{
  border-color  :  #f1df82;
}

#Navigation ul li ul
{
  display             :  none;
  margin              :  0px;
  padding             :  2px 10px 2px 10px;
  list-style          :  none;
  position            :  absolute; 
  top                 :  40px;
  left                :  10px;
  height              :  auto;
  display             :  none;
  background          :  #ffffff;
  border-left         :  solid 1px #d0d0d0;
  border-right        :  solid 1px #d0d0d0;
  border-bottom       :  solid 1px #d0d0d0;
  border-top          :  solid 3px #d1b008;
  box-shadow          :  1px 1px 3px #888888;
  -moz-box-shadow     :  1px 1px 3px #888888;
  -webkit-box-shadow  :  1px 1px 3px #888888;
  z-index             :  11111111;
}

#Header #Navigation ul li:hover ul.second, #Header #Navigation ul li ul.second li:hover ul
{
  display  :  block;
}

#Navigation ul li:first-child ul
{
  left   :  auto;
  right  :  0px;
}

#Navigation ul li ul li ul
{
  left   :  auto !important;
  right  :  222px !important;
  top    :  0px;
}

#Navigation ul li ul li
{
  float          :  left; 
  min-width      :  220px;
  max-width      :  400px;
  max-height     :  250px;
  padding        :  5px 0px 5px 0px;
  border-left    :  none;
  border-right   :  none;  
  border-bottom  :  dotted 1px #cccccc;
}

#Navigation ul li ul li.last
{
  border  :  none;
}

#Navigation ul li ul li.sub
{

}

#Navigation ul li ul li a, #Navigation ul li ul li a:hover, #Navigation ul li ul li a.selected
{
  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  14px;
  color            :  #444444;  

  text-decoration  :  none;
  
  display          :  block;
  background       :  none;
  padding          :  2px 0px;
  line-height      :  18px;
  height           :  auto;
}

#Navigation ul li ul li a:hover, #Navigation ul li ul li a.selected
{
  color  :  #b2041f;  
}

#Notification
{
  width       :  100%;
  background  :  #da2337;	
  padding     :  80px 0px 0px 0px;
}

#Notification div, #Notification span
{
  color        :  #ffffff;
  text-align   :  center;
  padding      :  15px 20px 15px 20px;
}

#Notification span
{
  display      :  block;
  color        :  #ffffff;
  font-weight  :  bold;
  font-size    :  24px;
  padding      :  15px 0px 15px 0px;	
}

#Notification a, #Notification a:hover
{
  background             :  #ffffff;
  color                  :  #800000;
  font-size              :  13px;
  text-align             :  center;
  padding                :  3px 15px 4px 15px;
  
  -moz-border-radius     : 4px;
  border-radius          : 4px;
  -webkit-border-radius  : 4px;
}

#Notification a:hover
{
  background  :  #f8cbd0;
  color       :  #B2041F;
}

#Notification div:hover
{
  animation  :  none;
}


#SliderArea
{
  clear       :  both;
  width       :  100%;
  min-width   :  1180px;
  padding     :  0px 0px 0px 0px;
  border-top  :  none; 
}

#Slider
{
  background  :  #ffffff;
  width       :  100%;
  margin      :  0px auto 0px auto;
  overflow    :  hidden;
}

#Body
{
  clear        :  both;
  background   :  #FFFFFF;
}

#Body #BodyDiv
{
  margin        :  0px auto 50px auto;
  padding       :  40px 20px;
  background    :  #ffffff;
  min-height    :  300px;
  line-height   :  18px;
  max-width     :  1100px;
}


#AboutTimes
{
  background-size  :  100% auto;
}

#AboutTimesDiv
{
  position  :  relative;
  width     :  57%;
  padding   :  15% 8% 70% 35%;
}

#AboutTimesDiv h4, #AboutTimesDiv h4 span
{
  font-family     :  arial, verdana, sans-serif;  
  font-size       :  40px;
  font-weight     :  normal;
  
  line-height     :  40px;
  
  color           :  #ffffff;
  text-transform  :  uppercase;
}

#AboutTimesDiv h4
{
  margin-bottom  :  20px;
}

#AboutTimesDiv h4 span
{
  font-size  :  25px;
}

#AboutTimesDiv p
{
  font-family  :  arial, verdana, sans-serif; 
  font-size    :  16px;
  color        :  #fffffd;
}

#MissionStatementDiv
{
  position  :  relative;
  padding   :  0px;
}

#MissionStatementDiv p
{
  font-size    :  18px;
  font-weight  :  normal;
  color        :  #111111;
}

#Courses
{
  width       :  100%;
  background  :  #0d2d62;
}

#Courses h1
{
  color  :  #e5e5e5;
}

#Courses td, #Courses p, #Courses b, #Courses a
{
  color  :  #e5e5e5;
}

#Courses .featuredcourses
{
  padding  :  65px 0px;
}

#FeaturedCourses .courseinfo
{
  padding      :  5px 10px;
  line-height  :  15px;
}

#FeaturedCourses  .course
{
  padding-top  :   20px;
}

#FeaturedCourses td
{
  color      : #B3BAC6;
  background : #ffffff;
}

#FeaturedCourses .schoolname
{
  font-weight  :  bold;
  color        :  #979797;
  font-size    :  10px;
}

#FeaturedCourses .startdate
{
  color      :  #979797;
  font-size  :  10px;
}

#FeaturedCourses .coursesType img
{
  position     :  relative;
  margin-right :  12px;
  bottom       :  10px;
}

#ContentsArea
{
  min-width      :  1180px;
  //margin-top     :  35px;
  margin-bottom  :  30px;
  line-height    :  22px;
}

#ContentsArea ul, #ContentsArea ol
{
  margin-top  :  15px;
}

#ContentsArea ul li, #ContentsArea ol li
{
  line-height  :  20px;
}

#Gallary
{
  width     :  100%;
  overflow  :  hidden;
}

#Gallary ul
{
  width    :  5000px; 
  margin   :  0px;
  padding  :  0px;
}

#Gallary ul li
{
  float  :  left;
  list-style  :  none;
}

#MainLinks
{
	
}

#MainLinksDiv
{
  padding         :  40px 20px;
  text-align      :  center;
  display         :  flex;
  flex-direction  :  row;
  flex-wrap       :  wrap;
  row-gap         :  20px;
  column-gap      :  20px;
  justify-content :  center;
  align-items     :  stretch;
}

#MainLinksDiv .link
{
  padding     :  5px 20px 10px 20px;
  text-align  :  center;
  width       :  140px;
}

#MainLinksDiv .link:nth-child(even)
{
  background  :  #192133;
}

#MainLinksDiv .link:nth-child(odd)
{
  background  :  #800000;
}

#MainLinksDiv .link:nth-child(even):hover
{
  background  :  #303e5e;
}

#MainLinksDiv .link:nth-child(odd):hover
{
  background  :  #a90505;
}

#MainLinksDiv img
{
  margin   :  10px auto 10px auto;
  display  :  block;
  width    :  100%;
}

#MainLinksDiv h4
{
  color               :  #ffffff;
  font-family         :  'Montserrat Regular', arial, sans-serif;
  font-size           :  15px;
  
  text-transform      :  uppercase;
  text-align          :  center;
  
  margin              :  15px 0px 5px 0px;
  max-height          :  44px;
  overflow            :  hidden;
  line-height         :  22px;
  text-overflow       :  ellipsis;
  display             :  -webkit-box;
  -webkit-line-clamp  :  2;
  -webkit-box-orient  :  vertical;
}


#News .newsDate
{
  border  :  solid 1px #024b5c;
  margin  :  0px 0px 10px 0px;
}

#News .newsDate span
{
  display      :  block;
  padding      :  5px;
  background   :  #b2041f;
  
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  12px;
  color        :  #ffffff;  
  
  text-align   :  center;
}

#News .newsDate b
{
  display      :  block;
  padding      :  5px;
  
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  12px;
  font-weight  :  normal;
  color        :  #222222;
  
  text-align   :  center;
}

#News ul li
{
  padding  :  12px 0px 0px 0px;
  margin   :  0px;
}


#Featured
{
  background             :  #f3f3f3;
  margin-top             :  10px;
  height                 :  185px;
  border                 :  solid 1px #dddddd;
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px;
}

#Featured #Back, #Featured #Next
{
  position  :  absolute;
  left      :  -12px;
  top       :  65px;
  width     :  42px;
  height    :  64px;
  cursor    :  pointer;
}

#Featured #Next
{
  left  :  589px;
}

#Featured .jcarousel-container-horizontal
{
  margin  :  20px 0px 0px 45px;
  width   :  550px;
  height  :  155px;
}

#Featured .jcarousel-clip
{
  overflow: hidden;
}

#Featured .jcarousel-clip-horizontal
{
  width   :  550px;
  height  :  155px;
}

#Featured .jcarousel-item
{
  background  :  none;
  padding     :  0px;
}

#Featured .jcarousel-item img
{
  background             :  #ffffff;
  border                 :  solid 3px #aaaaaa;
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px;
}

#Featured .jcarousel-item img:hover
{
  border  :  solid 3px #777777;
}

#Featured .jcarousel-item b
{
  text-align   :  center;

  display      :  block;
  line-height  :  20px;
  height       :  20px;
}

#Featured .jcarousel-item-horizontal
{
  margin      :  0px 9px 0px 0px;
  width       :  140px;
  height      :  155px;
  overflow    :  hidden;
  text-align  :  center;  
}

#Featured .jcarousel-item a
{
  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  12px;
  color            :  #01313c;
  
  text-decoration  :  none;
}

#Featured .jcarousel-item a:hover
{
  color  :  #70031b;
}



#Footer
{
  clear       :  both;
  background  :  #192133;
}

#Footer #FooterDiv
{
  padding         :  50px 20px 50px 20px;
  
  display         :  flex;
  flex-direction  :  row;
  columns         :  3;
  flex-wrap       :  wrap;
}

#Footer .address, #Footer .contact
{
  width  :  30%;
}

#Footer .location
{
  width  :  40%;
}

#FooterDiv h2
{
  font-family    :  "Montserrat Regular", arial, sans-serif; 
  color          :  #ffffff; 
  font-size      :  48px;
  margin-bottom  :  20px; 
}

#Footer div
{
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  15px;
  color        :  #afafaf;  
  
  line-height  :  20px;
}

#Footer h4
{
  font-family  :  "Montserrat Regular", arial, sans-serif; 
  color        :  #f6f6f6;
  font-size    :  15px;
  font-weight  :  normal;
  margin       :  8px 0px;
}

#Footer a, #Footer a:hover
{
  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  15px;
  color            :  #afafaf;
  line-height      :  22px;
  
  text-decoration  :  none;
}

#Footer a:hover
{
  color  :  #f1df82;  
}


#FooterBar
{
  padding     :  20px 0px 17px 0px;
  background  :  #800000;
}

#FooterBar div
{
  padding  :  0px 25px 0px 25px; 
}

#FooterBar td, #FooterBar td a, #FooterBar td a:hover
{
  font-family  :  'Montserrat Regular', verdana, arial;
  font-size    :  14px;
  color        :  #ffffff;
}

#FooterBar td a, #FooterBar td a:hover
{
  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  14px;
  color            :  #ffffff;  

  text-decoration  :  none;}

#FooterBar td a:hover
{
  color            :  #f1df82;
  text-decoration  :  underline;
}




.alert, .error, .success, .info, .info.noHide
{
  clear                  :  both;
  background             :  #feffc8 url('../images/icons/alert.png') 10px 10px no-repeat;
  border                 :  solid 1px #f1aa2d;
  padding                :  10px 10px 10px 35px;
  margin-bottom          :  15px;
  min-height             :  16px;
  line-height            :  16px;
  cursor                 :  pointer;
  
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px; 
  
  font-family            :  'Montserrat Regular', verdana, arial;
  font-size              :  12px;
  color                  :  #000000;
}

.error
{
  background  :  #fdcea4 url('../images/icons/error.png') 10px 10px no-repeat;
  border      :  solid 1px #c44509;
}

.success
{
  background  :  #d4f684 url('../images/icons/success.png') 10px 10px no-repeat;
  border      :  solid 1px #739f1d;
}

.info
{
  background  :  #c3e4fd url('../images/icons/info.png') 10px 10px no-repeat;
  border      :  solid 1px #688fdc;
}

.info.noHide
{
  background  :  #eeeeee url('../images/icons/info.gif') 10px 10px no-repeat;
  border      :  solid 1px #cccccc;
}


#Sitemap li
{
  padding-bottom  :  3px;
}

/***************  Paging  **********************/

ul#Paging
{
  clear       :  both;
  padding     :  0px;
  margin      :  20px 0px 0px 0px;
  list-style  :  none;
}

ul#Paging ul li
{ 
  margin   :  0px;
  padding  :  0px;
  float    :  left;  
}
	
ul#Paging li a
{
  font-family            :  'Montserrat Regular', verdana, arial;
  font-size              :  11px;
  color                  :  #ffffff;
  
  text-decoration        :  none;
   
  display                :  block;
  float                  :  left;
  padding                :  5px;
  margin                 :  0px 3px 0px 0px;
  border                 :  solid 1px #666666;
  background             :  #888888;
  cursor                 :  pointer;
  
  -moz-border-radius     :  3px;
  border-radius          :  3px;
  -webkit-border-radius  :  3px;  
}

ul#Paging li a:hover, ul#Paging li a.selected
{
  font-family            :  'Montserrat Regular', verdana, arial;
  font-size              :  11px;
  color                  :  #ffffff;
  
  text-decoration        :  none;
   
  display                :  block;
  float                  :  left;
  padding                :  5px;
  margin                 :  0px 3px 0px 0px;
  border                 :  solid 1px #999999;
  background             :  #bbbbbb;
  cursor                 :  pointer;
  
  -moz-border-radius     :  3px;
  border-radius          :  3px;
  -webkit-border-radius  :  3px; 
}

/*************** Photo/Video Gallery  ******************/

.photo, .video
{
  margin-bottom  :  25px;
}

.photo div, .video div
{
  text-align          :  center;
  border              :  solid 1px #aaaaaa;
  box-shadow          :  1px 1px 3px #888888;
  -moz-box-shadow     :  1px 1px 3px #888888;
  -webkit-box-shadow  :  1px 1px 3px #888888;
}

.photo div:hover, .video div:hover
{
  box-shadow          :  1px 1px 3px #000000;
  -moz-box-shadow     :  1px 1px 3px #000000;
  -webkit-box-shadow  :  1px 1px 3px #000000;
}

.photo div img, .video div img
{
  margin  :  16px 5px;
  
}

.photo b, .video b
{
  display   :  block;
  overflow  :  hidden;
  margin    :  8px 0px 0px 0px;
  text-align : left;
}

#Affiliations
{
  margin     :  0px auto 0px auto;
  padding    :  30px 20px 0px 20px;
  width      :  calc(100% - 40px);
  max-width  :  1100px;
}

#Affiliations img
{
  width      :  100%;
  max-width  :  180px;
  margin     :  0px auto 0px auto;
}

#Scholarships
{
  clear           :  both;
  display         :  flex;
  flex-wrap       :  wrap;
  flex-direction  :  row;
  row-gap         :  25px;
  column-gap      :  25px;
}

#Scholarships div
{
  width  :  calc(50% - 13px);
}

#Scholarships img
{
  width          :  100%;
  border-radius  :  3px;
}


#Application ul
{
  padding                :  0px;
  margin                 :  0px;
  list-style             :  none;
  overflow               :  hidden;

  -moz-border-radius     :  12%;
  border-radius          :  12%;
  -webkit-border-radius  :  12%;
}

#Application ul li
{
  font-family  :  arial, verdana, sans-serif;
  font-size    :  18px;
  color        :  #000000;
  
  text-align   :  center;

  display      :  block;
  float        :  left;
  cursor       :  pointer;
  width        :  33.3%;
  padding      :  20px 0px;
  background   :  #eeeeee;
}

#Application ul li:nth-child(2), #Application ul li:nth-child(4)
{
  background  :  #f6f6f6;
}

#Application ul li.selected
{
  color  :  #b2041f;
}

#Application .application
{
  width        :  98%;
  margin       :  0px auto;
  padding-top  :  10px;
}

#Application .education, #Application .experience
{
  margin-bottom  :  5px;
}

#Application .buttons
{
  border-top     :  solid 1px #cccccc;
  border-bottom  :  solid 1px #cccccc;
  background     :  #f6f6f6;
  padding        :  10px 20px 8px 20px;
  margin         :  30px 0px 15px 0px;
}

#frmApplication input.textbox, #frmApplication select, #frmJob input.textbox, #frmJob select
{
  padding  :  6px;
}

#frmApplication input.button, #frmJob input.button
{
  font-weight  :  bold;
  padding      :  8px 30px;
}

button.button.add
{
  color       :  #ffffff;
  padding     :  4px 10px 4px 10px;
  border      :  solid 1px #000000;
  background  :  #666666;  
  cursor      :  pointer;
}

button.button.remove
{
  font-size   :  20px;
  color       :  #ffffff;
  padding     :  0px 15px;
  border      :  solid 1px #000000;
  background  :  #666666;  
  cursor      :  pointer;
}

.date
{
  width  :  135px;
}

.date input.textbox
{
  width  :  75px;
}

.date img
{
  float       :  right;
  cursor      :  pointer; 
  margin-top  :  3px;
  height      :  25px;
}


.listing table
{
  width  :  100%;
}

.listing table td
{
  border      :  solid 1px #dddddd;
  padding     :  8px;
  text-align  :  left !important;
}

.listing table tr:first-child
{
  background  :  #b2041f;
}

.listing table tr:first-child td, .listing table tr:first-child td span
{
  color  :  #ffffff;
}

.listing table tr:nth-child(even)
{
  background  :  #f4f4f4;
}

#PageTitle
{
  font-family  :  'MTRegular', 'Montserrat Bold', verdana, arial;
  font-size    :  40px;
  color        :  #efeeee; 

  text-align   :  center;
  
  width        :  100%; 
  padding      :  154px 0px 0px 0px;
  background   :  #f6f7fb;
}

.multiSelect
{
  width                  : 280px;
  height                 : 95px;
  overflow               : auto;
  border                 : solid 1px #999999;
  padding                : 3px;
  background             : #f9f9f9;
  -moz-border-radius     : 3px;
  border-radius          : 3px;
  -webkit-border-radius  : 3px;
}

.messageLink
{
  border   :  solid 1px #ffffff;
  padding  :  10px 20px;
  margin   :  20px 10px 0px 10px;
  display  :  inline-block;
  background  :  #ffffff !important;
  color       :  #0d2d62 !important;
}

.messageLink:hover
{
  color       :  #ffffff !important;
  background  :  #0d2d62 !important;
}


li.case
{
  font-size      :  18px;
  margin-bottom  :  20px;
}

li.case a
{
  font-size    :  18px;
}

div.case
{
  display  :  none;
}

.sy-pager
{
  bottom    :  80px;
  z-index   :  11;
  position  :  relative; 
}

.sy-pager li
{
  margin-right  :  5px; 
}

.sy-pager li a
{
  background-color  :  #534F50 !important; 
}

.sy-pager li.sy-active a
{
  background-color  :  #ffffff !important;
}

.bannerContent
{
  width     :  25%;
  top       :  265px;
  left      :  10%; 
  position  :  absolute; 
  z-index   :  1; 
}

.bannerContent h1
{
  font-family    :  "Montserrat Extra Bold", arial, sans-serif;
  font-size      :  50px;
  color          :  #ffffff;
  line-height    :  60px;   
  margin-bottom  :  100px; 
}

.bannerContent a
{
  font-family    :  "Montserrat Medium", arial, sans-serif;
  font-size      :  14px;
  color          :  #ffffff;
  background     :  #174593;  
  border-radius  :  50px;
  padding        :  12px 20px;
  text-align     :  center; 
}


#About
{
  max-width   :  1100px;
  margin      :  20px auto 0px auto;
  padding     :  50px 25px;
  border-top  :  solid 1px #f3f3f3;
}

#About p
{
  text-align   :  justify;
  font-size    :  16px;
  line-height  :  26px; 
}

#About a, #About a:hover
{
  background     :  #ffffff;
  padding        :  16px 41px;  
  border         :  1px solid #333333;
  border-radius  :  50px; 
  display        :  inline-block;
}

#About a:hover
{
  background     :  #174593;
  color          :  #ffffff;
  border         :  1px solid #174593;
}

#About h1
{
  color        :  #174593;
  font-family  :  "Montserrat Bold", arial, sans-serif;
  font-size    :  26px;
}

#About span
{
  font-family    :  "Montserrat Regular", arial, sans-serif;
  font-size      :  24px;
  color          :  #174593;
  margin-bottom  :  -7px;
  display        :  block;  
}


#Msgs
{
  background  :  #f3f3f3;
  padding     :  50px 0px 50px 0px;
}

#MsgsDiv
{
  max-width       :  1100px;
  padding         :  0px 20px 0px 20px;
  margin          :  0 auto; 
  position        :  relative;
  display         :  flex;
  flex-direction  :  row;
  column-gap      :  30px;
  row-gap         :  30px;
  flex-wrap       :  wrap;
}

.msgDetails
{
  vertical-align  :  top;
  width           :  100%;
  max-width       :  calc(33% - 70px);
  text-align      :  center;
  border          :  1px solid #f4f4f4; 
  background      :  #ffffff;
  padding         :  40px 20px 10px 20px;
  border-radius   :  10px;
}

.msgDetails h2
{
  font-family  :  "Montserrat Regular", arial, sans-serif;
  font-size    :  24px;
  margin       :  0px;
  padding      :  0px;
  line-height  :  27px;
}

.msgDetails.chairman h2
{
	font-size  :  21px;
}

.msgDetailsDiv
{
  padding  :  30px 0px;
}

img.person
{
  width          :  80%;
  margin         :  0px 10% 25px 10%;
  box-shadow     :  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius  :  10px;
  max-width      :  300px;
}

.msgDetailsDiv span
{
  display  :  block; 
}

.msgDetailsDiv span:nth-of-type(1)
{
  font-family  :  "Montserrat Bold", arial, sans-serif;
  font-size    :  18px;
  height       :  24px;
  overflow     :  hidden;
}

.msgDetailsDiv span:nth-of-type(2)
{
  font-family  :  "Montserrat Regular", arial, sans-serif;
  font-size    :  15px;
  color        :  #D92336;
  line-height  :  22px;
  height       :  22px;
  overflow     :  hidden;
}

img.separator
{
  margin   :  25px 0 8px 0;
}

.msgDetailsDiv p
{ 
  max-height          :  137px;
  overflow            :  hidden;
  line-height         :  22px;
  font-size           :  14px;
  text-overflow       :  ellipsis;
  display             :  -webkit-box;
  -webkit-line-clamp  :  6;
  -webkit-box-orient  :  vertical;
}

.msgDetailsDiv a.more, .msgDetailsDiv a.more:hover
{
  font-family    :  "Montserrat Medium", arial, sans-serif;
  background     :  #800000;
  padding        :  12px 27px;  
  border         :  1px solid #800000;
  color          :  #ffffff;
  border-radius  :  50px; 
  width          :  104px; 
  display        :  block;
  margin         :  0 auto; 
  margin-top     :  30px;
}

.msgDetailsDiv a.more:hover
{
  background  :  #D92336 !important;
  border      :  1px solid #D92336;
  color       :  #ffffff;
}


#MissionVision
{
  display         :  flex;
  flex-direction  :  row;
  columns         :  2;
  max-width       :  1100px;
  margin          :  100px auto 100px auto;
  padding         :  0px 20px 0px 20px;
}

#MissionVision div
{
  background     :  #800000;
  padding        :  30px;
  margin         :  0px 12px 0px 12px;
  border-radius  :  30px;
  width          :  50%;
}

#MissionVision div:first-child
{
  margin-left  :  0px;
}

#MissionVision div:last-child
{
  margin-right  :  0px;
}

#MissionVision h1
{
  color        :  #ffffff;
  font-family  :  'Montserrat Regular', arial, sans-serif;
  font-size    :  27px;
  text-transform  :  uppercase;
}

#MissionVision p
{
  font-family    :  'Montserrat Regular', arial, sans-serif;
  font-size      :  18px;
  color          :  #ffffff;
  
  line-height    :  27px;
}


#ExploreCourses
{
  max-width  :  1100px;
  margin     :  50px auto 50px auto;
  padding    :  0px 20px 0px 20px;
}

#CourseListing
{
  display         :  flex;
  flex-direction  :  row;
  columns         :  5;
  flex-wrap       :  wrap;
  row-gap         :  15px;
  column-gap      :  15px;
  width           :  100%;
}

#CourseListing div.course
{
  background     :  #1a2133;
  padding        :  10px;
  border-radius  :  14px;
  width          :  calc(20% - 32px);
}

#CourseListing div.course:first-child
{
  margin-left  :  0px;
}

#CourseListing div.course:last-child
{
  margin-right  :  0px;
}

#CourseListing div.course img
{
  width          :  100%;
  border-radius  :  8px;
}

#CourseListing h1
{
  color               :  #ffffff;
  font-family         :  'Montserrat Regular', arial, sans-serif;
  font-size           :  16px;
  
  text-transform      :  uppercase;
  text-align          :  center;
  
  margin              :  20px 0px 5px 0px;
  max-height          :  44px;
  overflow            :  hidden;
  line-height         :  22px;
  text-overflow       :  ellipsis;
  display             :  -webkit-box;
  -webkit-line-clamp  :  2;
  -webkit-box-orient  :  vertical;
}


#QuickFacts
{
  background  :  #800000;
  padding     :  100px 20px 50px 20px;
  margin      :  0px 0px 0px 0px;
}

#QuickFacts::after
{
  content     : " ";
  display     :  block;
  position    :  absolute;
  left        :  0px;
  right       :  0px;
  bottom      :  0px;
  background  :  #ffffff;
  height      :  0px;
  z-index     :  1;
}


#QuickFacts #QuickFactsDiv
{
  margin     :  0px auto 0px auto;
  max-width  :  1100px;
}

#QuickFactsDiv h1
{
  font-family     :  'Montserrat Regular', arial, sans-serif;
  font-size       :  30px;
  color           :  #ffffff;
  
  text-transform  :  uppercase;
  text-align      :  center;
}

#QuickFactsDiv p
{
  font-family    :  'Montserrat Regular', arial, sans-serif;
  font-size      :  18px;
  color          :  #ffffff;
  
  line-height    :  27px;
  text-align     :  center;
}

#FactsListing
{
  display         :  flex;
  flex-direction  :  row;
  margin          :  50px 0px 0px 0px;
  z-index         :  11;
}

#FactsListing .fact
{
  display         :  flex;
  width           :  20%;
  min-width       :  260px;
  height          :  320px;
  border          :  solid 1px #eeeeee;
  background      :  #f9f9f9;
  padding         :  80px 20px 20px 20px;
  align-items     :  center;
  columns         :  1;
  flex-direction  :  column;
  box-shadow      :  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#FactsListing .fact h4
{
  font-family  :  'Montserrat Regular', arial, sans-serif;
  font-size    :  64px;
  color        :  #da2337;

  text-align   :  center;
  display      :  block;
  line-height  :  70px;
  height       :  70px;
}

#FactsListing .fact p
{
  font-family  :  'Montserrat Regular', arial, sans-serif;
  font-size    :  30px;
  color        :  #000000;

  text-align   :  center;  
  display      :  block;
  max-height   :  96px;
  line-height  :  36px;
}


#QuickFacts .slider
{
   position: relative;
   width: 100%;
   height: 450px;
   overflow: hidden;
}

#QuickFacts .item
{
   position: absolute;
   transition: 0.5s;
   left: calc(50% - 110px);
   top: 0;
}

#QuickFacts #factsNext
{
  position: absolute;
  right: 50px;
  top: 40%;
}

#QuickFacts #factsPrev
{
  position: absolute;
  left: 50px;
  top: 40%;
}

#QuickFacts #factsPrev, #QuickFacts #factsNext
{
  color: #fff;
  background: none;
  border: none;
  font-size: xxx-large;
  font-family: monospace;
  font-weight: bold;
  opacity: 0.5;
  transition: opacity 0.5s;
}

#QuickFacts #factsPrev:hover, #QuickFacts #factsNext:hover
{
  opacity: 1;
}

div.department
{
	margin  :  20px 0px 20px 0px;
}

div.department img
{
  width          :  100%;
  border-radius  :  10px;
  box-shadow     :  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
}


#SocialDiv h2.top
{
  margin-bottom  :  30px;
  text-align     :  left;  
}

#SocialDiv iframe
{
  width  :  100% !important 
}

#SocialDiv
{
  padding  :  0px 0 125px 0;
}

.leftPanel, .innerPgContent
{
  display         :  inline-block;
  vertical-align  :  top;   
}

.leftPanel
{
  width         :  28%; 
  margin-right  :  3%;  
  background    :  #da2337; 
  padding       :  5px 0;
}

.leftPanel ul
{
  padding  :  1.5%; 
}

.leftPanel ul li
{
  list-style  :  none; 
}

.leftPanel ul li ul li
{
  border-bottom  :  dotted 1px #880000;
  padding        :  3px 0px 5px 0px;
}

.leftPanel ul li ul li:first-child
{
  border-top   :  dotted 1px #880000;
  padding-top  :  7px;
}

.leftPanel ul li ul li:last-child
{
  border-bottom   :  none;
  padding-bottom  :  0px;
}

.leftPanel ul li a
{
  color  :  #ffffff;
}

.leftPanel ul li a
{
  text-transform  :  uppercase; 
  font-family     :  "Montserrat Bold", arial, sans-serif;
}

.leftPanel ul li ul li a
{
  text-transform  :  initial; 
  font-family     :  "Montserrat Regular", arial, sans-serif; 
  font-size       :  14px;
}

.innerPgContent
{
  width  :  65.6%; 
}

.innerPgContent img.first
{
  width          :  100%; 
  margin-bottom  :  15px; 
}

.leftPanel img.plusMinus
{
  position      :  relative;
  top           :  5px;
  margin-right  :  5px;
}

.leftPanel img.dot
{
  position      :  relative;
  top           :  7px;
  margin-right  :  5px;
  margin-left   :  20px; 
}

.leftPanel ul.subChild li ul li img.dot
{
  margin-left   :  40px;
}

.leftPanel ul.subChild, .leftPanel ul.subChild li ul
{
  margin-top  :  0 !important; 
}

.leftPanel ul.subChild li ul
{
  padding-left  :  20px;
}

.leftPanel hr
{
  border-top     :  dotted 1px #880000;
  border-left    :  none;
  border-right   :  none;
  border-bottom  :  none;
  box-shadow     :  1px 0px #da2337;
  margin         :  12px 0;
}

.leftPanel ul li ul li a
{
  font-size     :  15px;
  display       :  block;
  padding-left  :  40px;
  background    :  url('../images/icons/dot.jpg') no-repeat 13px 2px;
}

.leftPanel ul li ul li ul li a
{
  font-size  :  13px;
}

.leftPanel hr:last-child
{
  display  :  none; 
}

.innerPgContent h2
{
  color          :  #174593;
  margin-bottom  :  15px; 
}

.innerPgContent span.title
{
  color        :  #000000;
  display      :  block; 
  font-size    :  18px;
  font-family  :  "Montserrat Bold", arial, sans-serif;  
  margin-top   :  70px; 
}

.innerPgContent span.position
{
  color    :  #DA2337;
  display  :  block;
}

#ContentsArea.innerPages h1
{
  font-family     :  'Montserrat Bold', verdana, arial;
  font-weight     :  bold;
  font-size       :  24px;
  color           :  #174593;
  
  text-transform  :  uppercase;
  margin-bottom   :  15px;
  text-align      :  left;
  line-height     :  27px;
}

#ContentsArea.innerPages .listing table tr:first-child
{
  background   :  #008FD0;
  font-family  :  "Montserrat Bold", arial, sans-serif;
  color        :  #ffffff;
  font-size    :  14px;
  line-height  :  26px;
}

#ContentsArea.innerPages h4.news
{
  text-transform  :  uppercase;
  font-family     :  "Montserrat Bold", verdana, arial;
  font-size       :  16px;
  font-weight     :  700;
  line-height     :  24px;
  color           :  #333333;
  margin          :  0px 0px 15px 0px;
}

#ContentsArea.innerPages i.gray
{
  color       :  #999999 !important;
  font-style  :  normal;
  font-size   :  14px;  
}

.innerPgContent .listing table, .innerPgContent .table
{
  width  :  auto !important;  
}

#ContentsArea.innerPages .listing table tr:first-child td p
{
  color  :  #fff;
}

#DegreeProgramsBgDiv h2 a
{
  color        :  #ffffff;
  width        :  152px;
  text-align   :  center;
  font-size    :  48px;
  line-height  :  60px;
  font-weight  :  700; 
}

.degreeProgramsDetails
{ 
  min-height  :  535px; 
}

.degreeProgramsDetails.row2
{ 
  min-height  :  425px; 
}


#frmVerification input.textbox, #frmVerification select, #frmResults input.textbox, #frmResults select, #frmConvocation input.textbox, #frmConvocation select
{
  font-size              :  15px;   
  padding                :  6px;

  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px; 
}

#frmVerification select, #frmResults select, #frmConvocation select
{
  min-width  :  200px;
}

#frmVerification input.button, #frmResults input.button, #frmConvocation input.button
{
  min-width   :  180px;
  text-align  :  center;
}

#frmVerification #BtnBack, #frmResults #BtnBack
{
  min-width  :  120px;
}

#frmVerification .date, #frmResults .date
{
  width  :  160px;
}

#frmVerification .date input.textbox, #frmResults .date input.textbox
{
  width  :  100px;
}


td#RightSection
{
  padding-left  :  80px;
}

#PoPg 
{
  background  :  #e9e6e3;
}

#PoPg h1 
{
  text-align     :  center;
  padding-top    :  35px;
  margin-bottom  :  50px !important;
}

#PoPg h4 
{
  font-size      :  13px;
  margin-bottom  :  0;
}

#PoPg h5 
{
  font-size      :  12px;
  font-weight    :  500;
  color          : #000;
  margin-bottom  :  25px;
}

#PoPg tr:nth-of-type(3) td, #PoPg tr:nth-of-type(4) td, #PoPg tr:nth-of-type(5) td  
{
  position  :  relative;
  top       :  -90px;
}

#PoPg span
{
  margin : 0px auto 0px auto;
  display  :  inline-block;
  border : solid 2px #b2041f;
  padding : 2px;
}

/***************  Paging  **********************/

ul#Paging
{
  clear       :  both;
  padding     :  0px;
  margin      :  20px 0px 0px 0px;
  list-style  :  none;
}

ul#Paging li
{ 
  margin   :  0px;
  padding  :  0px;
  float    :  left;  
}
	
ul#Paging li a
{
  font-family            :  tahoma, verdana, arial, sans-serif;
  font-size              :  11px;
  color                  :  #ffffff;
  
  text-decoration        :  none;
   
  display                :  block;
  float                  :  left;
  padding                :  5px;
  margin                 :  0px 3px 0px 0px;
  border                 :  solid 1px #666666;
  background             :  #888888;
  cursor                 :  pointer;
  
  -moz-border-radius     :  3px;
  border-radius          :  3px;
  -webkit-border-radius  :  3px;  
}

ul#Paging li a:hover, ul#Paging li a.selected
{
  font-family            :  tahoma, verdana, arial, sans-serif;
  font-size              :  11px;
  color                  :  #ffffff;
  
  text-decoration        :  none;
   
  display                :  block;
  float                  :  left;
  padding                :  5px;
  margin                 :  0px 3px 0px 0px;
  border                 :  solid 1px #999999;
  background             :  #bbbbbb;
  cursor                 :  pointer;
  
  -moz-border-radius     :  3px;
  border-radius          :  3px;
  -webkit-border-radius  :  3px; 
}

/*************  Post  *****************/

.posts
{
  border-top     :  solid 0px #f1f1f1;
  border-bottom  :  solid 0px #f1f1f1;
}

.post
{
  clear    :  both;
  padding  :  20px;
}

.posts .post
{
  border-top     :  solid 4px #f1f1f1;
  border-right   :  solid 4px #f1f1f1;
  border-bottom  :  solid 4px #f1f1f1;
  border-left    :  solid 4px #f1f1f1;
}

.posts .post, .posts .post div, .posts .post span, .posts .post a
{
  font-family  :  tahoma, verdana, arial, sans-serif;
  font-size    :  13px;
}

.posts .post a.title, .posts .post a.title:hover
{
  font-family      :  tahoma, verdana, arial, sans-serif;
  font-size        :  24px;
  font-weight      :  bold;
  color            :  #b2041f;
  
  text-decoration  :  none;
  line-height      :  27px;
}

.posts .post a.title:hover
{
  color  :  #174593;
}

#ContentsArea.innerPages .post h1
{
  text-transform  :  none;
  color           :  #b2041f !important;
  margin          :  0px;
}

.posts .post .more, .post .more
{
  clear        :  both;
  padding      :  5px 0px 20px 0px;
  
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #888888;
}

.posts .post .more a, .posts .post .more .fRight, .post .more a, .post .more .fRight, .posts .post .more a:hover, .posts .post .more .fRight:hover, .post .more a:hover, .post .more .fRight:hover
{

  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #174593;
}

.posts .post .more a:hover, .posts .post .more .fRight:hover, .post .more a:hover, .post .more .fRight:hover
{
  color  :  #b2041f;
}

.posts .post .share, .post .share
{
  clear    :  both;
  height   :  20px;
  margin   :  0px;
  padding  :  0px 0px 20px 0px;
}

.posts .post .summary, .post .details
{
  font-size    :  14px;
  line-height  :  20px;
}

.posts .post .detail
{
  font-size  :  14px;
  color      :  #b2041f;
}

.posts .post .detail:hover
{
  color  :  #174593;
}

.posts.featured
{
  border      :  none;
  background  :  #dddddd;
  padding     :  6px;
}

.posts.featured .post
{
  clear       :  both;
  padding     :  5px 5px 15px 5px;
  background  :  #ffffff;
  border      :  none;
}

.posts.featured .post a.title, .posts.featured .post a.title:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #129a09;
  
  text-decoration  :  none;
  letter-spacing   :  0px;
  
  display          :  block;
  padding          :  5px 0px 10px 0px;
  height           :  42px;
  line-height      :  14px;
  overflow         :  hidden;
}

.posts.featured .post .summary
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  line-height  :  14px;
  height       :  70px;
  overflow     :  hidden;
}


.post ul.photos
{
  clear       :  both;
  margin      :  20px 0px 0px 0px;
  padding     :  0px;
  list-style  :  none;
}

.post ul.photos li
{
  float       :  left;
  margin      :  1.65%;
  padding     :  0px !important;
  width       :  30%;
  background  :  none !important;
}

.post ul.photos li div
{
  border              :  solid 1px #f6f6f6;
  box-shadow          :  1px 1px 4px #cccccc;
  -moz-box-shadow     :  1px 1px 4px #cccccc;
  -webkit-box-shadow  :  1px 1px 4px #cccccc;
}

.post ul.photos li div:hover
{
  box-shadow          :  1px 1px 4px #375d8b;
  -moz-box-shadow     :  1px 1px 4px #375d8b;
  -webkit-box-shadow  :  1px 1px 4px #375d8b;
}

.post ul.photos li div img
{
  margin  :  5px;
  width   :  calc(100% - 10px);
}


#Comments
{
  margin  :  20px 20px 50px 20px;
}

#Comments h1
{
  font-family    :  verdana, arial, sans-serif;
  font-weight    :  bold;
  font-size      :  15px;
  color          :  #000000;
  
  margin         :  0px 0px 5px 0px;
  padding        :  0px;
}

#Comments #Count
{
  border-top     :  solid 1px #cccccc;
  border-bottom  :  solid 1px #cccccc;
  height         :  28px;
  line-height    :  28px;
  
  font-family    :  verdana, arial, sans-serif;
  font-weight    :  bold;
  color          :  #000000;
}

#Comments #frmComments
{
  background     :  #f2f2f2;
  padding        :  10px;
  border-bottom  :  solid 1px #e9e9e9;
}

#Comments #frmComments input.textbox
{
  font-size  :  15px;
  padding    :  6px;
}

#Comments #frmComments textarea
{
  border      :  solid 1px #bcc8d8;
  background  :  #ffffff;
}

#Comments #frmComments td
{
  color  :  #888888;
}

#Comments #frmComments #BtnComment
{
  margin   :  10px 0px 0px 0px;
  padding  :  8px 15px;
}

#Comments .comments
{
  border-bottom  :  solid 1px #e2e2e2;
  padding        :  10px 0px 10px 0px;
}

#Comments .comments b
{
  color  :  #4e5a94;
}

#Comments .comments span
{
  color  :  #888888;
}


figure.table
{
   margin  : 0px;
}

figure.table table
{
  width  :  100%;
}

figure.table table td
{
  border      :  solid 1px #ffffff;
  padding     :  8px;
  text-align  :  left !important;
}

figure.table table tr:first-child
{
  background  :  #b2041f;
}

figure.table table tr:first-child td
{
  color  :  #ffffff;
}

figure.table table tr td:first-child
{
  width  :  10%;
}

figure.table table tr:nth-child(even)
{
  background  :  #f4f4f4;
}


ul.picsList
{
  display         :  flex;
  flex-wrap       :  wrap;
  flex-direction  :  row;
  row-gap         :  20px;
  column-gap      :  20px;
  padding         :  0px;
  margin          :  30px 0px 0px 0px;
  list-style      :   none;
}

ul.picsList li
{
  width  :  calc(50% - 20px);
}

ul.picsList li img
{
  width          :  100%;
  border-radius  :  10px 10px 0px 0px;
  box-shadow     :  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.picsList li span
{
  display          :  block;
  background       :  #800000;  
  padding          :  8px 12px;
  line-height      :  20px;
  height           :  40px;
  border-radius    :  0px 0px 10px 10px;

  font-family      :  'Montserrat Regular', verdana, arial;
  font-size        :  15px;
  color            :  #ffffff;  

  text-decoration  :  none;
  text-align       :  center;
}


.twoColumns
{
  clear           :  both;
  display         :  flex;
  flex-wrap       :  wrap;
  flex-direction  :  row;
  row-gap         :  25px;
  column-gap      :  25px;
  padding         :  20px 0px 10px 0px;
}

.twoColumns .columnA, .twoColumns .columnB
{
  width          :  calc(50% - 55px);
  background     :  #eeeeee;
  border-radius  :  10px;
  padding        :  20px;
}

.twoColumns p
{
  padding-top  :  0px;
  margin-top   :  5px;
}

.twoColumns b
{
  font-size  :  18px;
}

.philosophy
{
  background      :  #f7e5e5;
  border-radius   :  10px;
  padding         :  25px;
  margin-top      :  10px;
}


.singleColumn
{
  background      :  #eeeeee;
  border-radius   :  10px;
  padding         :  25px;
  margin-top      :  20px;
}

.singleColumn.red
{
  background  :  #f7e5e5;
}

.singleColumn h3
{
  margin-bottom  :  10px;
}

.singleColumn .pictureArea
{
  display         :  flex;
  flex-direction  :  row;
}

.singleColumn p
{
  margin-top  :  0px;
}

.singleColumn .pictureArea .image
{
  min-width  :  300px;
  margin     :  0px 0px 0px 25px;
}

.singleColumn .pictureArea .image.left
{
  margin  :  0px 25px 0px 0px;
}

.singleColumn .pictureArea .image img
{
  border-radius  :  10px;
  box-shadow     :  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width          :  100%;
}


div.case
{
  padding-top  :	30px;
}

div.case > p:first-child
{
  font-size  :  21px;
  padding  :  0px;
  margin : 0px !important;
  line-height  :  64px;
  background  :  #800000;
  color : #ffffff;
  text-align : center;
}

div.case > p:first-child span, div.case > p:first-child span strong, div.case > p:first-child span u
{
  font-size  :  21px;
  color : #ffffff;
}

div.case > p:first-child u
{
  text-decoration : none;	
}

div.case figure
{
	margin-left   :  0px;
	margin-right  :  0px;
}


#ContentsArea #Msgs
{
  background  :  #ffffff;
  padding     :  0px;
}

#ContentsArea #MsgsDiv
{
  padding  :  0px;
}

#ContentsArea #MsgsDiv .msgDetails
{
  max-width   :  calc(50% - 60px);
  background  :  #eeeeee;
}

#Team h4
{
  margin  :  0px;
  color   : #7e2432;
}

#Team a
{
  margin  :  0px;
  color   : #7e2432;
}

#Team img
{
  border-top     :  solid 6px #880000;
  border-bottom  :  solid 2px #880000;
}